sangraalgoogja.dev

sangraal — Independent Mobile Product Studio

企画から ストア公開まで、 つくり切る。

無限脳 — 実際の画面

ケーススタディへ
  • 無限脳1.1.4のホーム画面。相棒、数学・論理・記憶・注意・言語の5分野とチャレンジ問題、レベル選択、画面下部の4つのナビゲーションを表示。
    01 相棒と、今日のトレーニングへ
  • フロンティアのORIGIN STATION。刷新した基地の外観、施設のレベル、ルミナとコアレベル、復旧目標と遠征への入口を表示。
    02 表示を刷新した7つのコロニー
  • 推理チャレンジの図形行列。3×3の図形と空欄、規則を探す説明、選択肢と残り時間を表示。
    03 900問の推理チャレンジ
  • アクションラボの一覧。5分野の絞り込みと、つなぎ算・数の天秤などの形式、選択した難度とプレイボタンを表示。
    04 10形式から選ぶ操作パズル
  • 数の天秤の操作パズル。遊び方、左右の皿の合計、使えるブロック、リセットと答え合わせのボタンを表示。
    05 タップと配置で解く「数の天秤」
  • 復習帳。全モードの間違い、要復習・復習済みの切り替え、数学・論理・記憶・注意・言語の絞り込みと解き直しボタンを表示。
    06 分野を選んで、要復習の問題を解く
  • ミッション画面。通常問題・推理チャレンジ・アクションラボのメインミッション、開始ボタン、フィードとランキングへの入口を表示。
    07 通常・推理・操作パズルの毎日の目標
  • みんなのフィード。撮影用の自己ベスト更新、連続トレーニング、メインミッション達成のカードと、お祝い・更新ボタンを表示。
    08 みんなの達成に「お祝い」を送る
  • 設定のデータ欄。撮影用のGoogle連携済み表示、Apple連携、連携解除、クラウド保存の説明とアカウント削除への入口を表示。
    09 任意のアカウント連携とクラウド保存
  • ランキング画面。自分の順位、上位100人の名前と記録、プロフィール表示への入口を撮影用データで表示。
    10 今週・先週・全期間の記録を比較
  • 研究ラボ。見た目を調整したブレインコア、コアレベルと経験値、ゲーム内の成長指標NEURAL INDEXと成長軌道を表示。
    11 ブレインコアと成長の記録
  • プレイカレンダー。メダルと連続記録、プレイ日数、2026年10月のプレイ日とメインミッションの達成状況を撮影用データで表示。
    12 毎日のプレイをカレンダーに残す
  • 設定画面。公開する名前、音楽・効果音、アクセシビリティ、生年、達成フィードの公開停止と利用状況データの設定を表示。
    13 名前・音・表示と公開設定を選ぶ
  • 居住支援の遠征。制限時間と電力、拠点を結ぶ戦場、3部隊の状況、進軍・守備・全体表示への操作を表示。
    14 3部隊で指揮する拠点奪還戦

FlutterとExpoを軸に、UI実装、Firebase連携、CI/CD、ストア審査、公開後の改善までを一つの工程として扱います。

AIエージェントは判断を任せる相手ではなく、調査・仕様化・実装・レビューで役割を分ける道具として使っています。

Focus
Mobile Products
Build
Flutter / Expo / React Native
Backend
Firebase / Google Cloud
Ship
App Store / Google Play / Web
Writing
VibeCode Mobile
Code
github.com/sangraal123
Company
運営者情報

— In development

開発中・公開準備中 — iOS / Android

漢字脳

思い出すって、ちょっと、うれしい。

4つの二字熟語をつなぐ「和同開珎」、読み・意味・用例に出会う「四字熟語」、覚えた言葉を選ぶ「手がかり想起」。3つの遊びを1日3問から楽しむ、大人の漢字パズルをExpoで開発しています。

本日の脳活、語彙帳、プレイカレンダーを用意。iPhone・iPad・Android向けの公開を準備しており、紹介サイトでは和同開珎をお試しいただけます。

漢字脳のアプリアイコン
漢字脳Expo

03 About

コードだけでなく、
プロダクトの一生を扱う。

無限脳はFlutter・Flame、開発中の漢字脳はExpoで実装し、プロダクトに合わせて技術を選んでいます。

画面を実装して終わりにせず、Firebaseによるバックエンドと分析基盤、ストアへの提出、公開後の数字の確認と改善までを続けます。

新しいアイデアを素早く動かすプロトタイピングと、公開できる品質へ持っていくビルドの、両方を仕事にしています。

04 VibeCode Mobile

作り方も、公開しています。

AIに指示しながらExpoアプリを企画・実装・公開・収益化する工程を、7つのフェーズに分けた実践ドキュメントにまとめています。

プロンプト、仕様書テンプレート、実装チュートリアル、公開前チェックリストまで。