今回は、DartとFlutterの入門ということで、基礎の基礎を解説していきます。それでは、一緒に学んでいきましょう！ この記事で分かること ✅Dartの基礎✅Flutterの基礎 目次 はじめに DartとFlutterの概要 Dart言語入門 Dart言語の特徴 Dartの基本的な文法 変…

今回は、「Flutterを最近始めたよ！」という方や「Flutterとはそもそも何？」という方に向けて概要を簡潔にまとめてみました。これを読めば明日からFlutterについて語れます。笑 この記事で分かること ✅Flutterの概要 目次 はじめに：Flutterとは Flutterの…

今回は、Flutterで「go_router」というライブラリを用いた画面遷移を実装するサンプルです。 Flutterでの画面遷移については以前も記事にしたことがありますが、その時はFlutter標準の「Navigator」を用いた方法について解説しました。 今回の記事では、Navi…

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

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

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

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

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

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

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