サルでもわかるWEBプログラミング

フリーソフトのみでホームページ作成

ユーザ用ツール

サイト用ツール


00.flutter:02.flutterでwebアプリを作成


差分

このページの2つのバージョン間の差分を表示します。

この比較画面へのリンク

両方とも前のリビジョン前のリビジョン
次のリビジョン
前のリビジョン
00.flutter:02.flutterでwebアプリを作成 [2021/05/22] – [02.FlutterでWebアプリを作成してNetlifyにデプロイ] adash33300.flutter:02.flutterでwebアプリを作成 [2021/05/22] (現在) – [Flutter for WebのNetlifyへのデプロイに関するリンク] adash333
行 51: 行 51:
 flutter run -d chrome --web-renderer html flutter run -d chrome --web-renderer html
 </code> </code>
 +(--web-renderer html は、日本語フォントが<wrap hi>中国語フォントに文字化けするのを防ぐため</wrap>に入力しています。)
  
 約20秒ほど待つと、以下のようにChromeが自動で開きます。 約20秒ほど待つと、以下のようにChromeが自動で開きます。
行 196: 行 197:
 Build command Build command
 <code> <code>
-if cd flutter; then git pull && cd..; else git clone https://github.com/flutter/flutter.git; fi && flutter/bin/flutter config \--enable-web && flutter/bin/flutter build web+if cd flutter; then git pull && cd..; else git clone https://github.com/flutter/flutter.git; fi && flutter/bin/flutter build web --web-renderer html --release
 </code> </code>
 Publish directory Publish directory
行 209: 行 210:
  
 https://flutter.dev/docs/deployment/web#building-the-app-for-release https://flutter.dev/docs/deployment/web#building-the-app-for-release
 +
 +https://qiita.com/Moo_Moo_Farm/items/079bd4dd04ef2f99fe91
 +{{:00.flutter:pasted:20210522-054902.png}}
 +
 +==== netlify.tomlの利用 ====
 +
 +./netlify.toml
 +<code>
 +[build]
 +  command = "chmod 777 ./build.sh && ./build.sh"
 +  publish = "build/web"
 +</code>
 +
 +./build.sh
 +<code>
 +if cd flutter; then
 +  git pull
 +  cd ..
 +else
 +  git clone https://github.com/flutter/flutter.git
 +fi
 +
 +flutter/bin/flutter build web --web-renderer html --release
 +</code>
 +
 +参考:https://flutter.dev/docs/development/tools/web-renderers
 +
 +
 +
 +
 +
 +==== シェルスクリプトについて ====
 +if文
 +<code>
 +if 条件式 ; then
 +  処理1
 +else
 +  処理2
 +fi
 +</code>
 +→ 条件式が真の場合は処理1を、それ以外の場合は処理2を行う。
 +
 +https://shellscript.sunone.me/if_and_test.html
 +if 文と test コマンド
 +
 +https://qiita.com/toshihirock/items/461da0f60f975f6acb10
 +@toshihirock
 +が2015年10月28日に作成
 +シェルスクリプト(bash)のif文とtestコマンド([])自分メモ
 +
 +https://tbkc.theblog.me/posts/272548/
 +シェルスクリプトでつまずいた・・・
 +2013.07.07 16:44
 +
 +
 +http://x68000.q-e-d.net/~68user/unix/pickup?cd
 +UNIX/Linuxの部屋 コマンド:cd
 +
 +https://www.atmarkit.co.jp/ait/spv/2003/06/news019.html
 +2020年3月6日
 +【 git pull 】コマンド――リモートリポジトリの変更内容を取り込む
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
  
 ===== Flutter for WebとFirebase ===== ===== Flutter for WebとFirebase =====


00.flutter/02.flutterでwebアプリを作成.1621661496.txt.gz · 最終更新: 2021/05/22 by adash333

Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki