Flutter

Flutter

[Flutter] Youtube Data API で動画情報を取得

概要Flutter から Youtube Data API を呼び出しで、動画情報を画面表示する。環境Flutter 2.10.3iPhone SE (2nd generation) シミュレータhttp: ^0.13.4設計Youtube...
Flutter

[Flutter] API からデータを取得

概要公式ドキュメントより、 API からデータを取得し画面表示する example を試す。環境Flutter 2.10.2iPhone SE (2nd generation) シミュレータhttp: ^0.13.4設計今回の APIJso...
Flutter

[Flutter] youtube_api で Youtube DATA API を操作

概要Flutter で Youtube API を利用したい。youtube_api ライブラリを利用して YouTube で動画、再生リスト、チャンネルを検索を行う。環境Flutter 2.10.2iPhone SE (2nd gener...
Firebase

FlutterFire CLI で Firebase と連携し Firestore からデータ取得

概要公式ドキュメントにあるサンプルで、Firestore からデータを取得するサンプルを動かす。Firestore 上のデータは手動追加する(アプリから追加する場合)。(cloud_firestore の公式 Example は複雑すぎた)...
Firebase

FlutterFire CLI で Firebase と連携し Firestore へデータ追加

概要前回は、手動で Flutter と Firebase を連携し、Firestore へデータを書き込むチュートリアルを行った。今回は FlutterFire CLI を利用して Firebase 連携を行う。環境Flutter 2.10...
Firebase

[Flutter] Firebase と連携し Firestore へデータ追加 ( Manual Install ver )

概要Flutter と Firebase を連携し、Firestore へデータを書き込む。Firebase との連携は涙を流しながらマニュアルで行った。ブログ内でキーや ID を容赦なくスクショで晒しているが、本来はダメ。自分は検証完了し...
Flutter

[Flutter] Web アプリとして Chrome が起動しなかったので Web サーバとして動かす

概要カウンターアプリを Web アプリとして Chrome で動かしたかった。できなかった。代わりに Flutter を Web サーバとして起動し、Chrome からアクセスするようにした。公式では簡単にできそうに書いてあったのに!環境D...
Firebase

[Flutter] カウンターアプリを Firebase Hosting で Web アプリとして動かす (Github Actions からデプロイ)

概要Firebase Hosting 上でカウンターアプリを動かす。デプロイ方法はいくつかあるが、今回は Github Actions でデプロイする。下記記事を大参考にさせていただきましたmm環境Flutter 2.10.2チュートリアル...
Flutter

[Flutter] hooks_riverpod + StateNotifier で Timer アプリを MVVM で作る

概要hooks_riverpod + StateNotifier で Timer アプリを作る。下記を参考に、Riverpod 1.0 に対応し責務ごとにファイル分割した。環境Flutter 2.8.1hooks_riverpod 1.0....
Flutter

[Flutter] hooks_riverpod + StateNotifier + freezed でカウンターアプリチュートリアル

概要Flutter の状態管理パターンの一つである hooks_riverpod + StateNotifier + freezed を使いカウンターアプリを作成する。環境Flutter 2.8.1hooks_riverpod 1.0.3s...