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

Flutterで始めるフロントエンド再入門

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for Tsubasa SEKIGUCHI Tsubasa SEKIGUCHI
December 07, 2022
Programming
300
0

 Flutterで始めるフロントエンド再入門

Gunma.web #47

Avatar for Tsubasa SEKIGUCHI

Tsubasa SEKIGUCHI

December 07, 2022

More Decks by Tsubasa SEKIGUCHI

See All by Tsubasa SEKIGUCHI
エンジニアでも捗る デザイナー的思考入門(bitA Edit 新ver)
Avatar for Tsubasa SEKIGUCHI tinykitten
0
280
React Native × GraphQLで TanStack Queryを 選んだ理由
Avatar for Tsubasa SEKIGUCHI tinykitten
0
68
第3木曜LT会 #28
Avatar for Tsubasa SEKIGUCHI tinykitten
0
160
スモールスタートでいこう 自作テレメトリシステム概論
Avatar for Tsubasa SEKIGUCHI tinykitten
0
66
TrainLCD v10リリース記念 TrainLCDを支える技術
Avatar for Tsubasa SEKIGUCHI tinykitten
1
590
公共交通オープンデータ × モバイルUX 複雑な運行情報を 『直感』に変換する技術
Avatar for Tsubasa SEKIGUCHI tinykitten
0
290
初めてのハッカソンを「紙芝居」で終わらせた話
Avatar for Tsubasa SEKIGUCHI tinykitten
0
77
これならできる！個人開発のすゝめ
Avatar for Tsubasa SEKIGUCHI tinykitten
0
590
今日から使える AI駆動開発のすゝめ
Avatar for Tsubasa SEKIGUCHI tinykitten
1
130

Other Decks in Programming

See All in Programming
the container ship “Apple Silicon”@WWDC26 Recap -Japan-\(region).swift
Avatar for gangan shingangan
0
130
Android CLI
Avatar for Sungyong An fornewid
0
220
夏だ！祭りだ！祭りとはドメインモデリングでは？
Avatar for ryugen04 ryugen04
0
310
What's New in Android 2026
Avatar for Veronikapj veronikapj
0
260
AI時代のPHPer生存戦略 ～「言語、もうなんでもよくない？」に本気で向き合う～
Avatar for viviON vivion
0
790
AIが無かった頃の素敵な出会いの話
Avatar for コドモン開発チーム codmoninc
1
460
AI時代に設計が 最大の生産性レバーになる 意図駆動開発とデータを消さない設計｜Don't Delete Your Data or Your Intent — Design as the Deepest Lever in the AI Era
Avatar for Tomohisa Takaoka tomohisa
1
990
琵琶湖の水は止められてもNet--HTTPのリトライは止められない / You might be able to stop the water flow of Lake Biwa but you can't stop Net::HTTP retries
Avatar for luccafort luccafort
PRO
0
760
自動化したのに回らない テスト運用の壁 ―AI時代の品質責任と生産性
Avatar for Masahiko Funaki(舟木 将彦) mfunaki
0
270
「寝てても仕事が進む」Claude Codeで組む第二の脳
Avatar for t-fujita24 tomoyafujita2016
0
340
Terraform標準の組織で AWS CDKをどう使うか
Avatar for mu7889yoon / Yuta Nakamura mu7889yoon
1
530
20260722_microCMSで考える、AI時代のコンテンツ運用設計
Avatar for Yoshihisa Kaino yosh1
0
420

Featured

