2
3

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

GitHubとVsCodeとFlutterでAndroidアプリを作って実機にインストールしてみる

Last updated at Posted at 2021-04-06

環境

  • VsCode 1.40.2
    • Flutter 3.8.1
    • Dart 3.8.1

手順

  1. GitHubアカウント作成
    https://github.com/
  2. VsCodeインストール
    https://azure.microsoft.com/ja-jp/products/visual-studio-code/
  3. VsCodeでFlutter,Dart拡張機能をインストール
  4. GitHubにログイン
  5. 新しいリポジトリ作成
  6. ローカル環境の所定フォルダにClone
  7. VsCodeで上記所定フォルダを指定してFlutterの新しいプロジェクトを作成
    image.png
  8. プロジェクトをビルド
    VsCodeのTerminalで以下を実行
$ flutter build apk --split-per-abi
  1. Android実機をPCに接続してインストール
    VsCodeのTerminalで以下を実行
$ adb -d install -r build/app/outputs/apk/release/app-arm64-v8a-release.apk  
  1. Android実機にアプリがインストールされていることを確認して完了!

おまけ:Androidエミュレーター上で実行

  1. Android Studioを実行
    右下の「Configure」からAVD Managerを選択
    image.png
  2. 左下の「Create Virtual Device」を選択
    image.png
  3. 設定を適当に選択し「Finish」を選択
    image.png
  4. 作成したエミュレーターを実行
  5. VsCode画面の右下タブで、作成したエミュレーターを選択
  6. VsCodeでデバッグ実行
    image.png

おまけ:チーム開発フロー

  1. GitHubでIssueを発行
  2. VsCodeで新しいブランチを作成してチェックアウト
$ git checkout -b [ブランチ名] (ブランチ名にIssueIDを入れる)  
  1. 空コミット
$ git commit --allow-empty -m "コミットメッセージ" (コミットメッセージにIssueIDを入れる)  
  1. コーディング
  2. リポジトリにPush
$ git push -u origin [ブランチ名]  
  1. GitHubでPullRequestを発行
  2. Merge
  3. Issueをクローズ
2
3
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
2
3

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?