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

Slide 1

Slide 1 text

2024.05.21 ࢲ͕΍͖ͬͯͨΞ΢τϓοτू YUMEMI Inc. Flutter Engineer - Ryotaro Onoue 1 Ξ΢τϓοτͱΠϯϓοτΛܧଓ͢Δൿ݃LTձ

Slide 2

Slide 2 text

whoami 2 ࣗݾ঺հ Please follow me!

Slide 3

Slide 3 text

whoami - ߴߍ࣌୅͔Βݸਓ։ൃͰΞϓϦέʔγϣϯΛ։ൃ͍ͯͨ͠(ޙड़) - FlutterͰΞϓϦέʔγϣϯ։ൃ - όοΫΤϯυ΍Πϯϑϥ΋શ෦ࣗ෼Ͱઃܭɾӡ༻ - 2023೥4݄ʹ৽ଔೖࣾ - Flutter ΞϓϦέʔγϣϯͱDart BFF(Backend for Frontend)ͷ։ൃҊ݅ ʹࢀը - ຖ೔ָ͘͠ΨγΨγ։ൃத . . . 3 ͜Ε·Ͱͷ͋Β͢͡

Slide 4

Slide 4 text

Today’s Topic 1. ࣾձਓ2೥໨ʹೖͬͯͷৼΓฦΓ - ࠓͷࣗ෼ͷϕʔεʹ͋Δ΋ͷ͸ͳΜͩΖ͏͔? - ͜Ε·Ͱ΍͖ͬͯͨΞ΢τϓοτৼΓฦΓ 2. ݸਓ։ൃʹ͍ͭͯ - ԿΛ։ൃ͖ͯͨ͠ͷ͔ - Ξ΢τϓοτΛ͢ΔͨΊʹ͸Πϯϓοτ͢Δඞཁ͕͋Δ 3. ·ͱΊ

Slide 5

Slide 5 text

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

Slide 6

Slide 6 text

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

Slide 7

Slide 7 text

Slide 8

Slide 8 text

1-1. ΍͖ͬͯͨίτͷৼΓฦΓ 8 1. ߴߍจԽࡇͰΞϓϦέʔγϣϯ։ൃΛ͓ͨ͠࿩ 2022.9~2022.10

Slide 9

Slide 9 text

1-1. ΍͖ͬͯͨίτͷৼΓฦΓ 9 1. ߴߍจԽࡇͰΞϓϦέʔγϣϯ։ൃΛ͓ͨ͠࿩ 2022.9~2022.10 ໰୊ΛબΜͰ΋Β͏

Slide 10

Slide 10 text

1-1. ΍͖ͬͯͨίτͷৼΓฦΓ 10 ߴߍจԽࡇͰΞϓϦέʔγϣϯ։ൃΛ͓ͨ͠࿩ 2022.9~2022.10 4୒ΫΠζΛղ͘ - > ݀ʹϘʔϧΛ౤͛Δ - > Ϙʔϧ෼͚ͩϙΠϯτ͕Ճࢉ!

Slide 11

Slide 11 text

1-1. ΍͖ͬͯͨίτͷৼΓฦΓ 11 ߴߍจԽࡇͰΞϓϦέʔγϣϯ։ൃΛ͓ͨ͠࿩ 2022.9~2022.10 Ϙʔϧͷݸ਺͸ɺ ཪͷਓ͕਺͑ͯ εϚϗ΁ೖྗ

Slide 12

Slide 12 text

1-1. ΍͖ͬͯͨίτͷৼΓฦΓ 12 ߴߍจԽࡇͰΞϓϦέʔγϣϯ։ൃΛ͓ͨ͠࿩ 2022.9~2022.10 ࠷ޙʹಘ఺ϥϯΩϯάΛ ֬ೝͰ͖Δ

Slide 13

Slide 13 text

