sangraalgoogja.dev

sangraal — Cross-platform Product Engineer

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

無限脳 — 実際の画面

ケーススタディへ
  • 無限脳のホーム画面。数学・論理・記憶・注意・言語の5カテゴリと、レベル1〜6の選択が並んでいる。
    01 カテゴリとレベルを選ぶ
  • 無限脳の出題画面。残り時間と1/10の進捗、問題文、4つの選択肢が表示されている。
    02 1問30秒・1セッション10問
  • 無限脳の結果画面。10問中9問正解で銀メダル、自己ベスト更新、前回スコアと最高連続正解、ブレインコアXPの獲得が表示されている。
    03 結果とメダル判定
  • 無限脳のフロンティア画面。カテゴリを惑星として航路で結び、分野ごとの到達レベルとメダル、航路シグナルの点灯数を表示している。
    04 ニューラル・フロンティア
  • 無限脳のプレイカレンダー画面。連続記録12日とプレイ日数23日、月別のカレンダーが表示されている。
    05 プレイカレンダーと連続記録
  • 無限脳のミッション画面。コアのおすすめ、今日のオービット、成長ログが並んでいる。
    06 ミッションと成長ログ
  • 無限脳の研究ラボ画面。ブレインコアのレベルとXP、適応トレーニングの内訳、NEURAL INDEX と成長軌道が表示されている。
    07 研究ラボ(ブレインコアとNEURAL INDEX)
  • 無限脳の設定画面。言語と名前、効果音と音楽、アクセシビリティへの導線、生まれた年と利用状況データの送信が並んでいる。
    08 設定(言語・サウンド・プライバシー)
  • 無限脳のアクセシビリティ画面。高コントラスト、画面のズーム、形状とラベル、視差効果を減らす、字幕の切り替えが並んでいる。
    09 アクセシビリティ

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つのフェーズに分けた実践ドキュメントにまとめています。

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