See All Featured
Understanding Cognitive Biases in Performance Measurement
Avatar for Philip Tellis bluesmoon
32
3k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
Avatar for Addy Osmani addyosmani
10
1.3k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
Avatar for Marc Duiker marcduiker
35
2.5k
Hiding What from Whom? A Critical Review of the History of Programming languages for Music
Avatar for Tomoya Matsuura tomoyanonymous
3
1.1k
We Are The Robots
Avatar for Honza Javorek honzajavorek
0
300
Unlocking the hidden potential of vector embeddings in international SEO
Avatar for Frank van Dijk frankvandijk
0
900
Faster Mobile Websites
Avatar for Dean Hume deanohume
310
32k
How To Speak Unicorn (iThemes Webinar)
Avatar for Michelle Schulp Hunt marktimemedia
1
530
SERP Conf. Vienna - Web Accessibility: Optimizing for Inclusivity and SEO
Avatar for Sara Fernández Carmona sarafernandez
2
1.6k
Utilizing Notion as your number one productivity tool
Avatar for Mfonobong Umondia mfonobong
4
550
Optimising Largest Contentful Paint
Avatar for Harry Roberts csswizardry
37
3.9k
A Guide to Academic Writing Using Generative AI - A Workshop
Avatar for Kenji Saito ks91
PRO
1
370

