Expo アプリをつくる。 主導権は、あなたに。

Autotomy は Expo と React Native のスターターです。編集可能な TypeScript ソース、構成チェック、AI コーディングツールと連携する CLI を提供します。

スターターの中を見る
またはプロジェクトフォルダで実行
npx autotomy install

リリースの準備が整い次第、インストールと購入を開始します。今はセットアップ手順をご覧いただけます。

自分のソース。選んだ AI。確かめられるチェック。

何を土台に作るのか。

土台となるツールExpo + React Native

Expo と React Native がモバイルの基盤を提供します。ライブラリは画面遷移、スタイル、保存などを担当します。

スターターが用意するものAutotomy Expo Starter Pack

Autotomy は明確なプロジェクト構成、AI への開発指示、チェック、動く例を用意します。ソースコードは自分で確認し、変更できます。

あなたが作るアプリ独自の機能とサービス連携

あなたのアプリならではの機能を加えましょう。認証、バックエンド、決済は、製品に必要になったときに文書化されたパターンに沿って追加できます。

何を土台に作るのか、見てみよう。

フォルダーを選ぶと役割を確認できます。

autotomy / expo実際のソースをたどるガイド
expo / package.jsonAutotomy の基盤

良いツールに、明確な役割を。

Expo と React Native がアプリを動かします。ライブラリは画面遷移、スタイル、保存などを担当します。

この場所がある理由

Autotomy はプロジェクト構成、AI への指示、チェックを加えます。自分の機能を足す前に、各部分のつながりを確認できます。

技術的な詳細を見る

ライブラリと、それぞれの仕事

外部ライブラリこの場所がある理由
Expoモバイル開発ツールとランタイムReact Nativeネイティブアプリの UIExpo RouterファイルベースのナビゲーションNativeWindユーティリティクラスによる装飾TanStack Queryサーバー状態の調整AsyncStorageローカルへの永続化Zod実行時のデータ検証

package.json で宣言し、pnpm でインストールします。Autotomy のアダプターはプロジェクト自身のソースであり、外部ライブラリのコードではありません。

フォルダー内のファイル

package.json
pnpm-lock.yaml
expo / src/app/Autotomy の基盤

ルートは画面への入り口。

Expo Router のファイルがタブや URL を画面とそのコントローラーにつなぎます。ルート層ではアプリのプロバイダー も組み立てます。

この場所がある理由

ルーティングは小さく保ちます。画面表示と製品の処理を別の場所に置くことで、機能全体をルートに詰め込みません。

技術的な詳細を見る

フォルダー内のファイル

src/app/_layout.tsx
src/app/(tabs)/settings.tsx
expo / src/ui/Autotomy の基盤

ユーザーが見て、触れる部分。

画面は読み込み中、準備完了、エラーの状態を描画します。共有の基本コンポーネントと共通の組み合わせで、見た目をそろえます。

この場所がある理由

表示層は明示された入力を受け取ります。他の画面の内部に入り、その実装を借りることはしません。

技術的な詳細を見る

フォルダー内のファイル

src/ui/components/shared/
src/ui/components/common/
src/ui/settings/
expo / src/ui/settings/付属サンプル

小さな機能を、最初から最後まで。

外観設定は画面、コントローラー、ユースケース、reducer、ストレージアダプターをつなぎます。読み込み中や失敗の状態も含みます。

この場所がある理由

自分の機能を追加する前に、アーキテクチャを一通りたどる実装を確認できます。

技術的な詳細を見る
設定の変更をたどる

付属する Settings 機能を簡略化した流れです。手順を選ぶと、その実装場所を確認できます。

フォルダー内のファイル

src/ui/settings/
src/hooks/settings/useSettingsController.ts
src/use-cases/settings/settings.ts
src/services/settings.ts
expo / src/ui/puzzle-lab/付属サンプル

取り外し方まであるサンプル。

動くチェスパズル機能を通して、データの取得、エラーへの対応、アプリの各部分のつなぎ方を確認できます。

この場所がある理由

完成した例から学び、自分の機能を追加するときにアーカイブできます。同梱の設定機能は独立したままです。

技術的な詳細を見る

学びは残し、デモは取り外す。