1-1. ΍͖ͬͯͨίτͷৼΓฦΓ 13 1. ߴߍจԽࡇͰΞϓϦέʔγϣϯ։ൃΛ͓ͨ͠࿩ https: / / qiita.com/YumNumm/items/32ffcced7193e11930d9 - ࢓༷ͷܾఆ͸ΈΜͳͰ - ࣮ࡍͷ։ൃ͸ࣗ෼ͻͱΓͰ - ΞϓϦέʔγϣϯ - σʔλϕʔε - ϦΞϧλΠϜ੍ޚ . . . هࣄͰΞ΢τϓοτ͍ͯ͠ΔͷͰྑ͔ͬͨΒݟͯΈͯ ͍ͩ͘͞ →

Slide 14

Slide 14 text

1-1. ΍͖ͬͯͨίτͷৼΓฦΓ 14 2. େֶֶࡇͷاըͰ࢖͏ϓϦϯτγʔϧػͷը૾ڞ༗γεςϜΛ։ൃ͓ͨ͠࿩ 2023.9~2023.10 - ༑ਓͷେֶֶࡇͷاըͰख఻ͬͯ΄͍͠ͱґཔ͕ - ༑ਓ͕ϝΠϯͰ։ൃͨ͠ϓϦϯτγʔϧػͰࡱӨɾฤूͨ͠΋ͷΛWebܦ༝Ͱμ΢ ϯϩʔυͰ͖ΔΑ͏ʹ͍ͨ͠

Slide 15

Slide 15 text

1-1. ΍͖ͬͯͨίτͷৼΓฦΓ 15 2. େֶֶࡇͷاըͰ࢖͏ϓϦϯτγʔϧػͷը૾ڞ༗γεςϜΛ։ൃ͓ͨ͠࿩ - ༑ਓͷେֶֶࡇͷاըͰख఻ͬͯ΄͍͠ͱґཔ͕ - ༑ਓ͕ϝΠϯͰ։ൃͨ͠ϓϦϯτγʔϧػͰࡱӨɾฤूͨ͠΋ͷΛWebܦ༝Ͱμ΢ ϯϩʔυͰ͖ΔΑ͏ʹ͍ͨ͠ 2023.9~2023.10

Slide 16

Slide 16 text

1-1. ΍͖ͬͯͨίτͷৼΓฦΓ 16 2. େֶֶࡇͷاըͰ࢖͏ϓϦϯτγʔϧػͷը૾ڞ༗γεςϜΛ։ൃ͓ͨ͠࿩ 2023.9~2023.10 - ϓϦϯτγʔϧػࣗମ͔Βը૾ΛΞοϓ ϩʔυ͢Δ෦෼ʙ ͸ࣗ෼ͷείʔϓ - WebϑϩϯτΤϯυͷ੍࡞ - όοΫΤϯυͷ࢓༷ - ετϨʔδɾAPIͷઃܭ (Cloudflare Workers+R2+PagesͰ։ൃ͠·ͨ͠) https: / / qiita.com/YumNumm/items/bb170f594cfb90202084

Slide 17

Slide 17 text

1-1. ΍͖ͬͯͨίτͷৼΓฦΓ 17 3. Dart BFFͷ։ൃ - FlutterΞϓϦ͕ୟ͘BFFΛઃܭɾ ։ൃɾӡ༻ - ձࣾͷҊ݅ͳͷͰɺνʔϜ։ൃ - FlutterΞϓϦͱͷ਌࿨ੑͷ݉Ͷ ߹͍͔Β DartͰ੍࡞ - BFF͸REST APIͱgRPC APIΛͲ ͪΒ΋ୟ͘ - REST API͔ΒgRPC΁ͷҠߦ 2023.7~ݱࡏ

Slide 18

Slide 18 text

1-1. ΍͖ͬͯͨίτͷৼΓฦΓ 18 3. Dart BFFͷ։ൃ - ೔ຊࠃ಺࠷େن໛ͷFlutterؔ࿈Π ϕϯτ FlutterKaigi΁ ڞಉొஃ - BFFࣗମͷӡ༻ - ΞϓϦέʔγϣϯͱͷ࿈ܞ - ͦ΋ͦ΋ɺDartͰόοΫΤϯυΛॻ ͘จԽ͕͋·Γͳ͍ - ׂͱਅ৽͍͜͠ͱʹ௅ઓ͍ͯͨ͠ 2023.7~ݱࡏ https: / / www.youtube.com/watch?v=jNmyr-TZVfU

