Flutter

Flutter

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

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

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

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

[Flutter] youtube_api で Youtube DATA API を操作

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

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

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

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

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

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

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

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

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

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

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