Skip to content

Latest commit

 

History

History
200 lines (129 loc) · 4 KB

slide.md

File metadata and controls

200 lines (129 loc) · 4 KB
<style type="text/css"> .reveal h1, .reveal h2, .reveal h3, .reveal h4, .reveal h5, .reveal h6 { text-transform: none; } .reveal blockquote p { font-size: 32px; } </style>

Flutter はじめました(パート 2)


アジェンダ

  • はじめに
  • 環境構築
  • チュートリアルの進捗
  • build
  • GitHub Actions
  • 次回予告

はじめに

--

この LT は Flutter をはじめた私が継続して学ぶため、経過報告を行うものです

(LT 駆動開発)

--

注意

  • 私はモバイル開発、フロントエンド開発ほぼ経験がありません
  • 本スライドの内容は間違っている可能性高いです!
  • ツッコミ大歓迎!

--

リポジトリ

https://github.com/yamap55/flutter_sample


環境構築

  • ローカルに色々入れたくない
  • 複数の環境で開発する可能性が高い

--

Devcontainer を使う!!

--

Devcontainer とは

  • VS Code, Docker さえあれば全て環境を整えられる凄いやつ

--

Base Image

  • 基本となる BaseImage から組み立てるには知識が足りない
  • Flutter を触るために作るので何が必要なのか知らない

--

あった

--

ちなみに

--

動かしてみる


チュートリアルの進捗

--

チュートリアル

--

進捗

  • あんまり進んでいない
    • あまり時間とれてない
  • 最初のページの STEP4 まで

--

詳細

  • 最初のページ表示
  • Hello World 表示
  • 依存ライブラリ追加
  • ステートフルウィジェットを追加
  • 無限にスクロールする ListView を作成

--

感想

  • 私はあまり Widget には興味がない様子
    • あまりわかっていないからかも?
  • バックエンドのロジックは楽しそう
  • よくわからないままやるの楽しい

build

--

割当タスク

  • 実はタスクが割り当てられている
  • タスクの内容は CI による build & deploy

--

進捗

  • ローカルで build
  • Docker 上の apache で動かせた!
  • つまり、CI で build できれば image 作れそう

GitHub Actions

--

build

--

便利な GitHub Actions あった


次回予告

  • GitHub Pages にデプロイ
  • Docker Image をビルド
  • Docker Image を GitHub Packages に push
  • チュートリアルをもう少し進める
    • 具体的な数字はなしで。。。

※ここまでできれば上出来


参考