Slide 1

Slide 1 text

Flutterでイベントݕ索アプリを 作ってみた 鈴木孝之

Slide 2

Slide 2 text

"HFOEB ࣗݾ঺հɾձࣾ঺հ 'MVUUFSΛֶ΅͏ͱࢥͬͨཧ༝ ։ൃͨ͠αʔϏε

Slide 3

Slide 3 text

ࣗݾ঺հɾձࣾ঺հ

Slide 4

Slide 4 text

1.ࣗݾ঺հ ◆໊લ ླ໦ ޹೭(Suzuki Takayuki) ※ಉ੏ಉ໊ଟͯ͘ࠔͬͯ·͢ɻɻɻ ◆ࣗݾ঺հ ɾ1990೥ɺਆಸ઒ݝੜ·Εɻ ɾࣾձਓʹͳ͔ͬͯΒɺϓϩάϥϛϯάΛ࢝ΊΔɻ ɾ2015೥ʹϑϧεϐʔυʹೖࣾ͠ɺ2017೥ʹಠཱɻ ɾϑϦʔϥϯεͰϦϞʔτϫʔΫΛ൒೥΍ͬͨޙʹԭೄͰىۀ ◆झຯ ίεϓϨɺԻָϥΠϒɺϚϥιϯେձʹग़Δɺ໺ٿ؍ઓ BDD(Ϗʔνۦಈ։ൃ)

Slide 5

Slide 5 text

1.ࣗݾ঺հ

Slide 6

Slide 6 text

ձ໊ࣾ גࣜձࣾRe:Build ୅දऀ ླ໦޹೭ ઃཱ ฏ੒29೥11݄28೔ ࣄۀ಺༰ ࣗࣾαʔϏε։ൃɾӡӦɺWebγεςϜ։ൃɺΤϯδ χΞڭҭɺσβΠϯ੍࡞ ࢿຊۚ 2,600ສԁ ॴࡏ஍ ˟900-0015 ԭೄݝಹ೼ࢢٱໜ஍2-2-2 λΠϜεϏϧ ి࿩൪߸ 050-5408-4501 ैۀһ਺ ໊̍̎ ձ ࣾ ֓ ཁ 6

Slide 7

Slide 7 text

'MVUUFSΛֶ΅͏ͱࢥͬͨཧ༝

Slide 8

Slide 8 text

ΫϩεϓϥοτϑΥʔϜͷٕज़બఆΛ͢Δࣄ͕૿͑ͨ ɾ·ͣ͸؆୯ʹϓϩτλΠϓΛ ωΠςΟϒΞϓϦͰ࡞Γ͍ͨͰ͢ɻ ɾωΠςΟϒΞϓϦΛ࡞Γ͍ͨͷͰɺ Flutter͔React NativeͰ͓ئ͍Ͱ͖·ͤΜʁ ɾٕज़બఆ͢Δ্ͰͲΜͳ΋ͷ͔ࣗ෼΋ ஌͓͖͍ͬͯͨɻ ͳͲ

Slide 9

Slide 9 text

ࠓ·Ͱͷࣗ෼͕։ൃܦݧͷ͋Δϑϩϯτٕज़

Slide 10

Slide 10 text

https://qiita.com/nskydiving/items/c13c949cc17c6f980a67 Development Language Development Environment Platform UI Application example Flutter Google Dart Android Studio, IntelliJ IDEA, Visual Studio Code iOS, Android, Web, Windows, Mac, Linux Original UI Xianyu, Hamilton, Google Ads React Native Facebook JavaScript, TypeScript Nuclide, Visual Studio Code iOS, Android, Web(Mac, Windows) Native UI Instagram, Facebook, Facebook Ads, Skype, Tesla FlutterͱReact NativeͲͪΒ͕ྑ͍ͷͩΖ͏͔ʁ - ϑϨʔϜϫʔΫൺֱදΛݟ͍͚ͯͨͩΕ͹෼͔Δ௨Γɺ྆ऀ͸ඇৗʹΑ͘ࣅ͍ͯ·͢ɻ - React Native ͕طଘͷ Web ٕज़Λϕʔεʹઃܭ͞Ε͍ͯΔͷʹରͯ͠ɺFlutter ͸શ͘ Ұ͔Βઃܭ͞Ε͍ͯ·͢ɻ

