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

私がやってきたアウトプット集

 私がやってきたアウトプット集

アウトプットとインプットを継続する秘訣LT会
https://yumemi.connpass.com/event/317149/

Ryotaro Onoue

May 21, 2024
Tweet

More Decks by Ryotaro Onoue

Other Decks in Technology

Transcript

  1. whoami - ߴߍ࣌୅͔Βݸਓ։ൃͰΞϓϦέʔγϣϯΛ։ൃ͍ͯͨ͠(ޙड़) - FlutterͰΞϓϦέʔγϣϯ։ൃ - όοΫΤϯυ΍Πϯϑϥ΋શ෦ࣗ෼Ͱઃܭɾӡ༻ - 2023೥4݄ʹ৽ଔೖࣾ -

    Flutter ΞϓϦέʔγϣϯͱDart BFF(Backend for Frontend)ͷ։ൃҊ݅ ʹࢀը - ຖ೔ָ͘͠ΨγΨγ։ൃத . . . 3 ͜Ε·Ͱͷ͋Β͢͡
  2. 1. ࣾձਓ2೥໨ʹೖͬͯͷৼΓฦΓ - ࢥ͍ग़͢ͱ͍Ζ͍Ζͳ੍࡞෺Λ࡞͖ͬͯͨ - ߴߍ࣌୅ - ݸਓ։ൃͰΞϓϦέʔγϣϯΛ։ൃͨ͠(ޙड़) 1. ߴߍͷจԽࡇͰιϑτ΢ΣΞ։ൃΛͨ͠

    - ࣾձਓ1೥໨ 2. (֎෦) େֶͷֶࡇͰར༻͢ΔϓϦϯτγʔϧػͷը૾ڞ༗γεςϜͷ։ൃ - (ձࣾ) Dart BFFͷ։ൃ 3. FlutterKaigi 2023ͷڞಉొஃ 4. FlutterKaigi 2023ͷӡӦ(Flutter WebͰͷαΠτ੍࡞) 5 ͜Ε·Ͱ΍͖ͬͯͨΞ΢τϓοτৼΓฦΓ
  3. 1. ࣾձਓ2೥໨ʹೖͬͯͷৼΓฦΓ - ࢥ͍ग़͢ͱ͍Ζ͍ΖͳίτΛ΍͖ͬͯͨ - ߴߍ࣌୅ - ݸਓ։ൃͰΞϓϦέʔγϣϯΛ։ൃͨ͠(ޙड़) - >

    LTձɾQiita 1. ߴߍͷจԽࡇͰιϑτ΢ΣΞ։ൃΛͨ͠ - > Qiita - ࣾձਓ1೥໨ 2. (֎෦) େֶͷֶࡇͰར༻͢ΔϓϦϯτγʔϧػͷը૾ڞ༗γεςϜͷ։ൃ - > LTձɾQiita - (ձࣾ) Dart BFFͷ։ൃ 3. FlutterKaigi 2023ͷڞಉొஃ = ٕज़ΧϯϑΝϨϯε 4. FlutterKaigi 2023ͷӡӦ(Flutter WebͰͷαΠτ੍࡞) - > Qiita 6 ͜Ε·Ͱ΍͖ͬͯͨΞ΢τϓοτৼΓฦΓ
  4. 1. ࣾձਓ2೥໨ʹೖͬͯͷৼΓฦΓ - ࢥ͍ग़͢ͱ͍Ζ͍ΖͳίτΛ΍͖ͬͯͨ - ߴߍ࣌୅ - ݸਓ։ൃͰΞϓϦέʔγϣϯΛ։ൃͨ͠(ޙड़) - >

    LTձɾQiita 1. ߴߍͷจԽࡇͰιϑτ΢ΣΞ։ൃΛͨ͠ - > Qiita - ࣾձਓ1೥໨ 2. (֎෦) େֶͷֶࡇͰར༻͢ΔϓϦϯτγʔϧػͷը૾ڞ༗γεςϜͷ։ൃ - > LTձɾQiita - (ձࣾ) Dart BFFͷ։ൃ 3. FlutterKaigi 2023ͷڞಉొஃ = ٕज़ΧϯϑΝϨϯε 4. FlutterKaigi 2023ͷӡӦ(Flutter WebͰͷαΠτ੍࡞) - > Qiita 7 ͜Ε·Ͱ΍͖ͬͯͨΞ΢τϓοτৼΓฦΓ
  5. 1-1. ΍͖ͬͯͨίτͷৼΓฦΓ 13 1. ߴߍจԽࡇͰΞϓϦέʔγϣϯ։ൃΛ͓ͨ͠࿩ https: / / qiita.com/YumNumm/items/32ffcced7193e11930d9 -

    ࢓༷ͷܾఆ͸ΈΜͳͰ - ࣮ࡍͷ։ൃ͸ࣗ෼ͻͱΓͰ - ΞϓϦέʔγϣϯ - σʔλϕʔε - ϦΞϧλΠϜ੍ޚ . . . هࣄͰΞ΢τϓοτ͍ͯ͠ΔͷͰྑ͔ͬͨΒݟͯΈͯ ͍ͩ͘͞ →
  6. 1-1. ΍͖ͬͯͨίτͷৼΓฦΓ 16 2. େֶֶࡇͷاըͰ࢖͏ϓϦϯτγʔϧػͷը૾ڞ༗γεςϜΛ։ൃ͓ͨ͠࿩ 2023.9~2023.10 - ϓϦϯτγʔϧػࣗମ͔Βը૾ΛΞοϓ ϩʔυ͢Δ෦෼ʙ ͸ࣗ෼ͷείʔϓ

    - WebϑϩϯτΤϯυͷ੍࡞ - όοΫΤϯυͷ࢓༷ - ετϨʔδɾAPIͷઃܭ (Cloudflare Workers+R2+PagesͰ։ൃ͠·ͨ͠) https: / / qiita.com/YumNumm/items/bb170f594cfb90202084
  7. 1-1. ΍͖ͬͯͨίτͷৼΓฦΓ 17 3. Dart BFFͷ։ൃ - FlutterΞϓϦ͕ୟ͘BFFΛઃܭɾ ։ൃɾӡ༻ -

    ձࣾͷҊ݅ͳͷͰɺνʔϜ։ൃ - FlutterΞϓϦͱͷ਌࿨ੑͷ݉Ͷ ߹͍͔Β DartͰ੍࡞ - BFF͸REST APIͱgRPC APIΛͲ ͪΒ΋ୟ͘ - REST API͔ΒgRPC΁ͷҠߦ 2023.7~ݱࡏ
  8. 1-1. ΍͖ͬͯͨίτͷৼΓฦΓ 18 3. Dart BFFͷ։ൃ - ೔ຊࠃ಺࠷େن໛ͷFlutterؔ࿈Π ϕϯτ FlutterKaigi΁

    ڞಉొஃ - BFFࣗମͷӡ༻ - ΞϓϦέʔγϣϯͱͷ࿈ܞ - ͦ΋ͦ΋ɺDartͰόοΫΤϯυΛॻ ͘จԽ͕͋·Γͳ͍ - ׂͱਅ৽͍͜͠ͱʹ௅ઓ͍ͯͨ͠ 2023.7~ݱࡏ https: / / www.youtube.com/watch?v=jNmyr-TZVfU
  9. 1-1. ΍͖ͬͯͨίτͷৼΓฦΓ 19 4. FlutterKaigi 2023ͷӡӦ(WebαΠτ੍࡞) 2023.7~2023.11 - FlutterKaigi 2023ͷWebαΠτ੍࡞

    - FlutterKaigiͷӡӦͷ͏ͪ WebαΠτ νʔϜͰ੍࡞ - Flutter WebΛ࢖ͬͨͷͰɺύϑΥʔϚ ϯε΍ඳը෦෼Ͱۤ࿑ - FlutterKaigi 2024ͷӡӦʹ΋ࢀՃத - WebαΠτνʔϜͷϦʔμʔ΍͍ͬͯ·͢ - νʔϜϝϯόʔͱڠྗ͠ͳ͕Βྑ͍ϖʔ δΛެ։Ͱ͖ΔΑ͏४උΛਐΊͯ·͍Γ·͢ https: / / flutterkaigi.jp/2023/
  10. 1. ࣾձਓ2೥໨ʹೖͬͯͷৼΓฦΓ - ࢥ͍ग़͢ͱ͍Ζ͍ΖͳίτΛ΍͖ͬͯͨ - ߴߍ࣌୅ - ݸਓ։ൃͰΞϓϦέʔγϣϯΛ։ൃͨ͠ - ߴߍͷจԽࡇͰιϑτ΢ΣΞ։ൃΛͨ͠

    - ࣾձਓ1೥໨ - (֎෦) େֶͷֶࡇͰར༻͢ΔϓϦϯτγʔϧػͷը૾ڞ༗γεςϜͷ։ൃ - (ձࣾ) Dart BFFͷ։ൃ - FlutterKaigi 2023ͷڞಉొஃ - FlutterKaigi 2023ͷӡӦ(Flutter WebͰͷαΠτ੍࡞) - Google Developer Group Tokyo 2023ͰͷLTొஃ 20 ࠓͷϕʔεʹ͋Δ΋ͷ͸ͳʹ͔?
  11. - ࢥ͍ग़͢ͱ͍Ζ͍ΖͳίτΛ΍͖ͬͯͨ - ߴߍ࣌୅ - ݸਓ։ൃͰΞϓϦέʔγϣϯΛ։ൃͨ͠ - ߴߍͷจԽࡇͰιϑτ΢ΣΞ։ൃΛͨ͠ - ࣾձਓ1೥໨

    - (֎෦) େֶͷֶࡇͰར༻͢ΔϓϦϯτγʔϧػͷը૾ڞ༗γεςϜͷ։ൃ - (ձࣾ) Dart BFFͷ։ൃ - FlutterKaigi 2023ͷڞಉొஃ - FlutterKaigi 2023ͷӡӦ(Flutter WebͰͷαΠτ੍࡞) - Google Developer Group Tokyo 2023ͰͷLTొஃ 1. ࣾձਓ2೥໨ʹೖͬͯͷৼΓฦΓ 21 ࠓͷϕʔεʹ͋Δ΋ͷ͸ͳʹ͔? - ݸਓ։ൃͰΞϓϦέʔγϣϯΛ։ൃͨ͠
  12. 1-1. ݸਓ։ൃͰ੍࡞͖ͯͨ͠ΞϓϦέʔγϣϯͷ͓࿩ EQMonitor - Earthquake Monitoring Application (iOS/Android) - EQMonitorͱ͍͏஍਒ؔ࿈ͷΞϓϦέʔγϣϯΛ੍࡞

    - ΞϓϦέʔγϣϯࣗମ͸FlutterͰ੍࡞  ڧ਒Ϟχλ ࠃཱݚڀ։ൃ๏ਓ๷ࡂՊֶٕज़ݚڀॴ͕ ఏڙ͢Δ8FCαʔϏε  IUUQXXXLNPOJCPTBJHPKQ ೔ຊશࠃͷ༳Εͷঢ়گΛϦΞϧλΠϜͰදࣔ ը૾ղੳΛߦ͍ɺ஍ਤ্ʹදࣔ
  13. 1-1. ݸਓ։ൃͰ੍࡞͖ͯͨ͠ΞϓϦέʔγϣϯͷ͓࿩ EQMonitor - Earthquake Monitoring Application (iOS/Android) - EQMonitorͱ͍͏஍਒ؔ࿈ͷΞϓϦέʔγϣϯΛ੍࡞

    - ΞϓϦέʔγϣϯࣗମ͸FlutterͰ੍࡞  ۓٸ஍਒଎ใ ؾ৅ிʹΑΓൃද͞Εͨۓٸ஍਒଎ใΛ ϦΞϧλΠϜͰදࣔ ओཁಈ 4೾ ॳظඍಈ 1೾ ۓٸ஍਒଎ใͷσʔλΛࣗલ+40/΁ม׵͠ɺ)5518FC4PDLFU"1*Ͱ഑৴
  14. 1-1. ݸਓ։ൃͰ੍࡞͖ͯͨ͠ΞϓϦέʔγϣϯͷ͓࿩ EQMonitor - Earthquake Monitoring Application (iOS/Android) - EQMonitorͱ͍͏஍਒ؔ࿈ͷΞϓϦέʔγϣϯΛ੍࡞

    - ΞϓϦέʔγϣϯࣗମ͸FlutterͰ੍࡞  ஍਒ཤྺ աڈͷ஍਒ΛḪͬͯݕࡧ - ࠷େ਒౓ɾ஍਒ͷن໛(Ϛάχνϡʔυ)ɾ ਒ݯͷਂ͞ͰߜΓࠐΈ΋Մೳ - 2020೥11݄Ҏ߱ͷ஍਒৘ใΛݕࡧՄೳ (ࠓޙ֦ு༧ఆ)
  15. 1-1. ݸਓ։ൃͰ੍࡞͖ͯͨ͠ΞϓϦέʔγϣϯͷ͓࿩ EQMonitor - Earthquake Monitoring Application (iOS/Android) - EQMonitorͱ͍͏஍਒ؔ࿈ͷΞϓϦέʔγϣϯΛ੍࡞

    - ΞϓϦέʔγϣϯࣗମ͸FlutterͰ੍࡞  ஍਒ཤྺͷৄࡉ ஍਒ཤྺͰબ୒ͨ͠஍਒৘ใͷৄࡉΛදࣔ - ਒ݯͷҐஔɾ؍ଌ఺ͷ਒౓ - ֤஍Ҭͷ਒౓ΛృΓͭͿ͠Ͱදࣔ - ֤஍ͷ਒౓͔Βɺಛఆͷ਒౓Λ؍ଌͨ͠౎ಓ෎ݝɾࢢ۠ொଜɾ ؍ଌ఺Λදࣔ
  16. 1-1. ݸਓ։ൃͰ੍࡞͖ͯͨ͠ΞϓϦέʔγϣϯͷ͓࿩ EQMonitor - Earthquake Monitoring Application (iOS/Android) - EQMonitorͱ͍͏஍਒ؔ࿈ͷΞϓϦέʔγϣϯΛ੍࡞

    - ΞϓϦέʔγϣϯࣗମ͸FlutterͰ੍࡞  - ঢ়ଶ؅ཧ - ஍ਤඳը - αʔόͱͷ઀ଓ(WebSocket, HTTP) - ύϑΥʔϚϯε
  17. 31

  18. 33

  19. 35

  20. 2. ݸਓ։ൃʹ͍ͭͯ 38 ࡞Γ͍ͨͱ͍͏ࢥ͍͕͋Δ͕ɺ஌Βͳ͍ͷ Ͱ࡞Εͳ͍ ಘͨ஌ࣝΛϕʔεʹ։ൃΛਐΊ͍ͯ͘ ෼͔Βͳ͍͜ͱͩΒ͚ͳͷͰ͙͢ௐ΂Δ - Πϯϓοτ -

    ֎෦ͷ৘ใΛࣗ෼΁औΓࠐΉ͜ͱ - Ex. - LTձ/ΧϯϑΝϨϯε΁ͷग़੮ - ٕज़ॻ/ٕज़ϒϩάΛಡΉ - ΞϓϦ/WebαΠτΛ࢖͏ - Twitter(X)ΛݟΔ - Ξ΢τϓοτ - ࣗ෼ͷ͍࣋ͬͯΔ৘ใΛ֎෦΁์ग़͢Δ ͜ͱ - Ex. - LTձ/ΧϯϑΝϨϯεͷొஃ - ٕज़ॻ/ٕज़ϒϩάͷࣥච - ΞϓϦ/WebαΠτΛ࡞Δ - Twitter(X)΁౤ߘ͢Δ
  21. 39

  22. 40

  23. ·ͱΊ ʙΠϯϓοτͱΞ΢τϓοτʙ ݸਓ։ൃͷεεϝ - ·ͣ͸ɺϓϩμΫτΛ࡞ͬͯΈΔ͜ͱ͔Β࢝Ί·ͤΜ͔? - ୭͔ʹ࢖ͬͯ΋Β͏໨తͰ͸ͳ͘ͱ΋ɺࣗ෼ͷੜ׆Λศརʹ͢Δ΋ͷͰྑ͍ɻʮࢼ͠ʹαϯϓϧϓϩά ϥϜಈ͔ͯ͠ɺͦΕΛ͍ͬͯ͡ΈΔʯ͔ΒͰ΋ΠϯϓοτʹͳΔ͠Ξ΢τϓοτʹ΋ͳΔ - Ξ΢τϓοτΛ͢ΔͨΊʹɺΠϯϓοτ͕ඞཁʹͳΔ

    - ৽͍͠ΞϓϦέʔγϣϯ΍WebϖʔδɾαʔϏεΛ࡞Γग़ͨ͢Ίʹ͸ɺඞવతʹ৭ʑͳ৘ใɾٕज़Λ ࣗ෼ͷ΋ͷʹ͢Δඞཁ͕͋Δɻ - ࡞ͬͨΒLTձ΍هࣄͰ΋Ξ΢τϓοτΛ! - Ξ΢τϓοτΛ͢Δͱ ࣗ෼ͷਓੜͷ଍੻ʹͳΔ - ࣗ෼ͷΞ΢τϓοτ͸ɺଞਓͷΠϯϓοτͷखॿ͚ʹͳΔ - ΠϯϓοτͱΞ΢τϓοτΛ௨ͯ͡ɺࣗ਎ͷ੒௕ + ٕज़ίϛϡχςΟͷ͞ΒͳΔ׆ൃԽʹܨ͍͖͛ͯ· ͠ΐ͏! 43