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

FlutterͰ࢝ΊΔ ϑϩϯτΤϯυ࠶ೖ໳ Introduction of Frontend development with Flutter. Gunma.web #47
ϑϦʔςʔϚ 2022.12.4 @ Online Tsubasa SEKIGUCHI

TinyKitten Freelance frontend engineer I 💖 OSS & Cat🐈 Born
in Gunma🐴 Live in Tokyo🗼

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

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

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

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

👍 'MVUUFSPOUIF8FCͷ1SPT 1$༻ɺεϚϗ༻ɺ8FC༻ͷΞϓϦΛ ಉ͡ίʔυϕʔεͰ։ൃͰ͖Δ ։ൃݴޠ͕%BSUݻఆͳͷͰ ڧ͍੩తܕ෇͚ɾܕ҆શ +454ΑΓ҆৺ͯ͠։ൃͰ͖Δ .BUFSJBM%FTJHOͱ$VQFSUJOP ͕ ඪ४Ͱ༻ҙ͞Ε͍ͯΔͷͰ
γεςϜʹ৐͔ͬΕ͹໘౗ͳ͘ ߴ඼࣭ͳ6*ΛߏஙͰ͖Δ J04ελΠϧͷσβΠϯγεςϜ

😩 'MVUUFSPOUIF8FCͷ$POT ී௨ͷϑϩϯτΤϯυ։ൃΑΓ ৘ใྔ͕গͳ͍<ཁग़య> Ϗϧυ࣌ʹ$BOWT,JUΛ࢖͏ͱ ͑͛ͭͳ͍αΠζͷXBTNόΠφϦΛ μ΢ϯϩʔυͯ͠΋Β͏ඞཁ͕͋Δ %BSUΛ։ൃݴޠʹ࢖༻͢ΔͷͰɺ ϑϩϯτΤϯυͷΈ΍͍ͬͯΔਓͳΒ
ֶशίετ͕ͦͦ͋͜͜Δ +BWB΍$ʹࣅͨจ๏ ৄࡉ͸࣍ͷεϥΠυ

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

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

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

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

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

͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ Thank you for listening! Gunma.web #47 ϑϦʔςʔϚ 2022.12.4 @
Online Tsubasa SEKIGUCHI

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

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

Tsubasa SEKIGUCHI PRO

More Decks by Tsubasa SEKIGUCHI

Other Decks in Programming

Featured

Transcript

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

TinyKitten Freelance frontend engineer I 💖 OSS & Cat🐈 Born

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

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

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

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

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

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

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

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

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

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

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