いろいろ備忘録日記

主に .NET とか Go とか Flutter とか Python絡みのメモを公開しています。

flutter

Flutterメモ-23 (ウィジェットの表示・非表示を切り替え)

概要 サンプル 参考情報 概要 以下、自分用のメモです。忘れないうちにメモメモ。。 Flutter始めた頃、ウィジェットの表示・非表示を切り替えるのどうやるのか分からなくて、ちょっと困っていました。 Flutterでウィジェットの表示・非表示を切り替えるには …

Flutterメモ-22 (Flutter 2.5で追加されたshowMaterialBannerメソッドを試す)

概要 サンプル 参考情報 概要 以下、自分用のメモです。忘れないうちにメモメモ。。 Flutter 2.0 で ScaffoldMessenger が追加されました。 medium.com github.com このタイミングで、showSnackBar メソッドも追加されました。 んで、今回の Flutter 2.5 で …

Flutterメモ-21 (CenterウィジェットとRowウィジェットで中央表示)

概要 参考情報 概要 前回 devlights.hatenablog.com という形で、CenterウィジェットとColumnウィジェットさんについて書いたので ついでに CenterウィジェットさんとRowウィジェットさんについてもメモしておこうと思いました。 基本は同じです。なので、Ro…

Flutterメモ-20 (CenterウィジェットとColumnウィジェットで中央表示)

概要 参考情報 概要 Flutterを初め触っていた時に、パッと理解できなかったのが Centerウィジェットの中にColumnウィジェットを入れた際の表示でした。 Centerウィジェットは、その名前の通り、childに指定したウィジェットを中央に表示してくれるものです。…

Flutterメモ-19 (web-renderer html で Chromeで見ると文字がぼやける)

概要 参考情報 概要 忘れないうちにここにメモメモ・・・。 現在の環境は以下です。 $ flutter --version Flutter 2.5.1 • channel stable • https://github.com/flutter/flutter.git Framework • revision ffb2ecea52 (9 days ago) • 2021-09-17 15:26:33 -…

Flutterメモ-18 (VSCodeでPreview Flutter Ui Guidesを有効にする)

概要 参考情報 概要 忘れないうちにここにメモメモ・・・。 たまに、Flutterの記事あげてらっしゃる方々のソースを見ると、VSCodeでウィジェットの階層がキレイなガイドラインで表示されているのをよく見ます。 こんなの。 私のVSCodeには、こんなキレイなガ…

Flutterメモ-17 (Flutter 2.5 についてのリソース)

概要 参考情報 概要 忘れないうちにここにメモメモ・・・。 Flutter 2.5がリリースされましたが、What's new のページが medium.com medium.com って感じで、めっちゃ分量多いw 最終的には上のサイトの情報を読むのが一番なんですが、日本語で分かりやすく…

Flutterメモ-16 (Flutter 2.5 から追加された skeleton テンプレートについて)

概要 生成してみる lib ディレクトリの構造みてみる 起動してみる 参考情報 概要 最近リリースされた Flutter 2.5.0 から flutter create する際に指定できるテンプレートが増えました。 $ flutter --version Flutter 2.5.0 • channel stable • https://gith…

Flutterメモ-15 (ボタンをDisable状態にする)

概要 サンプル 参考情報 概要 忘れちゃいそうなのでここにメモメモ。 Flutter始めたときに疑問だったのが「どうやってボタン無効化するの?」でした。 結論としては onPressed に null を設定すればいいだけ。 Flutterの ElevatedButton のAPIドキュメントに…

Flutterメモ-14 (httpsリクエスト時のCERTIFICATE_VERIFY_FAILEDをバイパスさせる)(開発時)

