flutter_sample

本リポジトリは flutter の学習用サンプルリポジトリです devcontainer の設定をしていますので、VS Code と Docker、Git さえあれば各種開発用設定が行われた Flutter の開発環境が構築され、即時開発が可能です

内容

• devcontainer
• lint
  • hadolint
• GitHub Actions
• Deploy GitHub Pages
  • https://yamap55.github.io/flutter_sample/
• Publish GitHub Packages
  • https://github.com/yamap55/flutter_sample/pkgs/container/flutter_sample

環境詳細

• Dart : 2.16.0
• Flutter : 2.10.0

事前準備

• Docker インストール
• VS Code インストール
• VS Code の拡張機能「Remote - Containers」インストール
  • https://marketplace.visualstudio.com/items?itemName=ms-vscode-remote.remote-containers
• 本リポジトリの clone

開発手順

1. VS Code 起動
2. 左下の緑色のアイコンクリック
3. 「Remote-Containersa: Reopen in Container」クリック
4. しばらく待つ
   • 初回の場合コンテナー image の取得や作成が行われる
5. 起動

default app

1. flutter create default_app
2. cd default_app
3. flutter run -d web-server --web-port=8080 --web-hostname=0.0.0.0

flutter tutorial

https://flutter.dev/docs/get-started/codelab

1. flutter create flutter_tutorial
2. cd flutter_tutorial
3. flutter pub get
4. flutter run -d web-server --web-port=8080 --web-hostname=0.0.0.0

flutter sample

1. flutter create password_post
2. cd password_post
3. flutter pub get
4. flutter run -d web-server --web-port=8080 --web-hostname=0.0.0.0

build & deploy memo

1. cd flutter_tutorial
2. flutter pub get
3. flutter build web
4. docker run -d -p 8081:80 -v "/Users/yamap_55/github/flutter_sample/flutter_tutorial/build/web/:/usr/local/apache2/htdocs/" httpd

run

1. docker run --rm -it -d -p 8081:80 ghcr.io/yamap55/flutter_sample:latest
2. Display "http://localhost:8081" in your browser.