src/*/puzzle-labdocs/reference/puzzle-lab

このコマンドは Puzzle Lab 専用です。サンプルのソースを保存し、共有コードへの変更内容をレビュー用に記録します。

pnpm puzzle-lab:move-to-docs
pnpm check

フォルダー内のファイル

src/ui/puzzle-lab/
src/hooks/puzzle-lab/usePuzzleLab.ts
src/use-cases/puzzle-lab/puzzle-lab.ts
src/services/lichess-puzzles/
expo / src/hooks/Autotomy の基盤

各部分がここでつながる。

合成 hooks が状態、ユースケース、サービスをつなぎ、画面用のモデルと操作を用意します。

この場所がある理由

画面は表示に専念し、この層が画面を機能させるための処理を調整します。

技術的な詳細を見る
設定の変更をたどる

付属する Settings 機能を簡略化した流れです。手順を選ぶと、その実装場所を確認できます。

フォルダー内のファイル

src/hooks/settings/useSettingsController.ts
src/hooks/settings/settingsScreenModel.ts
expo / src/use-cases/アプリのロジック

何をするかは、アプリが決める。

アプリが何をするかを決める場所です。設定機能では、ユーザーの好みを保存・復元する処理を担当します。

この場所がある理由

保存の処理は保存用ライブラリと分かれています。実際の端末に書き込まずに、その動作をテストできます。

技術的な詳細を見る
設定の変更をたどる

付属する Settings 機能を簡略化した流れです。手順を選ぶと、その実装場所を確認できます。

フォルダー内のファイル

src/use-cases/settings/settings.ts
src/use-cases/puzzle-lab/puzzle-lab.ts
expo / src/state/アプリのロジック

変化をたどれる状態に。

純粋な reducer が状態遷移を記述します。永続的なクライアント側の事実を保持し、Immer で不変更新を行います。

この場所がある理由

ネットワークやストレージの副作用は別の場所に置きます。同じ状態と入力から、reducer は同じ結果を再び生成できます。

技術的な詳細を見る
設定の変更をたどる

付属する Settings 機能を簡略化した流れです。手順を選ぶと、その実装場所を確認できます。

フォルダー内のファイル

src/state/settings/settings.state.ts
src/state/puzzle-lab/puzzle-lab.state.ts
expo / src/services/Autotomy の基盤

外のツールとは、境界を通して。

アプリと保存先や外部サービスをつなぐフォルダーです。受け取ったデータを確認し、失敗を処理してから結果を返します。

この場所がある理由

各連携の置き場所が明確です。アプリ自身の判断と、処理を担う外部ツールを分けて扱えます。

技術的な詳細を見る
設定の変更をたどる

付属する Settings 機能を簡略化した流れです。手順を選ぶと、その実装場所を確認できます。

フォルダー内のファイル

src/services/settings.ts
src/services/api/
src/services/query-client.ts
expo / src/types/アプリのロジック

共通の意味を書き残す。

設定、ルート、エラー、非同期データには明確な型があります。結果の contract には neverthrow ライブラリを使います。

この場所がある理由

各区画は互いの実装を取り込まずに、何を受け渡すかを共有できます。

技術的な詳細を見る
設定の変更をたどる

付属する Settings 機能を簡略化した流れです。手順を選ぶと、その実装場所を確認できます。

フォルダー内のファイル

src/types/settings.ts
src/types/result.ts
expo / src/theme/Autotomy の基盤

UI の表現を変える場所は一つ。

意味を持つ tokens とテーマのランタイムがアプリの視覚言語を定義します。tokens.ts から global.css のテーマ部分を生成します。

この場所がある理由

生成された CSS を直すのではなく、元の tokens を変更します。共有コンポーネントがその選択を画面へ届けます。

技術的な詳細を見る

フォルダー内のファイル

src/theme/tokens.ts
src/theme/provider.tsx
src/theme/css-variables.ts
expo / src/route-error/Autotomy の基盤

画面を描画できなくなったら。

Expo Router のエラーアダプターが描画障害を記録し、独立した復旧画面を提供します。

この場所がある理由

代替画面は障害が起きた画面のプロバイダー に依存しないため、復旧処理まで一緒に失敗する原因を減らせます。

技術的な詳細を見る

フォルダー内のファイル

src/route-error/index.tsx
expo / scripts/Autotomy の基盤

ルールをチェック可能にする。

スクリプトがアーキテクチャのルール、テーマ生成、ソースの梱包、Puzzle Lab のアーカイブ手順を支えます。

この場所がある理由

pnpm check は型、境界、テスト、生成テーマ、ネイティブ設定、依存関係をまとめて確認します。問題の検出に役立ちますが、不具合がないことを保証するものではありません。

技術的な詳細を見る

フォルダー内のファイル

scripts/eslint-rules.cjs
expo / docs/Autotomy の基盤

設計の理由をソースとともに。

担当範囲の一覧、機能パターン、slice のひな形が、プロジェクトの構成と拡張方法を説明します。

この場所がある理由

あなたと AI が次の変更のために同じ資料を参照できます。後から参加するエンジニアも同じ判断を読めます。

技術的な詳細を見る

フォルダー内のファイル

docs/SLICE_ARCHETYPES.md
docs/SETTINGS.md
docs/PUZZLE_LAB.md
expo / AGENTS.mdAutotomy の基盤

AI にプロジェクトのルールを渡す。

AGENTS.md はこのリポジトリで作業するための境界と手順を記録します。

この場所がある理由

範囲を絞った機能の依頼で、この手順と slice のひな形を参照し、レビュー前に pnpm check を実行するよう指定できます。

技術的な詳細を見る

フォルダー内のファイル

AGENTS.md
ARCHITECTURE.md
expo / START_HERE.mdAutotomy の基盤

具体的な手順から始める。

利用者向けガイドはインストール、起動、変更の確認、問題発生時の復旧を扱います。

この場所がある理由

編集可能なソースと文書化された作業手順が手に入ります。ストアアカウント、署名、製品固有の公開判断はあなたが担当します。

技術的な詳細を見る

フォルダー内のファイル

START_HERE.md
PRIVATE_BETA.md
フォルダーを選ぶと役割を確認できます。TypeScript · Expo

AI に明確な出発点を。

下のプロンプトを Codex、Claude Code、Cursor で使ってください。ログインと支払いはブラウザで本人が行い、エージェントがインストールを再開します。

コーディングエージェントに貼り付け
Set up Autotomy in this project. Inspect the current directory and Git status first. Preserve all existing work and secrets. Run npx autotomy doctor --json to inspect compatibility, then npx autotomy install for an Autotomy or unchanged Lite checkout; use npx autotomy init <new-directory> for a new project. If the CLI requests authentication or a purchase, show me its browser link and let me complete it myself, then resume the command. Never ask me to paste credentials into chat. Do not bypass compatibility or verification failures, overwrite conflicting files, or subscribe on my behalf. Follow the installed project instructions, report any required hook approval, run npx autotomy check, and show me how to start the app from its expo directory.
はじめる

Autotomy とは?

Autotomy は Expo と React Native のスターターです。編集可能な TypeScript ソース、構成チェック、AI コーディングツールと連携する CLI を提供します。

基盤に含まれるものは?

Foundation の全ソース、基本チェック、エージェント設定、購入バージョンと公開済み v1 修正へのアクセス。

自分で追加するものは?

あなたの製品の機能です。認証、バックエンド、決済、権限を必要とするネイティブ機能は、製品が必要とする段階まで意図的に見送っています。サービスを選び、対応する機能 slice を実装します。

一つ変更し、それから確認する。

START_HERE.md から始めましょう。AI に範囲を絞った機能を依頼し、slice のひな形に従ってチェックを実行します。結果を確認してから、次に進みます。

手順を読むスターターの中を見る
コーディングエージェントに貼り付け
Add <feature> as a cohesive slice in this Autotomy project. Read AGENTS.md and expo/docs/SLICE_ARCHETYPES.md first. Preserve architecture boundaries, explicit error handling, and existing work. Do not modify generated theme CSS directly. Run npx autotomy check, fix failures without weakening gates, and summarize the change and verification evidence.

ソースを手に。保守の助けをそばに。

Foundation は買い切り。必要になったら監査とアップグレード支援を追加できます。

Starter

US$149買い切り

Foundation の全ソース、基本チェック、エージェント設定、購入バージョンと公開済み v1 修正へのアクセス。

Starter に Pro 30 日分を含みます。自動更新はありません。

アカウントへ進む

Pro

US$19/ 月

または US$190 / 年

継続更新される監査、検証設定の変更検出、AI による Expo 更新手順、プレミアム hook のフィードバック。

アカウント

開発者 1 人につき Autotomy プロジェクト数は無制限。Pro には Starter が必要です。AI ツールと利用料は別です。

Pro 終了後はプレミアムコマンドが停止します。ソース、基本チェック、ビルド、公開済みアプリは引き続き使えます。

別途 Pro を購入すると直ちに課金されます。未使用の付属日数は割引になりません。更新前に解約すると支払済み期間の終了まで利用できます。

リリースの準備が整い次第、インストールと購入を開始します。今はセットアップ手順をご覧いただけます。

始める前に

何を購入するのですか?

Starter は編集可能な Expo ソースと基本チェック、Pro は監査と AI 更新手順の任意契約です。ホスト型アプリ作成サービスではありません。

付属の 30 日間が終わると?

自分で契約しなければ Pro は停止し、課金されません。ソースと基本チェックは使えます。

アプリは自動変更されますか?

導入は管理対象ファイルのみを扱います。監査は根拠と修正手順を提示し、AI が変更して本人が確認します。

ソースのライセンスは?

既存 Foundation は MIT のままです。新しいプレミアムツールと手順は別途商用条件が適用されます。外部パッケージのライセンスは維持されます。

アプリの認証や決済は含まれますか?

含まれません。Autotomy アカウントは開発ツール用です。認証、バックエンド、決済、署名、ストア公開はアプリ側で決めます。

AI と開発するためのノート

開発ノートを読む