$30 off During Our Annual Pro Sale. View Details »

ウェブフロントエンジニアから見る Flutter Webの 現在地点 / Flutter web as of now

kgsi
November 19, 2022

ウェブフロントエンジニアから見る Flutter Webの 現在地点 / Flutter web as of now

フロントエンドカンファレンス沖縄2022の登壇資料です。

--
https://front-okinawa.connpass.com/event/263836/

kgsi

November 19, 2022
Tweet

More Decks by kgsi

Other Decks in Technology

Transcript

  1. ΢ΣϒϑϩϯτΤϯδχΞ͔ΒݟΔ Flutter Webͷ ݱࡏ஍఺ ϑϩϯτΤϯυΧϯϑΝϨϯεԭೄ2022

  2. ຊ೔ͷεϥΠυ͸ iA PresenterͰ࡞੒ https://ia.net/presenter

  3. Profile

  4. None
  5. ͗ͦ͜ | SHINICHI KOGISO UXJUUFSΞΧ΢ϯτ͸!LHTJ r ຊ৬͸྘ͷਓࣄ࿑຿ͳձࣾͷϓϩμΫτσβΠφʔ r ݱࡏࣾʹΤϯδχΞɾσβΠφʔͱͯ͠෭ۀࢀը த

    r ຊ೔͸Ұ෭ۀઌͷϑϩϯτΤϯυΤϯδχΞਓ֨Ͱ ొஃ r ॅ୐ϩʔϯ͸͋ͱ೥࢒ͬͯ·͢ r
  6. None
  7. Talking today

  8. 'MVUUFS8FC͸࢖͑Δͷ͔ʁ r 'MVUUFS8FCͷྑ͍఺ѱ͍఺ r 'MVUUFS8FCͷະདྷ r

  9. Not talking

  10. ଞͷΫϩεϓϥοτϑΥʔϜͷൺֱ r ωΠςΟϒΞϓϦʢJ04"OESPJEͳͲʣ෦෼ r

  11. Services created

  12. None
  13. Why choose Flutter web?

  14. ωΠςΟϒԽΛ༧ఆ͍ͯ͠Δ͜ͱ  ϫϯιʔεͰ։ൃͰ͖Δ͜ͱ  ൺֱత୹ظؒͰ։ൃͰ͖Δ͜ͱ 

  15. Development System

  16. ։ൃϝϯόʔߏ੒ɿਓ r όοΫΤϯυΤϯδχΞ໊ɺϑϩϯτΤϯυ ΤϯδχΞ໊ɺ1.໊ r ٕज़ௐࠪɿϲ݄ r ͢Ͱʹ͋Δ3FBDUΞϓϦΛஔ͖׵͑ΒΕΔ͔ Ͳ͏͔ r

    ࣮૷ظؒɿϲ݄ r ෭ۀͷ࣌ؒΛ࠷େݶ࢖͍ɺٽ͖ͳ͕Β։ൃ r
  17. Technical Configuration

  18. None
  19. None
  20. My impressions of Flutter web

  21. Good :)

  22. ϑϩϯτΤϯυΤϯδχΞ ͱֶͬͯशίετ͕௿͍

  23. void main() { print('Hello, World!'); } var name = 'Voyager

    I'; var year = 1977; var antennaDiameter = 3.7; var flybyObjects = ['Jupiter', 'Saturn', 'Uranus', 'Neptune']; var image = { 'tags': ['saturn'], 'url': '//path/to/saturn.jpg' };
  24. ωΠςΟϒମݧΛ΢ΣϒͰ

  25. 4LJBΤϯδϯʹΑΔൺֱతߴ͍࠶ ݱੑ r 18"ʹඪ४ରԠ r

  26. ։ൃ؀ڥपΓͷॆ࣮౓

  27. 74$PEF"OESPJE4UVEJPͷαϙʔ τͷखް͞ r σόοά͕ൺֱత༰қ r ։ൃ؀ڥͷखް͞ r

  28. ׆ൃͳߋ৽ͱվम

  29. 'MVUUFSW  ςΫχΧϧϓϨϏϡʔެ ։ r 'MVUUFSW  ਖ਼ࣜʹ'MVUUFSʹػೳ౷ ߹ r

    'MVUUFSW  ϨϯμʔΤϯδϯ͕มߋ r 'MVUUFSW  'MVUUFS8FC͕ਖ਼ࣜԽ r 'MVUUFSW ݱࡏ ύϑΥʔϚϯενϡʔχ ϯά r
  30. ॆ࣮ͨ͠ΤίγεςϜ

  31. None
  32. Bad :(

  33. ύϑΥʔϚϯε໰୊΍ ՝୊͸ॾʑ͍ͬͺ͍

  34. શମతͳύϑΥʔϚϯεͷ௿͞ r όϯυϧϑΝΠϧͷංେԽ r ೔ຊޠपΓͷαϙʔτͷऑ͞ r ೖྗܥίϯϙʔωϯτͷόά r

  35. None
  36. None
  37. /PUFWFSZ)5.-TDFOBSJPJTJEFBMMZTVJUFE GPS'MVUUFSBUUIJTUJNF'PSFYBNQMF UFYU SJDI qPXCBTFE TUBUJDDPOUFOUTVDIBT CMPHBSUJDMFTCFOFpUGSPNUIFEPDVNFOU DFOUSJDNPEFMUIBUUIFXFCJTCVJMUBSPVOE SBUIFSUIBOUIFBQQDFOUSJDTFSWJDFTUIBUB 6*GSBNFXPSLMJLF'MVUUFSDBOEFMJWFS

    )PXFWFS ZPVDBOVTF'MVUUFSUPFNCFE JOUFSBDUJWFFYQFSJFODFTJOUPUIFTF XFCTJUFT
  38. So why choose Flutter web?

  39. Joy

  40. None
  41. None
  42. Improvement

  43. 3FHBSEJOH'MVUUFSGPSXFCJO QBSUJDVMBS XFQMBOUPXPSLPO JNQSPWJOHQFSGPSNBODF QMVHJO RVBMJUZ BDDFTTJCJMJUZ BOEDPOTJTUFODZ BDSPTTCSPXTFST8FBMTPJOUFOEUP NBLFJUNVDIFBTJFSUPFNCFE'MVUUFS

    BQQMJDBUJPOTJOTJEFPUIFS OPO'MVUUFS )5.-QBHFT 'MVUUFS3PBENBQ
  44. 2023ʙ

  45. None
  46. Flutter4...? 'MVUUFS8FCͷύϑΥʔϚϯε޲্ r .BUFSJBM%FTJHOͷϑϧαϙʔτ r *NQFMMFSʢJ04"OESPJE޲͚ͷ࣍ੈ୅ ϨϯμϦϯάϨΠϠʔʣͷϕʔλԽ r FUD r

  47. Flutter Web has a future.

  48. Summary

  49. େલఏͱͯ͠ ΫϩεϓϥοτϑΥʔϜ Խ༧ఆ͕ͳ͍৔߹͸બͿཧ༝͸ऑ͍ r ֤ϓϥοτϑΥʔϜͰΞϓϦέʔγϣ ϯͷମݧΛఏڙ͍ͨ͠৔߹͸༗ྗͳબ ୒ࢶ r 'MVUUFS8FCͷະདྷʹ౤ࢿ͢Δͱ͍͏ ൑அ͕Ͱ͖ΔͳΒऔΓ૊ΉՁ஋͸े෼

    ʹ͋Δ r
  50. Advertising

  51. None
  52. Reference

  53. r 8FCTVQQPSUGPS'MVUUFS r qVUUFSBSDIJUFDUVSFCMVFQSJOUT r 3FMBZ r 'MVUUFS'MPX r 'MVUUFS3PBENBQ