Flutter– category –
-
Flutter初心者のための正規表現のポイント
正規表現（Regular Expression / Regex）は、一言で言うと「文字列の中にある特定のパターンを効率よく探したり、置換したりするための『魔法の記号』」です。 プログラミングやテキストエディタ（VS Codeなど）での検索、Excelのデータ整理などで非常によ... -
アプリを継続して使ってもらうために
機能の便利さ以上に、「ちょっとした快感の演出」が重要と思いました！継続して使ってもらうための小さな気持ちよさを考えてみました。 軽いアニメーション 追加時に軽いアニメーション完了時にスッと消えるアニメーションチェックするとふわっと消える 音... -
月謝袋アプリ英語化 ─ プレミアムダイアログ編
はじめに 月謝袋アプリの英語ローカライズ作業を進めています。今回は premium_upgrade_dialog.dart の英語化が完了したので、作業内容をまとめます。 対象ファイル premium_upgrade_dialog.dart プレミアムプランへのアップグレードを促すダイアログです... -
月謝袋アプリの英語対応を始めました（Flutter l10n）
はじめに 月謝袋アプリのv1.1.0がiOS・Android両ストアで公開できたので、次のステップとして英語対応（多言語化）を始めました。 なぜ英語対応をするのか 月謝管理アプリは日本だけでなく、海外の個人教室でも需要があると考えています。ピアノ・ギター・... -
イラスト英熟語 v1.1.3 リリース！アイコン・スプラッシュ・イントロ画面を刷新
今回のアップデート内容 レビューでご指摘いただいたバグ修正（v1.1.2）に続き、見た目を大幅にリニューアルしました。 ✅ アプリアイコンを一新 以前のアイコンは「硬い印象」とご意見をいただいたので、温かみのある柔らかいデザインに変更しました。 An... -
月謝袋アプリ v1.1.0、iOS・Android両ストアで公開しました！
「月謝袋」v1.1.0 月謝管理アプリ「月謝袋」のv1.1.0が、App StoreとGoogle Play両方で公開されました！ 今回の主な新機能 ✨ プレミアムプラン（月額300円） 今回の最大のアップデートは、サブスクリプション機能の追加です。RevenueCatを使ってiOS・Andr... -
月謝袋アプリに「プレミアム案内ポップアップ」を実装しました
はじめに 月謝袋アプリに、プレミアムプランの案内ポップアップを実装しました。ユーザーに自然な形でサブスクの価値を伝えるための工夫についてお話しします。 どんな機能？ レッスン日管理タブを開いたとき、画面下からスッとボトムシートが登場します。... -
月謝袋アプリ、AndroidのRevenueCatサブスクが動きました！
AndroidのRevenueCatサブスク 先日iOSで完成していたRevenueCatのサブスク購入フローを、本日Androidでも動作確認することができました！ テスト環境の準備 Androidのサブスクテストには以下の3つが必要です。 Google Play Console側： サブスク商品の作成... -
月謝袋アプリに「2段階レビュー促進機能」を実装しました
2段階レビュー促進機能 月謝管理アプリ「月謝袋」に、2段階レビュー促進機能を追加しました。ユーザーに寄り添いながらレビューを集めるための仕組みです。 どんな機能？ 主要な操作の節目に「使い心地はいかがですか？」というダイアログが表示されます。... -
月謝袋アプリに「未納管理機能」を追加！
はじめに 月謝管理アプリ「月謝袋」に、長らく要望のあった未納管理機能をついに実装しました。今日はその実装内容と、機能設計の背景にある「現場の気持ち」についてお話しします。 作った機能 1. カレンダーポップアップに月謝状態を表示 日付をタップす... -
月謝袋アプリ カレンダー機能実装記録
今回実装したこと 生徒ごとの色分けカレンダー表示 日付タップで詳細ダイアログ表示 時間重複のダブルブッキング検知 プレミアム未加入者向けロック画面 ハマったポイント あれ、何も表示されない！！ Firestoreの複合インデックス lessons コレクションで... -
月謝袋アプリにプレミアム機能を実装
今回やったこと Flutter製の月謝管理アプリに、RevenueCatを使ったサブスクリプション機能を実装しました。 サンドボックステスト iOSのサンドボックスアカウントを使って購入フローをテスト。「プレミアムにアップグレード」ボタン → Apple の購入確認画... -
Flutter × RevenueCat サブスクリプション実装記録
はじめに 月謝袋アプリにサブスクリプション機能を実装しました。RevenueCatの設定からFlutter SDKの組み込みまで、個人開発者がつまずきやすいポイントをまとめます。 今回やったこと Google Play / App Store のサブスクリプション商品作成 RevenueCatへ... -
イラスト英熟語 v1.1.2 リリース
レビューでご指摘いただいた「選択肢が毎回同じ順番になる」バグを修正しました！ ユーザーさんのフィードバックのおかげで気づけました。本当にありがとうございます🙏 正解が常に1番上に表示されてクイズになっていなかった…という致命的なバグでした😅 ... -
Flutter WebアプリにCSVダウンロード・画像アップロードを追加した話
〜dart:ioの罠・CORSの壁・Firebase Storageの有料プラン〜 月謝袋アプリ（Flutter Web / PWA）の開発を続けています。 今回は先生向けの管理機能として、「スタンプ誤登録の削除」「CSVダウンロード」「カスタムスタンプ画像のアップロード」の3つを実装... -
FlutterアプリをそのままPWAにするのは難しい
〜月謝袋アプリWeb化で学んだ3つの壁〜 月謝袋アプリは、おけいことごとの教室の先生と生徒をつなぐPWAです。主な機能は以下の通りです。 月謝受け取りのスタンプ記録（生徒がスマホで確認） レッスン日程の管理 Googleカレンダー連携 先生専用の管理画面... -
月謝袋PWA 開発日誌
今日はカレンダー機能を大幅アップデート✨ 月カレンダー形式で生徒を色分け表示 サブスク未加入はぼかし表示でプレミアム感を演出 ダブルブッキング警告機能も実装！ レッスンを登録時にすでに予約が入っているところは下記の警告 音楽教室の先生が「あ、... -
月謝袋PWA版、生徒登録まで成功!
月謝袋PWA版作成を開始！ この2日間で下記のことを行いました。 ✅ Flutter Web ビルド ネイティブアプリ用のコードをそのままコピー✅ Firebase設定（テスト用を作成）✅ 先生新規登録→メイン画面ログイン成功！✅ 生徒3人登録成功✅ データ保存確認デー... -
noteを始めました！アプリ開発や個人開発の話を書いていきます
今日、noteを始めてみました。 これまでは主にこのブログで記事を書いてきましたが、もう少し気軽に、開発のことや個人開発の裏話を書ける場所が欲しいと思ったのがきっかけです。 noteでは、ブログより少しラフな感じで開発の体験や学んだことを書いてい... -
Flutter Webの世界へ
今日はFlutter Webプロジェクト作成してみます。 Step 1: プロジェクト作成 ターミナル/コマンドプロンプトを開いて: # デスクトップに移動（または好きな場所） cd ~/Desktop # Flutter Webプロジェクト作成 flutter create sample_pwa # プロジェクトに... -
service-worker.jsとmanifest.json
service-worker.jsとmanifest.jsonはPWAの必須要件！！ PWAの3つの必須要件 PWAとして認識されるために: ✅ manifest.json（必須）→ インストール可能にする→ アプリの情報を定義 ✅ service-worker.js（必須）→ オフライン対応→ キャッシュ管理 ✅ HTTPS...