Slide 19

Slide 19 text

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/

Slide 20

Slide 20 text

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

Slide 21

Slide 21 text

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

Slide 22

Slide 22 text

2. ݸਓ։ൃʹ͍ͭͯ - EQMonitor - ஍਒ؔ࿈ͷΞϓϦέʔγϣϯΛ੍࡞ 22 ԿΛ։ൃ͍ͯ͠Δͷ͔

Slide 23

Slide 23 text

1-1. ݸਓ։ൃͰ੍࡞͖ͯͨ͠ΞϓϦέʔγϣϯͷ͓࿩ EQMonitor - Earthquake Monitoring Application (iOS/Android) - EQMonitorͱ͍͏஍਒ؔ࿈ͷΞϓϦέʔγϣϯΛ੍࡞ - ΞϓϦέʔγϣϯࣗମ͸FlutterͰ੍࡞

Slide 24

Slide 24 text

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

Slide 25

Slide 25 text

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

Slide 26

Slide 26 text

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

Slide 27

Slide 27 text

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

Slide 28

Slide 28 text

2. ݸਓ։ൃʹ͍ͭͯ - EQMonitor - ஍਒ؔ࿈ͷΞϓϦέʔγϣϯΛ੍࡞ - ৭ʑͳ஌ࣝɾٕज़͕ඞཁʹͳΔ 28 ԿΛ։ൃ͍ͯ͠Δͷ͔

Slide 29

Slide 29 text

Slide 30

Slide 30 text

1-1. ݸਓ։ൃͰ੍࡞͖ͯͨ͠ΞϓϦέʔγϣϯͷ͓࿩ EQMonitor - Earthquake Monitoring Application (iOS/Android) - EQMonitorͱ͍͏஍਒ؔ࿈ͷΞϓϦέʔγϣϯΛ੍࡞ - ΞϓϦέʔγϣϯࣗମ͸FlutterͰ੍࡞ - ঢ়ଶ؅ཧ - ஍ਤඳը - αʔόͱͷ઀ଓ(WebSocket, HTTP) - ύϑΥʔϚϯε

Slide 31

Slide 31 text

Slide 32

Slide 32 text

32 - όοΫΤϯυͷ࢓૊Έ - མͪʹ͍͘αʔόͷઃܭ - Ϩεϙϯεͷߴ଎Խ - Πϯϑϥͷ੔උɾӡ༻

Slide 33

Slide 33 text

Slide 34

Slide 34 text

34 - ؂ࢹମ੍ - Ϋϥογϡɾྫ֎ݕ஌

Slide 35

Slide 35 text

Slide 36

Slide 36 text

