クロスプラットフォームの技術選定 ~ライブラリ編~

by txkxyx

Slide 1

Slide 1 text

#ΞϓϦେ޷͖ΤϯδχΞLTձ גࣜձࣾϥΫεɹɹɹ@t_okkan 2020/12/16 εϚϗΞϓϦେ޷͖ΤϯδχΞLTձ ΫϩεϓϥοτϑΥʔϜͷ ٕज़બఆɹ ϥΠϒϥϦฤ

Slide 2

Slide 2 text

#ΞϓϦେ޷͖ΤϯδχΞLTձ -Carrer - WebΤϯδχΞ - Javaݚमߨࢣ - 2020೥ϥΫεʹத్ೖࣾ -Job - ઌߦٕज़ݕূ - ඇΤϯδχΞ΁ͷษڧձ @t_okkan -Hobby - ໺ٿ - ྺ࢙ - ےτϨ

Slide 3

Slide 3 text

#ΞϓϦେ޷͖ΤϯδχΞLTձ -Carrer - WebΤϯδχΞ - Javaݚमߨࢣ - 2020೥ϥΫεʹத్ೖࣾ -Job -ઌߦٕज़ݕূ - ඇΤϯδχΞ΁ͷษڧձ @t_okkan -Hobby - ໺ٿ - ྺ࢙ - ےτϨ

Slide 4

Slide 4 text

#ΞϓϦେ޷͖ΤϯδχΞLTձ -ݱࡏ࠾༻͞Ε͍ͯͳ͍৽ٕज़Λઌߦͯ͠ݕূ͢ΔPJ - ৽αʔϏε্ཱͪ͛࣌ͷ։ൃ଎౓Ξοϓ - طଘαʔϏεͷ৽ػೳͷ։ൃ଎౓Ξοϓ -ϞόΠϧΫϩεϓϥοτϑΥʔϜ - αʔϏε͸Web͕ओ࣠ - ࠓޙϞόΠϧ։ൃΛߦ͏৔߹͸ɺ޻਺Λ͔͚ͣʹ։ൃΛߦ͍͍ͨ - ʮϞόΠϧΫϩεϓϥοτϑΥʔϜʯ͸։ൃΛলྗԽͰ͖Δͷ͔ - লྗԽͰ͖ΔͳΒͲͷπʔϧΛબఆ͢΂͖ͳͷ͔ ٕज़ਪਐPJ

Slide 5

Slide 5 text

#ΞϓϦେ޷͖ΤϯδχΞLTձ -ݕূํ๏ - ωΠςΟϒʢSwiftʴKotlinʣɺIonic FrameworkɺReact NativeɺFlutter - αϯϓϧΞϓϦΛ࣮૷͠ݕূ - ։ൃ؀ڥɺֶशίετɺػೳ࣮૷ -ݕূ݁Ռ͸Techϒϩάʹ - https://tech-blog.rakus.co.jp/entry/20201210/cross-platform - ʮϥΫε ϞόΠϧΫϩεϓϥοτϑΥʔϜʯ Ͱݕࡧ ϞόΠϧΫϩεϓϥοτϑΥʔϜͷݕূ

Slide 6

Slide 6 text

݁࿦ɿFlutter͕Α͍

Slide 7

Slide 7 text

#ΞϓϦେ޷͖ΤϯδχΞLTձ -։ൃ؀ڥ͕੔͍ͬͯΔ - Hot reloadɺFlutter Dev Tools -UI΢ΟδΣοτ͕๛෋ - Ionic Framework΍ReactNativeΑΓ͸Δ͔ʹଟ͍ -ύϑΥʔϚϯε͕ྑ޷ - DartVM্Ͱಈ࡞ -Google͕։ൃ͍ͯ͠Δ -ϥΠϒϥϦ͕๛෋ Flutterͷ͍͍ͱ͜Ζ

Slide 8

Slide 8 text

#ΞϓϦେ޷͖ΤϯδχΞLTձ - ։ൃ؀ڥ͕੔͍ͬͯΔ - Hot reloadɺFlutter Dev Tools - UI΢ΟδΣοτ͕๛෋ - Ionic Framework΍ReactNativeΑΓ͸Δ͔ʹଟ͍ - ύϑΥʔϚϯε͕ྑ޷ - DartVM্Ͱಈ࡞ - Google͕։ൃ͍ͯ͠Δ - ϥΠϒϥϦʢϓϥάΠϯʣ͕๛෋ Flutterͷ͍͍ͱ͜Ζ ϥΠϒϥϦධՁػߏ͕༏Ε͍ͯΔ

Slide 9

Slide 9 text

