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

2020年12月16日に開催された「スマホアプリ大好きエンジニアLT会」で発表したスライドです。
TechブログのURL：https://tech-blog.rakus.co.jp/entry/20201210/cross-platform

Transcript

1. #ΞϓϦେ޷͖ΤϯδχΞLTձ גࣜձࣾϥΫεɹɹɹ@t_okkan 2020/12/16 εϚϗΞϓϦେ޷͖ΤϯδχΞLTձ ΫϩεϓϥοτϑΥʔϜͷ ٕज़બఆɹ ϥΠϒϥϦฤ
2. #ΞϓϦେ޷͖ΤϯδχΞLTձ -Carrer - WebΤϯδχΞ - Javaݚमߨࢣ - 2020೥ϥΫεʹத్ೖࣾ -Job - ઌߦٕज़ݕূ - ඇΤϯδχΞ΁ͷษڧձ @t_okkan -Hobby - ໺ٿ - ྺ࢙ - ےτϨ
3. #ΞϓϦେ޷͖ΤϯδχΞLTձ -Carrer - WebΤϯδχΞ - Javaݚमߨࢣ - 2020೥ϥΫεʹத్ೖࣾ -Job -ઌߦٕज़ݕূ - ඇΤϯδχΞ΁ͷษڧձ @t_okkan -Hobby - ໺ٿ - ྺ࢙ - ےτϨ
4. #ΞϓϦେ޷͖ΤϯδχΞLTձ -ݱࡏ࠾༻͞Ε͍ͯͳ͍৽ٕज़Λઌߦͯ͠ݕূ͢ΔPJ - ৽αʔϏε্ཱͪ͛࣌ͷ։ൃ଎౓Ξοϓ - طଘαʔϏεͷ৽ػೳͷ։ൃ଎౓Ξοϓ -ϞόΠϧΫϩεϓϥοτϑΥʔϜ - αʔϏε͸Web͕ओ࣠ - ࠓޙϞόΠϧ։ൃΛߦ͏৔߹͸ɺ޻਺Λ͔͚ͣʹ։ൃΛߦ͍͍ͨ - ʮϞόΠϧΫϩεϓϥοτϑΥʔϜʯ͸։ൃΛলྗԽͰ͖Δͷ͔ - লྗԽͰ͖ΔͳΒͲͷπʔϧΛબఆ͢΂͖ͳͷ͔ ٕज़ਪਐPJ
5. #ΞϓϦେ޷͖ΤϯδχΞLTձ -ݕূํ๏ - ωΠςΟϒʢSwiftʴKotlinʣɺIonic FrameworkɺReact NativeɺFlutter - αϯϓϧΞϓϦΛ࣮૷͠ݕূ - ։ൃ؀ڥɺֶशίετɺػೳ࣮૷ -ݕূ݁Ռ͸Techϒϩάʹ - https://tech-blog.rakus.co.jp/entry/20201210/cross-platform - ʮϥΫε ϞόΠϧΫϩεϓϥοτϑΥʔϜʯ Ͱݕࡧ ϞόΠϧΫϩεϓϥοτϑΥʔϜͷݕূ
6. ݁࿦ɿFlutter͕Α͍
7. #ΞϓϦେ޷͖ΤϯδχΞLTձ -։ൃ؀ڥ͕੔͍ͬͯΔ - Hot reloadɺFlutter Dev Tools -UI΢ΟδΣοτ͕๛෋ - Ionic Framework΍ReactNativeΑΓ͸Δ͔ʹଟ͍ -ύϑΥʔϚϯε͕ྑ޷ - DartVM্Ͱಈ࡞ -Google͕։ൃ͍ͯ͠Δ -ϥΠϒϥϦ͕๛෋ Flutterͷ͍͍ͱ͜Ζ
8. #ΞϓϦେ޷͖ΤϯδχΞLTձ - ։ൃ؀ڥ͕੔͍ͬͯΔ - Hot reloadɺFlutter Dev Tools - UI΢ΟδΣοτ͕๛෋ - Ionic Framework΍ReactNativeΑΓ͸Δ͔ʹଟ͍ - ύϑΥʔϚϯε͕ྑ޷ - DartVM্Ͱಈ࡞ - Google͕։ൃ͍ͯ͠Δ - ϥΠϒϥϦʢϓϥάΠϯʣ͕๛෋ Flutterͷ͍͍ͱ͜Ζ ϥΠϒϥϦධՁػߏ͕༏Ε͍ͯΔ
9. #ΞϓϦେ޷͖ΤϯδχΞLTձ -֤ϑϨʔϜϫʔΫͷϥΠϒϥϦΛ؅ཧ͍ͯ͠ΔαΠτ - ωΠςΟϒػೳ΁ͷΞΫηε͸΄΅ϥΠϒϥϦΛ࢖༻͢ΔͷͰɺ࣭͕ॏཁ - ϥΠϒϥϦͷ࣭ΛධՁ͍ͯ͠Δ͔ -Flutter - Pub.dev -ReactNative - ReactNativeDirectory -Ionic FrameworkʢCapacitorʣ - ఏڙ͞Ε͍ͯͳ͍ ΫϩεϓϥοτϑΥʔϜͷϥΠϒϥϦධՁػߏ
10. #ΞϓϦେ޷͖ΤϯδχΞLTձ -pub pointsͰϥΠϒϥϦͷධՁ͕͞Ε͍ͯΔ - ίʔυελΠϧɺอकੑɺ඼࣭ͰධՁ - ެࣜɺίϛϡχςΟɺαʔυύʔςΟ Pub.dev
11. #ΞϓϦେ޷͖ΤϯδχΞLTձ -ϥΠϒϥϦ৘ใΛެ։͍ͯ͠Δ͔ - ґଘؔ܎ɺREADMEϑΝΠϧɺCHANGELOGϑΝΠϧɺLICENSEϑΝΠϧ -υΩϡϝϯτΛఏڙ͍ͯ͠Δ͔ - αϯϓϧίʔυͷެ։ɺpublicͳAPIϦϑΝϨϯεͷ໢ཏ཰ -Dartίʔυͷ੩తղੳ݁Ռ -DartͱFlutterͷ࠷৽StableͷSDKͰಈ࡞͢Δ͔ pub pointsͷධՁ߲໨
12. #ΞϓϦେ޷͖ΤϯδχΞLTձ -ϥΠϒϥϦ৘ใΛެ։͍ͯ͠Δ͔ - ґଘؔ܎ɺREADMEϑΝΠϧɺCHANGELOGϑΝΠϧɺLICENSEϑΝΠϧ -υΩϡϝϯτΛఏڙ͍ͯ͠Δ͔ - αϯϓϧίʔυͷެ։ɺpublicͳAPIϦϑΝϨϯεͷ໢ཏ཰ -Dartίʔυͷ੩తղੳ݁Ռ -DartͱFlutterͷ࠷৽StableͷSDKͰಈ࡞͢Δ͔ pub pointsͷධՁ߲໨ pub points͕ߴ͍ͱ࣮૷΍ӡ༻ͰඞཁʹͳΔ৘ใ͕ఏڙ͞Ε͍ͯΔ
13. #ΞϓϦେ޷͖ΤϯδχΞLTձ -Directory ScoreͰධՁ - ϥΠϒϥϦͷ඼࣭ͷࢦඪ - ReactNative DirectoryͰఆΊΒΕ͍ͯΔج४ʹ४͍ͯ͡Δ͔ͰϙΠϯτ͕૿ݮ͢Δ React Native Directory
14. #ΞϓϦେ޷͖ΤϯδχΞLTձ -ϦϙδτϦͷධՁ - ϦϙδτϦͷSubscribers, Forks, Starts, download਺͔ΒಠࣗͷॏΈͰܭࢉ -ReactNative Directoryʹਪ঑͞Ε͍ͯΔ͔ -࠷ऴߋ৽೔࣌ -openঢ়ଶͷissue਺ Directory ScoreͷධՁج४
15. #ΞϓϦେ޷͖ΤϯδχΞLTձ -ϦϙδτϦͷධՁ - ϦϙδτϦͷSubscribers, Forks, Starts, download਺͔ΒಠࣗͷॏΈͰܭࢉ -ReactNative Directoryʹਪ঑͞Ε͍ͯΔ͔ -࠷ऴߋ৽೔࣌ -issue਺ Directory ScoreͷධՁج४ ϥΠϒϥϦͷ඼࣭ΑΓਓؾ౓͕ॏࢹ͞Ε͍ͯΔͷͰ͸ɾɾɾ
16. #ΞϓϦେ޷͖ΤϯδχΞLTձ -ಛʹఏڙ͞Ε͍ͯͳ͍ -IonicͱCapacitorͷެࣜɾίϛϡχςΟͷϥΠϒϥϦΛ બ୒͢Δͷ͕ແ೉ -ϞϊʹΑͬͯ͸υΩϡϝϯτ͕ෆे෼ - ࣮ࡍʹ࣮૷ͯ͠Έͳ͍ͱͰ͖Δ͜ͱ͕Θ͔Βͳ͍ Ionic FrameworkͷϥΠϒϥϦධՁػߏ
17. #ΞϓϦେ޷͖ΤϯδχΞLTձ -FlutterͷϥΠϒϥϦධՁػߏ͕Α͍ - υΩϡϝϯτͷॆ࣮౓ - ίʔυղੳɺ࠷৽൛SDKͰͷಈ࡞֬ೝ - ։ൃͷ͠΍͢͞ɺόάͷى͜Γʹ͘͞ɺӡ༻ͷ͠΍͢͞Ͱ͋Δఔ౓ϑΟϧλʔΛ͔͚ͯબఆͰ͖ΔͷͰ͸ -ϥΠϒϥϦͷධՁػߏͱ͍͏؍఺Λ ΫϩεϓϥοτϑΥʔϜͷબఆج४ͷࢀߟʹͯ͠Έ͍ͯͩ͘͞ ·ͱΊ