- はじめに
- 環境構築
- チュートリアルの進捗
- build
- GitHub Actions
- 次回予告
--
この LT は Flutter をはじめた私が継続して学ぶため、経過報告を行うものです
(LT 駆動開発)
--
- 私はモバイル開発、フロントエンド開発ほぼ経験がありません
- 本スライドの内容は間違っている可能性高いです!
- ツッコミ大歓迎!
--
https://github.com/yamap55/flutter_sample
- ローカルに色々入れたくない
- 複数の環境で開発する可能性が高い
--
--
- VS Code, Docker さえあれば全て環境を整えられる凄いやつ
--
- 基本となる BaseImage から組み立てるには知識が足りない
- Flutter を触るために作るので何が必要なのか知らない
--
- Develop Flutter in a VS Code devcontainer
- 先人の知恵を借りる
- まあまあ使われているっぽいのでこれを採用
- https://hub.docker.com/r/matspfeiffer/flutter
- https://github.com/matsp/docker-flutter
- (量はないので中身も全部見てます)
--
- 他にもあって、こちらの方が使われているのでこちらをベースにした方が良いかも?
- 前述したものは余計な設定、好みではない設定が多い
- https://github.com/cirruslabs/docker-images-flutter
- https://hub.docker.com/r/cirrusci/flutter/
--
--
--
- あんまり進んでいない
- あまり時間とれてない
- 最初のページの STEP4 まで
--
- 最初のページ表示
- Hello World 表示
- 依存ライブラリ追加
- ステートフルウィジェットを追加
- 無限にスクロールする ListView を作成
--
- 私はあまり Widget には興味がない様子
- あまりわかっていないからかも?
- バックエンドのロジックは楽しそう
- よくわからないままやるの楽しい
--
- 実はタスクが割り当てられている
- タスクの内容は CI による build & deploy
--
- ローカルで build
- Docker 上の apache で動かせた!
- つまり、CI で build できれば image 作れそう
--
- とりあえず build はできた
- https://github.com/yamap55/flutter_sample/actions/runs/1300602296
--
- Flutter の環境整えてくれる凄いやつ
- https://github.com/marketplace/actions/flutter-action
- https://github.com/subosito/flutter-action
- GitHub Pages にデプロイ
- Docker Image をビルド
- Docker Image を GitHub Packages に push
- チュートリアルをもう少し進める
- 具体的な数字はなしで。。。
※ここまでできれば上出来