Upgrade to Pro — share decks privately, control downloads, hide ads and more …

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

971ed28afdc89340ebbf2114ed4ef538?s=47 txkxyx
December 16, 2020

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

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

971ed28afdc89340ebbf2114ed4ef538?s=128

txkxyx

December 16, 2020
Tweet

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Ͱͷಈ࡞֬ೝ - ։ൃͷ͠΍͢͞ɺόάͷى͜Γʹ͘͞ɺӡ༻ͷ͠΍͢͞Ͱ͋Δఔ౓ϑΟϧλʔΛ͔͚ͯબఆͰ͖ΔͷͰ͸ -ϥΠϒϥϦͷධՁػߏͱ͍͏؍఺Λ ΫϩεϓϥοτϑΥʔϜͷબఆج४ͷࢀߟʹͯ͠Έ͍ͯͩ͘͞

    ·ͱΊ