いろいろ備忘録日記

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

flutter

PWAについてのリソース (WWDC22, Safari, iOS/iPadOSも来年にプッシュ通知をサポート予定)

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

Flutterメモ-28 (100個以上のFlutter/DartのTips集)(100+ Flutter & Dart Tips)

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

gitpod-io/template-flutter を使って gitpod で flutter の環境を作る

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

Flutterメモ-27 (Flutter 3 リリース, macOS/Linux デスクトップが stable に)

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

Flutterメモ-26 (既存のプロジェクトにWindows Desktopを追加)

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

Flutterメモ-25 (Flutter 2.10 がリリース, Flutter for Windows)

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

Flutterメモ-24 (Flutter 2.8 がリリース)

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

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…