【Flutter + microCMS】ランダムストレス解消アプリ作ってみた

0. はじめに

• 【Windows編】FlutterとCodemagicを使ってAndroid/iOSアプリを生成するまで

↑を書いたとき、Flutterアプリ作るよーと言っておきながら、全然手を付けていませんでしたｗ
いや、言い訳すると、アプリは作ってあったんですけど、記事を書いていなかったんです！ｗ

ということで、以前使ってみたmicroCMSが面白かったので、今度はFlutterと連携したアプリを作ってみました。
以下は過去に投稿したmicroCMS関連の記事になります。

• 【Nuxt.js + COTOHA API + microCMS】COTOHAチックなフラッシュカード作ってみた

1. どんなアプリ？

ストレス解消法をランダムに表示するアプリです。
※現状は10件しかデータが入っていません

単純ですが、こんな感じで動作するようにしました。

1. microCMSにて、「タイトル」「画像」「説明」を登録する。
2. アプリ起動時にenvファイルからmicroCMSのURLとAPIキーを読み込む。
3. microCMSに通信して、登録したデータを全て取得する。
4. 更新ボタン押下時に、取得したデータをランダムに表示する。

2. 環境

• Flutter
  • http・・・microCMSへのリクエスト
  • flutter_dotenv・・・envファイル読み込み（microCMSのURL、APIキー）
  • dart:math・・・乱数取得
  • dart:convert・・・Jsonデコード
• microCMS

3. クラス図

4. 実装

random_de_stress

5. デモ

6. 参考

とても分かりやすかったです！ありがとうございましたm(_ _)m

• わかりやすいFlutterリファレンス（HTTPにリクエストする）
• FlutterとmicroCMSで作るシンプルなメディアアプリ

7. おわりに

ちなみにCodemagic使いましたが、いい感じに動いてくれてました
業務で使ってない言語をごりごりやるのは大事ですな
次はFlutter＋Firebaseあたりで何か作ってみようと思います
React分からんけとReact Nativeも触ってみんといかんな
Android端末ほしい