sangraalgoogja.dev

sangraal — Cross-platform Product Engineer

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

無限脳 — 実際の画面

ケーススタディへ
  • 無限脳のホーム画面。脳の姿をした相棒、数学・論理・記憶・注意・言語の5カテゴリ、チャレンジ問題への入口とレベル選択が並ぶ。
    01 相棒と、今日のトレーニングへ
  • フロンティアのORIGIN STATION。ルミナ、ブレインコア、設備復旧数の下に、居住棟・温室・観測所などの施設と、次の設備復旧目標を表示。
    02 脳トレで育てるコロニー
  • 居住支援の遠征の戦闘画面。拠点を結ぶ戦場、残り時間と電力、前衛隊・射撃隊・工兵隊、進軍と守備の指示ボタンを表示。
    03 3部隊を指揮する拠点奪還戦
  • 数学の通常トレーニング画面。1問30秒のタイマー、10問の進捗、数列の問題、4つの選択肢とヒント・報告への入口を表示。
    04 回答履歴に合わせた10問
  • アクションラボの形式一覧。5カテゴリの絞り込みと、つなぎ算・数の天秤のイラスト、選択中の難度、この形式で遊ぶボタンを表示。
    05 無料で選べる10形式のパズル
  • 相棒のいる結果画面。銀メダルと9問正解、獲得ルミナとブレインコアXP、現在の開拓目標と目標の施設へ進むボタンを表示。
    06 結果から、次の開拓目標へ
  • ミッション画面。ランキングへの入口と、通常問題・チャレンジ問題・遠征のメインミッション、選定理由と達成条件を表示。
    07 毎日の目標とランキングへの入口
  • 研究ラボ画面。成長したブレインコアの姿、コアレベルと経験値、NEURAL INDEXとその成長軌道を表示。
    08 ブレインコアと成長軌道
  • 2026年10月のプレイカレンダー。メダル獲得数、累計連続正解数、連続ミッション、連続チェックイン、プレイ日数の成長ログと記録済みの日付を表示。
    09 プレイとミッションの積み重ね
  • 設定画面。言語、ランキング参加時に公開する名前、効果音と音楽、アクセシビリティ、生まれた年、利用状況データの送信と広告除去の購入を表示。
    10 名前・音・データ共有を選ぶ
  • アクセシビリティ画面。高コントラスト、文字を拡大する画面のズーム、形状とラベル、視差効果を減らす、効果音の字幕を切り替えられる。
    11 アクセシビリティ
  • 数の天秤の操作パズル。4つのブロックを左右の皿に配置して合計をそろえる問題と、選択中の標準難度、10問の進捗を表示。
    12 タップと配置で解く「数の天秤」

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

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

Role
Product Engineer
Build
Flutter / Expo / React Native
Backend
Firebase / Google Cloud
Ship
App Store / Google Play / Web
Writing
VibeCode Mobile
Code
github.com/sangraal123

03 About

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

個人開発ではFlutter、チーム開発ではExpoを中心に使用しています。

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

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

04 VibeCode Mobile

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

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

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