概要 手順 Google Chromeをインストール Flutter をインストール 参考情報 概要 個人的にWSL2で環境作るのが結構好きで、以前に以下のような記事を書いていました。 devlights.hatenablog.com また、Gitpodも好きなので、以下のような記事も書いていました。…

概要 参考情報 概要 いつのまにか、Flutter 3.7 がリリースされていたので、自分用にリソースをメモメモ。。。 $ flutter --version Flutter 3.7.0 • channel stable • https://github.com/flutter/flutter.git Framework • revision b06b8b2710 (6 days ago…

概要 参考情報 概要 以下の記事で知りました。チャートを表示したい場合に重宝しそうですね。 blog.flutteruniv.com pub dev には charts_painter という名前で登録されています。 丁度探していたので、すごく助かりました！ pub dev のページは以下です。 p…

概要 試してみる 参考情報 概要 以下の記事で知りました。これは便利そうですね。 flutterawesome.com 試してみる 丁度良い機会なので、WSL2環境にdartをインストールするところからやってみます。 Homebrew経由でdartをインストールしたいので、dart-lang/d…

概要 参考情報 概要 最近、Flutter の情報で Impeller って単語をよく見るのですが、何か分からなかったのでリソースを調べた内容を忘れないうちにメモメモ。。。 codezine.jp www.publickey1.jp github.com github.com zenn.dev 参考情報 flutter.dev 過去…

概要 参考情報 概要 以下、自分用のメモです。 WWDC22にて、やっと Safari で、macOS, iOS, iPadOS にもプッシュ通知(Web Push通知)がサポートされるとのこと。 macOSは年内、iOS, iPadOSは来年っぽいですね。 これ、待っていた方多いのではないでしょうか。…

概要 参考情報 概要 まだ、全部見ていないのですが、タイトル通りかなりの数のTipsが記載されている情報を見つけたので忘れないうちにメモメモ。。。 medium.com 参考情報 flutter.dev 過去の記事については、以下のページからご参照下さい。 ブログ「いろい…

概要 apt-get でコケる 調整後の .gitpod.yml と .gitpod.Dockerfile .gitpod.yml .gitpod.Dockerfile 起動したイメージ サンプルリポジトリ 概要 バッチリ動く環境が作れたので、忘れないうちにメモメモ。。。 以前、gitpod で flutter の環境を作るって以…

概要 アップグレード方法 概要 Flutter 3 がリリースされましたね。macOSとLinuxでのデスクトップアプリ サポートが安定版になりました。 まだ触って遊ぶ時間が取れないので、一旦リソースをメモメモ。。。 medium.com medium.com www.publickey1.jp forest.…

概要 flutter config で有効にする プロジェクトに Windows Desktop のソースを追加 実行してみる 参考情報 概要 以下、自分用のメモです。忘れないうちにメモメモ。。 Flutter 2.10 から Windows Desktop 機能が Stable となりました。 devlights.hatenablo…

概要 参考情報 概要 以下、自分用のメモです。忘れないうちにメモメモ。。 Flutter 2.10がリリースされましたね。リリースサイクルが速い・・・ｗ 忘れないうちにリソースをメモメモ。。 Windowsアプリのサポートが遂にStable扱いになりましたね。 medium.co…

概要 概要 以下、自分用のメモです。忘れないうちにメモメモ。。 Flutter 2.8がリリースされましたね。忘れないうちにリソースをメモメモ。。 www.publickey1.jp Hello and welcome to Flutter 2.8! Performance improvements New @Firebase features Des…

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

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

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

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

概要 参考情報 概要 忘れないうちにここにメモメモ・・・。 現在の環境は以下です。 $ 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の記事あげてらっしゃる方々のソースを見ると、VSCodeでウィジェットの階層がキレイなガイドラインで表示されているのをよく見ます。 こんなの。 私のVSCodeには、こんなキレイなガ…

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

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

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

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

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

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

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

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

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

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

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

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