Flutter 導入まとめ

1.環境セットアップ(2時間くらい) Flutter 1.SDKのダウンロード・解凍 Install 2.PATH設定 以下をPATHに追加(ホームディレクトリの名前は適宜変更する) /Users/{username}/flutter/bin 3.確認 以下のコマンドが実行できることを確認する flutter Android 1.Android Studioダウンロード⇛インストール Install 2.確認 flutter doctor ※最初は5分くらい時間かかる の結果でAndroid Studioがチェックマーク入ってるのを確認 4.Andoroid toolchainのエラー解消 ・Command-Line Toolsのインストール(AndoroidSDKの設定画面からできる) ・Andoroidライセンスの許可 flutter doctor --android-licenses ※ javaのPATH通ってないとエラー出る 5.Android toolchainがチェックついてることを確認 flutter doctor 6.FlutterプラグインをAndoroid Studioからインストール XCode(iOS) 1.XCodeをインストール 2.Cocoapodをインストール brew install cocoapods brew link --overwrite cocoapods ※バージョン指定している理由はエラー回避しようとした結果 3.XCodeにチェックがついてることを確認 flutter doctor 2.Flutterプロジェクト作成・デモアプリ実行(30分) 1.以下のように作成 2.仮想デバイス(iOS)を実装 3.仮想デバイス(Andoroid)を実装 System Image:何でもいいらしいのでPieに 4.アプリの実行 Android: iOS:同じ見た目 Appendix.UIのデザインツール 3−1.Flutter Studio WEB上でデザイン⇛コード生成できるが、 ・慣れが必要そう、機能的にFigmaに劣ってそう ・コードを完全には使えない(クラス名がデフォルト、構文?が違う) AppBuilder 2 20180529-19:35 3−2.Figma to Flutter...

12月 15, 2021 · 1 分 · Y Nakajima

ApacheのRedirect/Rewrite設定

Case1 www無しドメイン -> www有りドメインにリダイレクト 参考:Apache RewriteCond の基礎知識 | - WEB ARCH LABO {apache_dir}/conf/vhost <VirtualHost *:80> ... <Directory "/opt/blog"> ... </Directory> RewriteEngine On RewriteCond %{HTTP_HOST} !^www\. [NC] RewriteCond %{REQUEST_URI} !^/admin/ RewriteRule ^(.*)$ http://www.%{HTTP_HOST}%{REQUEST_URI} [R=301,L] ... </VirtualHost> RewriteEngine On: このディレクティブを書かないとRewriteは動かない。言い換えるとここだけコメントアウトすればRewriteを無効にできる。 RewriteCond: この条件に合致(true)したらRewriteRuleにしたがってURLの書き換えをおこなう。 今回の例:サーバのホスト名%{HTTP_HOST} でwww.が先頭にない !^www\.とき。(大文字小文字は区別しない[NC]) RewriteCondを複数記述した場合はデフォルトではAND条件になる。ORにしたい場合は末尾に [OR] を指定する。例では2つ目のRewriteCondにおいて /admin のパスはリライトしないように条件を追加。 RewriteRule: URLの書き換えルールを書いている。リダイレクトのステータスコードを末尾に記載。 [L] をつけると振り分けが終わる(それ以降の処理は無視される)が、Rewrite後に再度評価が実行されるのでループに注意とのこと。再度評価をしたくない場合、[END] をつければいいとのこと。.htaccess に RewriteRule 書くときは、[L]フラグをつけても 併せてhttpsにリダイレクトしたい場合はRewriteRuleで指定しているプロトコルをhttpsにする。 Case2 www有りドメイン -> www無しドメインにリダイレクト {apache_dir}/conf/vhost <VirtualHost *:80> ... <Directory "/opt/blog"> ... </Directory> RewriteEngine On RewriteCond %{HTTP_HOST} ^www\....

10月 22, 2021 · 1 分 · Y Nakajima