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 PRO
December 07, 2022
Programming
290
0

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

Gunma.web #47

Avatar for Tsubasa SEKIGUCHI

Tsubasa SEKIGUCHI PRO

December 07, 2022

More Decks by Tsubasa SEKIGUCHI

See All by Tsubasa SEKIGUCHI
第3木曜LT会 #28
Avatar for Tsubasa SEKIGUCHI tinykitten
PRO
0
140
スモールスタートでいこう 自作テレメトリシステム概論
Avatar for Tsubasa SEKIGUCHI tinykitten
PRO
0
51
TrainLCD v10リリース記念 TrainLCDを支える技術
Avatar for Tsubasa SEKIGUCHI tinykitten
PRO
1
540
公共交通オープンデータ × モバイルUX 複雑な運行情報を 『直感』に変換する技術
Avatar for Tsubasa SEKIGUCHI tinykitten
PRO
0
260
初めてのハッカソンを「紙芝居」で終わらせた話
Avatar for Tsubasa SEKIGUCHI tinykitten
PRO
0
62
これならできる！個人開発のすゝめ
Avatar for Tsubasa SEKIGUCHI tinykitten
PRO
0
540
今日から使える AI駆動開発のすゝめ
Avatar for Tsubasa SEKIGUCHI tinykitten
PRO
1
120
Reactで始める リグレッションテスト概論
Avatar for Tsubasa SEKIGUCHI tinykitten
PRO
0
79
エンジニアでも捗る デザイナー的思考入門
Avatar for Tsubasa SEKIGUCHI tinykitten
PRO
2
1.5k

Other Decks in Programming

See All in Programming
Technical Debt: Understanding it Rightly, Engaging it Rightly #LaravelLiveJP
Avatar for shogogg shogogg
0
230
Skillsは効率化、Agentsは"自分の拡張"——Builder時代のエージェント編成（CC Night 2026）
Avatar for Hiroki Uemura wemra
1
130
Language Server 使ってる？ 〜VSCode と Zed の場合〜 / Are you using a Language Server? ~For VS Code and Zed~
Avatar for NAGATA Hiroaki handlename
0
780
Inside Stream API
Avatar for Yuichi.Sakuraba skrb
1
710
The NotImplementedError Problem in Ruby
Avatar for Koichi ITO koic
1
790
RTSPクライアントを自作してみた話
Avatar for simotin13 simotin13
0
600
気圧・高度・GPSを記録&可視化するアプリ「Koudo」を作った話
Avatar for Hajime Kato hjmkth
1
250
Creating Composable Callables in Contemporary C++
Avatar for Björn Fahller rollbear
0
130
作って学ぶ、 JSX (TSX) ランタイムの基本
Avatar for syumai syumai
7
1.6k
Signal Forms: Beyond the Basics @ngBaguette 2026 in Paris
Avatar for Manfred Steyer manfredsteyer
PRO
0
250
気づいたらRubyで100作品 ー クリエイティブコーディングが生活の一部になるまで / 100 Ruby Sketches Later: How Creative Coding Became Part of My Life
Avatar for chobishiba chobishiba
3
580
Even G2とAWSで推しのエージェントを召喚しよう！
Avatar for Har1101 har1101
1
110

Featured

See All Featured
The Art of Programming - Codeland 2020
Avatar for Erika Heidi erikaheidi
57
14k
What's in a price? How to price your products and services
Avatar for Michael Herold michaelherold
247
13k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
Avatar for Eileen M. Uchitelle eileencodes
141
35k
ピンチをチャンスに：未来をつくるプロダクトロードマップ #pmconf2020
Avatar for Aki / @LoveIdahoBurger aki_iinuma
128
56k
The innovator’s Mindset - 
Leading Through an Era of Exponential Change - McGill University 2025
Avatar for Jean-Marc De Jonghe jdejongh
PRO
1
200
Making the Leap to Tech Lead
Avatar for Ryan Cromwell cromwellryan
135
9.9k
A brief & incomplete history of 
UX Design for the World Wide Web: 1989–2019
Avatar for Jason CranfordTeague jct
2
400
Collaborative Software Design: How to facilitate domain modelling decisions
Avatar for Kenny Baas-Schwegler baasie
1
250
The MySQL Ecosystem @ GitHub 2015
Avatar for Sam Lambert samlambert
251
13k
Music & Morning Musume
Avatar for Bryan Veloso bryan
47
7.2k
Become a Pro
Avatar for Speaker Deck speakerdeck
PRO
31
6k
The Impact of AI in SEO - AI Overviews June 2024 Edition
Avatar for Aleyda Solis aleyda
5
1.1k

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