36 - ۓٸ஍਒଎ใͷ࢓૊Έ - ஍਒৘ใͷѻ͍ํ - ೖखํ๏ (ۓٸ஍਒଎ใͷ֓ཁ΍ॲཧख๏ʹؔ͢Δٕज़తࢀߟࢿྉ - ؾ৅ி஍਒Րࢁ෦ ྩ࿨6೥4݄11೔ ΑΓҾ༻ https: / / www.data.jma.go.jp/eew/data/nc/katsuyou/reference.pdf

Slide 37

Slide 37 text

37 ࡞Γ͍ͨͱ͍͏ࢥ͍͕͋Δ͕ɺ஌Βͳ͍ͷ Ͱ࡞Εͳ͍ ಘͨ஌ࣝΛϕʔεʹ։ൃΛਐΊ͍ͯ͘ ෼͔Βͳ͍͜ͱͩΒ͚ͳͷͰ͙͢ௐ΂Δ

Slide 38

Slide 38 text

2. ݸਓ։ൃʹ͍ͭͯ 38 ࡞Γ͍ͨͱ͍͏ࢥ͍͕͋Δ͕ɺ஌Βͳ͍ͷ Ͱ࡞Εͳ͍ ಘͨ஌ࣝΛϕʔεʹ։ൃΛਐΊ͍ͯ͘ ෼͔Βͳ͍͜ͱͩΒ͚ͳͷͰ͙͢ௐ΂Δ - Πϯϓοτ - ֎෦ͷ৘ใΛࣗ෼΁औΓࠐΉ͜ͱ - Ex. - LTձ/ΧϯϑΝϨϯε΁ͷग़੮ - ٕज़ॻ/ٕज़ϒϩάΛಡΉ - ΞϓϦ/WebαΠτΛ࢖͏ - Twitter(X)ΛݟΔ - Ξ΢τϓοτ - ࣗ෼ͷ͍࣋ͬͯΔ৘ใΛ֎෦΁์ग़͢Δ ͜ͱ - Ex. - LTձ/ΧϯϑΝϨϯεͷొஃ - ٕज़ॻ/ٕज़ϒϩάͷࣥච - ΞϓϦ/WebαΠτΛ࡞Δ - Twitter(X)΁౤ߘ͢Δ

Slide 39

Slide 39 text

Slide 40

Slide 40 text

Slide 41

Slide 41 text

2. ݸਓ։ൃʹ͍ͭͯ - EQMonitorࣗମ - Φʔϓϯιʔεʹ͍ͯ͠ΔͷͰɺର֎తͳΞ ϐʔϧʹ΋ͭͳ͕Δ(ͱ͍͍ͳ) - ٕज़ωλΛQiita΍LTͰΞ΢τϓοτ! 41 Ξ΢τϓοτ͸? https: / / github.com/YumNumm/EQMonitor

Slide 42

Slide 42 text

2. ݸਓ։ൃʹ͍ͭͯ - ೔ʑͷ։ൃਐḿΛπΠʔτ - ΍ͬͨؾʹͳΕΔ - ʮ͜Μͳ͜ͱͰ͖ΔΜͩ!ʯ͔Βٕज़ίϛϡχςΟͷ ׆ൃԽʹͭͳ͕ͬͨΒخ͍͠ - ։ൃதͷػೳʹ͍ͭͯɺҙݟ͕΋Β͑ͨΓͯ͠خ͍͠ 42 Ξ΢τϓοτ͸?

Slide 43

Slide 43 text

·ͱΊ ʙΠϯϓοτͱΞ΢τϓοτʙ ݸਓ։ൃͷεεϝ - ·ͣ͸ɺϓϩμΫτΛ࡞ͬͯΈΔ͜ͱ͔Β࢝Ί·ͤΜ͔? - ୭͔ʹ࢖ͬͯ΋Β͏໨తͰ͸ͳ͘ͱ΋ɺࣗ෼ͷੜ׆Λศརʹ͢Δ΋ͷͰྑ͍ɻʮࢼ͠ʹαϯϓϧϓϩά ϥϜಈ͔ͯ͠ɺͦΕΛ͍ͬͯ͡ΈΔʯ͔ΒͰ΋ΠϯϓοτʹͳΔ͠Ξ΢τϓοτʹ΋ͳΔ - Ξ΢τϓοτΛ͢ΔͨΊʹɺΠϯϓοτ͕ඞཁʹͳΔ - ৽͍͠ΞϓϦέʔγϣϯ΍WebϖʔδɾαʔϏεΛ࡞Γग़ͨ͢Ίʹ͸ɺඞવతʹ৭ʑͳ৘ใɾٕज़Λ ࣗ෼ͷ΋ͷʹ͢Δඞཁ͕͋Δɻ - ࡞ͬͨΒLTձ΍هࣄͰ΋Ξ΢τϓοτΛ! - Ξ΢τϓοτΛ͢Δͱ ࣗ෼ͷਓੜͷ଍੻ʹͳΔ - ࣗ෼ͷΞ΢τϓοτ͸ɺଞਓͷΠϯϓοτͷखॿ͚ʹͳΔ - ΠϯϓοτͱΞ΢τϓοτΛ௨ͯ͡ɺࣗ਎ͷ੒௕ + ٕज़ίϛϡχςΟͷ͞ΒͳΔ׆ൃԽʹܨ͍͖͛ͯ· ͠ΐ͏! 43

Slide 44

Slide 44 text

͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠! ࣭໰ɾؾʹͳΔ͜ͱ͕͋Ε͹ ͍ͭͰ΋࿈བྷ͍ͩ͘͞! 44 Follow me on Twitter: @YumNumm