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

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

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for Tsubasa SEKIGUCHI Tsubasa SEKIGUCHI PRO
December 07, 2022
Programming
280
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
130
スモールスタートでいこう 自作テレメトリシステム概論
Avatar for Tsubasa SEKIGUCHI tinykitten
PRO
0
49
TrainLCD v10リリース記念 TrainLCDを支える技術
Avatar for Tsubasa SEKIGUCHI tinykitten
PRO
1
520
公共交通オープンデータ × モバイルUX 複雑な運行情報を 『直感』に変換する技術
Avatar for Tsubasa SEKIGUCHI tinykitten
PRO
0
260
初めてのハッカソンを「紙芝居」で終わらせた話
Avatar for Tsubasa SEKIGUCHI tinykitten
PRO
0
59
これならできる！個人開発のすゝめ
Avatar for Tsubasa SEKIGUCHI tinykitten
PRO
0
510
今日から使える AI駆動開発のすゝめ
Avatar for Tsubasa SEKIGUCHI tinykitten
PRO
1
110
Reactで始める リグレッションテスト概論
Avatar for Tsubasa SEKIGUCHI tinykitten
PRO
0
75
エンジニアでも捗る デザイナー的思考入門
Avatar for Tsubasa SEKIGUCHI tinykitten
PRO
2
1.5k

Other Decks in Programming

See All in Programming
Hive Metastoreを通して学ぶIceberg REST Catalog ― 仕様から実装まで
Avatar for okumin okumin
0
160
1人1案件のプロダクトエンジニア時代に、"プロセス監督"としてチャレンジしたこと
Avatar for のんちゃん non0113
0
110
TypeScriptだけでAIエージェントを作る フロント・エージェント・インフラのフルスタック実践
Avatar for Har1101 har1101
3
650
新規プロダクトを高速で生み出すハーネスエンジニアリング
Avatar for Ryohei Ikegami seanchas116
3
190
ReactとSvelteのその先、Ripple-TS / Beyond React and Svelte: Ripple-TS
Avatar for TOMIKAWA Sotaro ssssota
0
290
ついに来た！本格的なマルチクラウド時代の Google Cloud
Avatar for maroon1st maroon1st
0
460
Import assertionsが消えた日～ECMAScriptの仕様はどう決まり、なぜ覆るのか～
Avatar for おおいし bicstone
2
190
空間オーディオの活用
Avatar for Yuki Yasoshima objectiveaudio
0
160
Spec-Driven Development with AI-Agents: From High-Level Requirements to Working Software
Avatar for Anton Arhipov antonarhipov
1
110
PHPでローカル環境用のSSL/TLS証明書を発行することはできるのか？ #phpconkagawa
Avatar for akase244 akase244
0
370
The Past, Present, and Future of Enterprise Java
Avatar for ivargrimstad ivargrimstad
0
420
Agentic UI beyond Chats Architecture Patterns & Open Standards @ngMunich 05/2026
Avatar for Manfred Steyer manfredsteyer
PRO
0
110

Featured

See All Featured
Ten Tips & Tricks for a 🌱 transition
Avatar for Manu Carrasco Molina stuffmc
0
110
How Fast Is Fast Enough? [PerfNow 2025]
Avatar for Tammy Everts tammyeverts
3
570
Performance Is Good for Brains [We Love Speed 2024]
Avatar for Tammy Everts tammyeverts
12
1.6k
Conquering PDFs: document understanding beyond plain text
Avatar for Ines Montani inesmontani
PRO
4
2.7k
More Than Pixels: Becoming A User Experience Designer
Avatar for Michelle Schulp Hunt marktimemedia
3
410
Tips & Tricks on How to Get Your First Job In Tech
Avatar for Honza Javorek honzajavorek
1
510
The Director’s Chair: Orchestrating AI for Truly Effective Learning
Avatar for Mike Taylor tmiket
1
170
Art, The Web, and Tiny UX
Avatar for Lynn Fisher lynnandtonic
304
21k
No one is an island. Learnings from fostering a developers community.
Avatar for Antonio thoeni
21
3.7k
Amusing Abliteration
Avatar for ianozsvald ianozsvald
1
170
Learning to Love Humans: Emotional Interface Design
Avatar for Aarron Walter aarron
275
41k
How to Grow Your eCommerce with AI & Automation
Avatar for Katarina Dahlin katarinadahlin
PRO
1
180

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