概要 参考情報 概要 忘れちゃいそうなのでここにメモメモ。 HTTPSアクセスが必要な処理があって、開発時なのでサーバ側にオレオレ証明書を置いて動かしているとします。 その状態で https アクセスをすると final response = await http.post( Uri.https( 'd…

Flutterメモ-13 (Dartでのanalysis_options.yamlの設置)(pedantic)

概要 パッケージ取得 analysis_options.yamlファイルを用意 参考情報 概要 analysis_options.yaml は、静的解析の設定を記載するための設定ファイルです。 プロジェクトのトップディレクトリに配置します。 Dart でプロジェクトを作成しても、analysys_optio…

Flutterメモ-12 (analysis_options.yamlの設置)(flutter_lint)

概要 パッケージ取得 analysis_options.yamlファイルを用意 参考情報 概要 analysis_options.yaml は、静的解析の設定を記載するための設定ファイルです。 プロジェクトのトップディレクトリに配置します。 Flutter でプロジェクトを作成しても、analysys_op…

Flutterメモ-11 (InheritedWidgetとValueNotifier)

概要 StatefulWidgetなサンプル てことで InheritedWidget てことで、InheritedWidget + ValueNotifer 最終版 参考情報 概要 Flutter をやり始めて最初によくわからなかったのが InheritedWidget でした。 api.flutter.dev なんか、他のウィジェットとは違う…

Flutterメモ-10 (JetBrains IDEA で Dart SDK の場所を指定)(windows)

概要 JetBrains IDEAのバージョン 参考情報 概要 忘れない内にここにメモメモ。おそらく、この内容は Android Studio でも同じはずです。 JetBrains IDEAのバージョン JetBrains IDEA で もともと存在している Dart プロジェクト を開くと 以下のように Dart…

Flutterメモ-09 (JetBrains IDEA で Flutter Inspector にエラー表示されている)(JxBrowser)

概要 JetBrains IDEAのバージョン Flutter Inspectorのエラー 解決方法 参考情報 概要 忘れない内にここにメモメモ。 JetBrains IDEAのバージョン Flutter Inspectorのエラー JetBrains IDEA で Flutter アプリをデバッグ起動とかすると Flutter Inspectorに…

Flutterメモ-08 (flutter run した後で p を押すと Debug Paint モードになる)

概要 p 押す前 p 押した後 h でヘルプ出すと全部のオプション見れる 参考情報 概要 忘れない内にメモメモ。 コマンドラインから flutter run すると いつもの「ホットリロードは r で出来るよ!」とかメッセージ出てくると思います。 $ flutter run -d chrom…

Flutterメモ-07 (VSCodeでフォーマットしたらインデントが変になる)(Trailing commas)

概要 参考情報 概要 なんか、VSCodeでコード書いてて保存するとFlutterプラグインさんが自動でフォーマットしてくれるので、すごく便利なのですがインデントがおかしい気がする・・・ってずっと思ってました。 こんな感じ。 Text ウィジェットの引数の部分は…

Flutterメモ-06 (StatefulWidget)

概要 Flutterのバージョン サンプル main.dart app.dart screens/clock_screen.dart 参考情報 概要 今回は StatefulWidget つまり、「状態を持つウィジェット」について。 Flutterのバージョン $ flutter --version Flutter 2.2.3 • channel stable • https:…

Flutterメモ-05 (Androidでネットワーク通信をする場合の注意点)

概要 概要 絶対に忘れちゃいそうなので、ここにメモメモ。Flutterに限ることではないですが。 FlutterでAndroidアプリつくっていて、外部と通信する処理(例えばREST-APIを呼び出し)する場合 以下のパーミッションをマニフェストに追加しておかないと、実機…

Flutterメモ-04 (StatelessWidget)

概要 前回 Flutterのバージョン サンプル main.dart app.dart 参考情報 概要 今回は StatelessWidget つまり、「状態を持たないウィジェット」についてです。 前回 devlights.hatenablog.com Flutterのバージョン $ flutter --version Flutter 2.2.3 • chann…

Flutterメモ-03 (最小構成でHelloWorld)

概要 実行環境 サンプル 参考情報 概要 Flutterでプロジェクトを作る際に $ flutter create app1 のようにすると思いますが、この場合サンプルアプリが最初から実装済みとなって作られます。 とても便利なのですが、最初に覚えていこうとする場合は情報過多…

Flutterメモ-02 (AndroidでYour project path contains non-ASCII charactersでビルド出来ない件)

概要 追記 参考情報 概要 タイトルのままのエラー内容ですが、、、。一応メモメモ。 Androidでビルドしようとしたら以下のメッセージが出ました。 Your project path contains non-ASCII characters. This will most likely cause the build to fail on Wind…

Flutterメモ-01 (Apple M1でiOSアプリのビルドに失敗する件)(CocoaPods, ffi, Apple M1)

概要 参考情報 概要 ちょっとハマったので、忘れないうちにメモメモ。 Flutterで iOS アプリをビルドしようとしたら、以下のエラーが出ました。 対象は iPhone シミュレータ 11 Error output from CocoaPods: Searching for inspections failed: undefined m…

Flutterメモ-00 (Flutter Web で レンダラ が CanvasKit の場合の中華フォント表示について)

概要 フォントを埋め込みする 参考情報 概要 最近、Flutterを使う機会が出来ました。 まだ始めたばっかりで手探りで覚えている最中ですが、ここに自分用メモ残していこうと思います。 いやー、素晴らしいですねーこれ。未来を感じます。とても面白い。 利用…

Flutter doctorで何回やってもAndroid Studioが認識されない

概要 概要 忘れないうちにメモメモ。 何故か知らないですが、手元のWindowsマシンで Android Studio インストールしてるのに flutter doctor すると「インストールされていない」って表示されて困っていました。 ❯ flutter doctor Doctor summary (to see al…

WSL2とVSCodeで欲しい環境を好きなだけ作る

概要 WSLにて現在実行しているものを一覧出力 WSLにて特定のイメージをインポートする 作った仮想マシンを停止したい場合 作った仮想マシンを削除したい場合 作った仮想マシンをエクスポートしたい場合 一般ユーザの作成 仮想マシンに特定のユーザでログイン…

flutter/dartの勉強にはDartPadもとても便利

概要 参考情報 概要 昨日、Gitpodで flutter/dart の勉強環境作るって記事アップしましたが DartPadさんも勉強にはとっても便利ですね。 dartpad.dev dart.dev こんな感じ 名前は DartPad ですが、Flutterアプリも作れるのでめっちゃいい感じ。 ライブヘルプ…

Gitpod で flutter/dart の環境を用意して遊んでみる

概要 Gitpodの設定 .gitpod.Dockerfile .gitpod.yml Flutter と Dart が使えるか確認 サンプルアプリをとりあえず作ってみる とりあえず起動 参考情報 概要 ついに、Flutter 2 がリリースされましたね。 flutter.dev medium.com flutter.dev モバイルもWebも…