Transcript

  1. FlutterͰ࢝ΊΔ ϑϩϯτΤϯυ࠶ೖ໳ Introduction of Frontend development with Flutter. Gunma.web #47

    ϑϦʔςʔϚ 2022.12.4 @ Online Tsubasa SEKIGUCHI

  2. TinyKitten Freelance frontend engineer I 💖 OSS & Cat🐈 Born

    in Gunma🐴 Live in Tokyo🗼

  3. Tsubasa SEKIGUCHI ౎಺Λڌ఺ͱ͢Δ܈അݝલڮࢢੜ·ΕͷϑϦʔϥϯεͷ
 ϑϩϯτΤϯυΤϯδχΞɻ ͖ͬͨΜͱݺ͹Ε͍ͯ·͢ɻ

  4. "QQ4UPSF(PPHMF1MBZͰ഑৴த TrainLCD ೔ຊશࠃͷమಓ࿏ઢͰ࢖͑Δ ৽ײ֮ͷφϏήʔγϣϯΞϓϦͰ͢ɻ

  5. TrainLCD CSApp 'MVUUFSͱ͸ (PPHMFʹΑͬͯ։ൃ͞Εͨ ϑϦʔ͔ͭ044ͷ6*ͷ4%, ΫϩεϓϥοτϑΥʔϜ ΞϓϦέʔγϣϯΛ։ൃ͢ΔͨΊʹ ར༻͞ΕΔ 'MVUUFSPOUIF8FCΛ࢖͏ͱ'MVUUFSͰ 8FCΞϓϦέʔγϣϯ΋։ൃͰ͖Δ

  6. 'MVUUFSPOUIF8FCͷϚΠϧετʔϯ ࣮͸೥݄ʹ'MVUUFSͱͳΓɺ 'MVUUFSPOUIF8FC͸ 4UBCMFͳػೳʹͳΓ·ͨ͠🎉 ࢀߟIUUQTNFEJVNDPN fl VUUFS fl VUUFSXFCTVQQPSUIJUTUIF TUBCMFNJMFTUPOFECFC

  7. 👍 'MVUUFSPOUIF8FCͷ1SPT 1$༻ɺεϚϗ༻ɺ8FC༻ͷΞϓϦΛ ಉ͡ίʔυϕʔεͰ։ൃͰ͖Δ ։ൃݴޠ͕%BSUݻఆͳͷͰ ڧ͍੩తܕ෇͚ɾܕ҆શ +454ΑΓ҆৺ͯ͠։ൃͰ͖Δ .BUFSJBM%FTJHOͱ$VQFSUJOP ͕ ඪ४Ͱ༻ҙ͞Ε͍ͯΔͷͰ

    γεςϜʹ৐͔ͬΕ͹໘౗ͳ͘ ߴ඼࣭ͳ6*ΛߏஙͰ͖Δ J04ελΠϧͷσβΠϯγεςϜ

  8. 😩 'MVUUFSPOUIF8FCͷ$POT ී௨ͷϑϩϯτΤϯυ։ൃΑΓ ৘ใྔ͕গͳ͍<ཁग़య> Ϗϧυ࣌ʹ$BOWT,JUΛ࢖͏ͱ ͑͛ͭͳ͍αΠζͷXBTNόΠφϦΛ μ΢ϯϩʔυͯ͠΋Β͏ඞཁ͕͋Δ  %BSUΛ։ൃݴޠʹ࢖༻͢ΔͷͰɺ ϑϩϯτΤϯυͷΈ΍͍ͬͯΔਓͳΒ

    ֶशίετ͕ͦͦ͋͜͜Δ +BWB΍$ʹࣅͨจ๏ ৄࡉ͸࣍ͷεϥΠυ

  9. $BOWBT,JUΛਂ۷Γ 4,*"ͱ͍͏%άϥϑΟοΫϥΠϒϥϦͷ 8FC"TTFNCMZόΠφϦΛసૹ͢Δඞཁ͕͋Δ 8FC"TTFNCMZόΠφϦ͕໿.#͋ΔͨΊɺ ϞόΠϧϒϥ΢βͰ͸)5.-Ϩϯμϥʔɺ σεΫτοϓϒϥ΢βͰ͸$BOWBT,JU͕ࣗಈత ʹબ୒͞ΕΔ .#͸ͪΐͬͱɾɾɾͱ͍͏࣌͸Ϗϧυ࣌ʹ ڧ੍తʹ)5.-ϨϯμϥʔʹมߋͰ͖Δ͕ɺ ύϑΥʔϚϯε͕མͪΔ

    ·ͨσβΠϯ่͕Εͯ͠·͏ϥΠϒϥϦ͕ଘࡏ

  10. 😋 'MVUUFSPOUIF8FCʹ޲͍͍ͯΔλΠϓ ɾ৽͍ٕ͠ज़ʹ৮Ε͍ͨਓ ɾ3FBDU౳ʹΘ͟Θ͟6*ϥΠϒϥϦΛ ɹೖΕͣʹ6*Λ؆୯ʹߏங͍ͨ͠ਓ ɾ+BWB4DSJQUΞϨϧΪʔͷਓ

  11. 😡 'MVUUFSPOUIF8FCʹ޲͍͍ͯͳ͍λΠϓ ɾϑϩϯτΤϯυ։ൃΛߦ͏ͱ͖ʹ ɹ+BWB4DSJQUҎ֎Λ࢖͍ͨ͘ͳ͍ਓ ɾ+BWB4DSJQUҎ֎ͷݴޠΛษڧ͢Δ ɹϞνϕ͕ͳ͍ਓ ɾ$BOWBT,JUͰ͔͠ಈ͔ͳ͍ ɹϥΠϒϥϦΛ࢖ͬͯ։ൃ͍ͨ͠ਓ  ࣮ྫ͸ޙ΄ͲͷεϥΠυͰ࿩͠·͢

  12. 'MVUUFSPOUIF8FCͰ࡞ͬͨ8FCΞϓϦ 'MVUUFS POUIF8FC Ͱ࡞੒ͨ͠ϓϩδΣΫτ Λ༻ҙ͠·ͨ͠ɻ (FPMPDBUJPO"1*Λར༻ͨ͠଎౓ܭΞϓϦͰ͢ $BOWBT,JUͰ͔͠ಈ͔ͳ͍ϥΠϒϥϦΛ ࢖༻͍ͯ͠ΔͨΊసૹσʔλαΠζ͕ଟ͍Ͱ͢ IUUQTTQFFEPNFUFSUJOZLJUUFONF IUUQTHJUIVCDPN5JOZ,JUUFO'MVUUFS4QFFEPNFUFS

    ࢖ͬͯΈΔ సૹσʔλαΠζʹ͝஫ҙ (JU)VC

  13. ·ͱΊ 'MVUUFS͸ੜ࢈ੑͷߴ͍4%,Ͱ͢ %BSUʹΑΔܕ҆શɺ .BUFSJBM%FTJHO΍$VQFSUJOPΛ ར༻ͨ͠ߴ඼࣭6*ߏஙΛඋ͍͑ͯ·͢ օ͞Μ͕'MVUUFSΛ࢖ͬͯΈΑ͏ͱ ࢥ͍͚ͬͯͨͩͨΒخ͍͠Ͱ͢🥺 🙏

  14. ͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ Thank you for listening! Gunma.web #47 ϑϦʔςʔϚ 2022.12.4 @

    Online Tsubasa SEKIGUCHI