PairHub完成までの開発ログ
PairHubを完成させるまでの開発総まとめ。コンセプト、機能実装、UI刷新、Stripe、Works記事化まで、失敗と学びを時系列で振り返ります。
記事を読む →Works
Works Log
AIとの共作で生まれた制作軌跡。プロンプト・試行錯誤・失敗談を含む技術記事。
パステルUIと絵文字廃止の理由
PairHubの白＋クリーム／ミント／スカイ／ブラッシュのパステルUI。絵文字をやめて透過アイコンにした理由と、AIっぽい見た目を避けるデザイン判断を紹介します。
記事を読む →PairHub無料とPro課金の設計
PairHubの無料枠とPro（月額・買い切り）の考え方。Stripe CheckoutとWebhook、広告やアフィより先にPro課金で運営する判断を解説します。
記事を読む →家計アプリに保険管理を載せる
火災・生命・自動車などの保険を家計アプリで管理するPairHubの設計。契約終了前の通知、定期支出連携、引っ越しタブとの共有について解説します。
記事を読む →引っ越しチェックリストの実装
PairHub引っ越しタブの設計を公開。住所変更・光熱・駐車場・業者訪問と運び出し日時まで、夫婦で進める引っ越しチェックリストの実装を解説します。
記事を読む →共有お財布・精算・貯金の作り方
PairHubの共有のお財布、リアルタイム精算、貯金目標と定期積立の設計を解説。割り勘だけではない、プール型の二人家計の考え方をまとめます。
記事を読む →定期支出と支払日リマインド設計
光熱費・サブスクなど変動費の定期支出登録と、支払日以降の入力催促。月末日付クランプや続き入力確認など、PairHubのリマインド設計を解説します。
記事を読む →共有家計簿とカテゴリ支出分析
PairHubの共有家計簿・今月の総支出・カテゴリ別バー・履歴フィルタの設計を紹介。7日以内の修正ルールなど、夫婦で使う支出管理の工夫をまとめます。
記事を読む →共有買い物リストと買い出し中表示
PairHubの共有買い物リストと『今買い出し中』リアルタイム表示の設計を解説。優先度・終了時の支払い記録まで、夫婦で使う買い物メモの実装を紹介します。
記事を読む →PairHubとは？夫婦の共有家計アプリ
夫婦・パートナー向け共有家計WebアプリPairHubのコンセプトを解説。買い物・家計・貯金・引っ越しをひとつにまとめた理由と、完成までの設計意図を紹介します。
記事を読む →タイマーUIを4分割！Reactで動く着せ替えゲームUI設計
TokStop開発で採用した、タイマーUIを4つのパーツに分割して動的に着せ替えるゲームUIアーキテクチャを解説。拡張性の高いReact設計手法を紹介します。
記事を読む →TokStop無料・有料プラン比較！自然な課金誘導の設計手法
スマホ依存対策アプリ「TokStop」の無料・有料プラン設計の裏側を公開。無料プランで価値を伝えつつ、有料プランへ自然に誘導するための比較軸やプロンプト活用法を解説します。
記事を読む →画面OFFでも継続！スマホ消灯デトックスの実装技術
スマホを伏せて寝る前のデトックスを可能にする、画面消灯・端末ロック検知の裏側。Capacitorプラグインと誤判定を防ぐリトライ戦略を解説します。
記事を読む →継続率向上！TokStop式ログインボーナスとストリーク設計
TokStopの継続率向上を狙った、7日間ログインボーナスとストリーク復活（広告視聴）のゲーム経済設計を解説。固定ボーナスから段階テーブルへの移行など、実用的なリテンション施策を紹介します。
記事を読む →Next.js×Capacitor！TokStopの構成
Next.js、Supabase、Capacitorを組み合わせたスマホアプリ「TokStop」の実践的な技術スタックと、セッション重複防止などの実装ノウハウを公開します。
記事を読む →スマホ依存を防ぐ！置く・育てる・貯めるデトックスアプリ設計
スマホ依存を解消するゲーミフィケーションアプリ『TokStop』の習慣化設計を解説。「置く、育てる、貯める」の3ステップで継続率を高めるロジックや、180分制限、ポイント計算仕様などの試行錯誤を公開します。
記事を読む →「スマホ依存」を責めない？TokStop開発秘話
スマホ依存を「やめなきゃ」と責める前に。Thynthが開発するTokStopは、あなたのスマホ時間を見つめ直すデトックスアプリです。優しさにこだわったコンセプトと試行錯誤の舞台裏をご紹介。
記事を読む →