文系プログラマー「いお」が語る

主にプログラミング関連の記事を書いています。

Cloud Firestoreの作成手順とFlutterアプリからのデータ操作方法サンプル【コピペOK!】

今回はFirestoreの作成手順とFlutterアプリからのデータ操作方法を見ていきます。 はじめに Cloud Firestoreの作成手順 Flutterアプリからのデータ操作方法 データ操作用に作成したUserクラス メソッド使用例(サンプル) おわりに はじめに 以下を前提にし…

【Flutter×Firestore×Algolia】全文検索を実装します(コピペOKのサンプルコード付き)

今回はタイトルの通り、Flutter×Firestore×Algoliaで全文検索を実装するサンプルです。 個人開発中のアプリで「全文検索(ここではSQLでいうLike句とほぼ同義)」を実装する必要があったため、今回はその備忘録も兼ねて実装手順を紹介しようと思います。 は…

【Flutter×Firebase】【個人開発】レシートと収支の管理ができるスマホアプリを開発・リリースしました。

こんにちは。今回は個人開発アプリの紹介記事となります。ぜひダウンロードして使ってみてください! 開発したアプリ 開発環境 開発期間 開発の経緯 アプリの紹介 概要 機能 苦労したこと おわりに 開発したアプリ アプリ名:【レシート保存&収支管理「レシ…

【Flutter】ローディングのぐるぐるサンプル【コピペOK!】

今回は、アプリで処理を待つ間に表示されるローディングのあのぐるぐるを実装するサンプルです。関数を作ってあるのでメソッドをコピペして呼び出してもらえればすぐに実装できます! この記事で分かること ✅ローディングのぐるぐるの実装方法 目次 サンプル…

【Flutter】画面の下部によくあるナビゲーションバー(BottomNavigationBar)を実装するサンプル

今回は画面の下部にあるナビゲーションバーの実装方法サンプルです。 この記事で分かること ✅BottomNavigationBarの実装方法✅BottomNavigationBarの主なプロパティについて 目次 サンプル画面 サンプルコード 解説&実装手順 ①ナビゲーションバーがタップさ…

【Flutter初心者用】【コピペOK!】TextFieldに入力した値を取得しボタン押下で画面に表示するサンプルコード

今回はTextFieldに入力した値を取得しボタン押下で画面に表示する、という動きのサンプルとなっています。ユーザーの入力値の受け取りやボタン押下で動きを持たせるなど、Flutterアプリ開発の基本のきの部分についての記事です。 この記事で分かること ✅Text…

【Flutterで状態管理】StatelessWidgetとStatefulWidgetの違いと使い分け、InheritedWidgetについて(サンプルコードつき)

今回は、Flutterアプリの状態管理で大事なStatelessWidgetとStatefulWidgetの違いと使い分け、加えてInheritedWidgetについてまとめます。 この記事で分かること ✅StatelessWidgetとStatefulWidgetって何?✅StatelessWidgetとStatefulWidgetの違いと使い分け…

【Flutter】【エラー対応】「range out of order in character class[***]」が発生する原因と対処法

今回はFlutterアプリ開発時に遭遇することのある「range out of order in character class[***]」というエラーについて原因と対処法を解説します。(***には英数字や記号等が入る) この記事で分かること ✅「range out of order in character class ~」が発…

【Flutter】【コピペでOK!】TextFieldに入力する文字を「数字のみ」や「英数字と記号のみ」のように制限する方法(サンプルつき)

今回はTextFieldに入力する文字を制限する方法についてです。いくつか例を用いて説明します。そのままコピペでOKです! この記事で分かること ✅TextFieldに入力する値を制限する方法 目次 ①数字のみにしたい場合 ②英数字と記号のみにしたい場合 ③数字とハイ…

【FlutterWeb】【AndroidStudio】LAN内の別デバイスでデバッグするための設定と実行方法について

FlutterでWebアプリ開発のデバッグ実行時、開発機以外のデバイス(別のPCやタブレット、スマホなどの実機)で動かしたいときがあると思います。 そこで今回はLAN内の開発機以外のデバイスでデバッグ実行するためのAndroidStudioの設定と実行方法をまとめまし…