Slide 11

Slide 11 text

FlutterͱReact NativeͷUIͷҧ͍ - React Native ͸ωΠςΟϒ UI Λ࠾༻͍ͯ͠·͕͢ɺFlutter ͸ಠࣗ UI Λ࠾༻͍ͯ͠·͢ɻ - ͭ·ΓɺReact Native ΞϓϦ͸ϓϥοτϑΥʔϜʹΑͬͯݟͨ໨͕ม ΘΓ·͕͢ɺFlutter ΞϓϦ͸ͲͷϓϥοτϑΥʔϜͰ΋౷Ұ͞Εͨݟ ͨ໨ʹͳΓ·͢ɻ https://qiita.com/nskydiving/items/c13c949cc17c6f980a67

Slide 12

Slide 12 text

FlutterͱReact NativeͷϦιʔε֬อʹ͍ͭͯ - ೔ຊͩͱ·ͩReact NativeͷΤϯδχΞͷํ͕গ͚ͩ͠ଟ͍ҹ৅ɻ
 - ւ֎ͰΦϑγϣΞͰൃ஫͢Δʹͯ͠΋ɺFlutterΤϯδχΞ͸୯Ձ͕ߴ ͯ͘ίετײ͕߹Θͳ͍ɻ https://qiita.com/nskydiving/items/c13c949cc17c6f980a67

Slide 13

Slide 13 text

։ൃͨ͠αʔϏε

Slide 14

Slide 14 text

WWW.SITE2MAX.PRO Free PowerPoint & KeyNote Templates DEMO Event Search Event Search

Slide 15

Slide 15 text

࣮૷͠Α͏ͱࢥͬͨཧ༝ Πϕϯτͷݕࡧ৚݅ ͕͋·Γͳ͍…

Slide 16

Slide 16 text

࣮૷͠Α͏ͱࢥͬͨཧ༝ ΞϓϦ൛΋͋·Γ࢖͍΍͢ ͘ͳ͍ɻ

Slide 17

Slide 17 text

ΞϓϦέʔγϣϯ શମߏ੒ https://connpass.com/ api/v1/event/ API connpass API͔Β Πϕϯτ৘ใΛऔಘ

Slide 18

Slide 18 text

18 Ωʔϫʔυݕࡧ ஍Ҭݕࡧ Mock ը໘ϞοΫ ଞͷݕࡧ৚݅΋࣮૷ தɻ

Slide 19

Slide 19 text

Connpass API࢓༷ॻ ݕࡧ৚݅͸͍͔ͭ͋͘ΔͷͰɺҾ͖ଓ ͖ɺ࣮૷த https://connpass.com/about/api/

Slide 20

Slide 20 text

࣮૷಺༰ ΞϓϦͷએݴ

Slide 21

Slide 21 text

࣮૷಺༰ Connpass͔Βͷऔಘ৘ใΛ Ұͭͷclassʹू໿ɻ

Slide 22

Slide 22 text

࣮૷಺༰ Widget෦෼ɻݕࡧϑΟʔϧυͱυ ϩοϓμ΢ϯΛੜ੒

Slide 23

Slide 23 text

࣮૷಺༰ ݕࡧॲཧ෦෼ɻConnpass APIΛୟ ͍ͯऔಘɻ

Slide 24

Slide 24 text

·ͱΊ

Slide 25

Slide 25 text

࣮૷ͯ͠Έͨײ૝ - ॻ͍ͨײ͡ɺTypeScriptʹࣅ͍ͯΔؾ͕͢Δɻ - WidgetΛ࡞Δͷ͕೉͍͠ɻ͜ΕΛ͓٬͞Μͷࢦఆͨ͠σβΠ ϯ౰ͯΔ࡞ۀͱ͔͸େมͦ͏ɻ - ֶशίετ͸ߴͦ͏͚ͩͲɺ׳ΕΕ͹͖ͬͪΓॻ͚ΔͷͰɺ ྑͦ͞͏ɻ