#ΞϓϦେ޷͖ΤϯδχΞLTձ -֤ϑϨʔϜϫʔΫͷϥΠϒϥϦΛ؅ཧ͍ͯ͠ΔαΠτ - ωΠςΟϒػೳ΁ͷΞΫηε͸΄΅ϥΠϒϥϦΛ࢖༻͢ΔͷͰɺ࣭͕ॏཁ - ϥΠϒϥϦͷ࣭ΛධՁ͍ͯ͠Δ͔ -Flutter - Pub.dev -ReactNative - ReactNativeDirectory -Ionic FrameworkʢCapacitorʣ - ఏڙ͞Ε͍ͯͳ͍ ΫϩεϓϥοτϑΥʔϜͷϥΠϒϥϦධՁػߏ

Slide 10

Slide 10 text

#ΞϓϦେ޷͖ΤϯδχΞLTձ -pub pointsͰϥΠϒϥϦͷධՁ͕͞Ε͍ͯΔ - ίʔυελΠϧɺอकੑɺ඼࣭ͰධՁ - ެࣜɺίϛϡχςΟɺαʔυύʔςΟ Pub.dev

Slide 11

Slide 11 text

#ΞϓϦେ޷͖ΤϯδχΞLTձ -ϥΠϒϥϦ৘ใΛެ։͍ͯ͠Δ͔ - ґଘؔ܎ɺREADMEϑΝΠϧɺCHANGELOGϑΝΠϧɺLICENSEϑΝΠϧ -υΩϡϝϯτΛఏڙ͍ͯ͠Δ͔ - αϯϓϧίʔυͷެ։ɺpublicͳAPIϦϑΝϨϯεͷ໢ཏ཰ -Dartίʔυͷ੩తղੳ݁Ռ -DartͱFlutterͷ࠷৽StableͷSDKͰಈ࡞͢Δ͔ pub pointsͷධՁ߲໨

Slide 12

Slide 12 text

Slide 13

Slide 13 text

#ΞϓϦେ޷͖ΤϯδχΞLTձ -Directory ScoreͰධՁ - ϥΠϒϥϦͷ඼࣭ͷࢦඪ - ReactNative DirectoryͰఆΊΒΕ͍ͯΔج४ʹ४͍ͯ͡Δ͔ͰϙΠϯτ͕૿ݮ͢Δ React Native Directory

Slide 14

Slide 14 text

#ΞϓϦେ޷͖ΤϯδχΞLTձ -ϦϙδτϦͷධՁ - ϦϙδτϦͷSubscribers, Forks, Starts, download਺͔ΒಠࣗͷॏΈͰܭࢉ -ReactNative Directoryʹਪ঑͞Ε͍ͯΔ͔ -࠷ऴߋ৽೔࣌ -openঢ়ଶͷissue਺ Directory ScoreͷධՁج४

Slide 15

Slide 15 text

#ΞϓϦେ޷͖ΤϯδχΞLTձ -ϦϙδτϦͷධՁ - ϦϙδτϦͷSubscribers, Forks, Starts, download਺͔ΒಠࣗͷॏΈͰܭࢉ -ReactNative Directoryʹਪ঑͞Ε͍ͯΔ͔ -࠷ऴߋ৽೔࣌ -issue਺ Directory ScoreͷධՁج४ ϥΠϒϥϦͷ඼࣭ΑΓਓؾ౓͕ॏࢹ͞Ε͍ͯΔͷͰ͸ɾɾɾ

Slide 16

Slide 16 text

#ΞϓϦେ޷͖ΤϯδχΞLTձ -ಛʹఏڙ͞Ε͍ͯͳ͍ -IonicͱCapacitorͷެࣜɾίϛϡχςΟͷϥΠϒϥϦΛ બ୒͢Δͷ͕ແ೉ -ϞϊʹΑͬͯ͸υΩϡϝϯτ͕ෆे෼ - ࣮ࡍʹ࣮૷ͯ͠Έͳ͍ͱͰ͖Δ͜ͱ͕Θ͔Βͳ͍ Ionic FrameworkͷϥΠϒϥϦධՁػߏ

Slide 17

Slide 17 text

#ΞϓϦେ޷͖ΤϯδχΞLTձ -FlutterͷϥΠϒϥϦධՁػߏ͕Α͍ - υΩϡϝϯτͷॆ࣮౓ - ίʔυղੳɺ࠷৽൛SDKͰͷಈ࡞֬ೝ - ։ൃͷ͠΍͢͞ɺόάͷى͜Γʹ͘͞ɺӡ༻ͷ͠΍͢͞Ͱ͋Δఔ౓ϑΟϧλʔΛ͔͚ͯબఆͰ͖ΔͷͰ͸ -ϥΠϒϥϦͷධՁػߏͱ͍͏؍఺Λ ΫϩεϓϥοτϑΥʔϜͷબఆج४ͷࢀߟʹͯ͠Έ͍ͯͩ͘͞ ·ͱΊ