Cursorを起動しAIチャットウィンドに「expoを使ってスマホアプリを開発するのでひな形を作ってください。」と入力しEnterを押します。

作成が始まりました。 途中でフォルダの作成の許可を求められるのでRunをクリックします。

引き続き作業が進んでいます。

作業が終わったようです。 Viewを選択しTerminalを選択しターミナルを開きます。

チャットに表示されている次のステップに記載されているコマンドをターミナルで実行していきます。

npm startを実行するとアクセス許可のウィンドウが開くので許可をクリックします。

Ctrl+Shift+Bでブラウザを開きlocalhost:8081へアクセスしてみます。

エラーが出ました。

エラーメッセージと「適当な画像を作ってください。」とチャットしたところ画像の生成が始まりました。

Runをクリックします。

Runをクリックします。

assetsフォルダ配下にadaptive-icon.pngなどのファイルが生成されました！

「localhost:8081へアクセスしましたがターミナルに以下のメッセージが表示されます。 Unable to resolve asset "./assets/splash.png" from "splash.image" in your app.json or app.config.js」とチャットしてみます。

Runをクリックします。

Runをクリックします。

Runをクリックします。

Test-Pathでassets/splash.pngが存在するか確認するようです。 Runをクリックします。

npx expo start --clearコマンドを実行したいようです。 Runをクリックします。

修正が終わったようですが状況は変わりませんでした。

エラーメッセージをそのままチャットします。 画像ファイルの確認をするようです。 Runをクリックします。

4つの画像ファイルの確認をするようです。 Runをクリックします。

修正が終わったようです。

再度URLへアクセスしたところエラーメッセージが増えました。

エラーが変わりましたと入力しエラーメッセージの行をコピーしたところnode (107-114)という文字になりましたがそのままチャットします。

指示に従っていたところエラーはでなくなりましたがjsonがそのまま表示されているようです。

エラーメッセージは表示されなくなりましたが、ブラウザにjson文字列？が表示されています。とチャットします。

npm installを実行したいようです。 Runをクリックします。

npm install --legacy-peer-depsを実行したいようです。 Runをクリックします。

修正が終わったようです。

Ctrl+Cでサーバーを止めてnpx expo start --clearコマンドで起動してブラウザでアクセスしたところエラーが変わりました。 ブラウザでlocalhost:8081にアクセスしたところ以下のエラーが出ましたと入力しエラーメッセージをコピーしたところ@node (204-207)と表示されましたがそのままEnterを押しチャットします。

エラーメッセージをコピーします。

ターミナルに緑色のバーが表示されました。

エラーがでたのでエラーメッセージをそのままチャットします。

キャッシュをクリアするようです。 Runをクリックします。

状況が変わりません。 エラーメッセージをチャットします。

npm install expo-constants --legacy-peer-depsを実行したいようです。 Runをクリックします。

エラーがでるのでそのままエラーメッセージをチャットします。

npm install expo-linking --legacy-peer-depsを実行したいようです。 Runをクリックします。

npm install expo-font expo-splash-screen --legacy-peer-depsを実行したいようです。 Runをクリックします。

修正が終わったようです。

npx expo start --clear --webをターミナルで実行します。

ブラウザが起動し画面が表示されました！

ターミナルにもエラーは出ていないようです。

AIがごりごり動くのを見ているだけで実際に何が行われているのか理解できませんでした。

ここまでの手順をMarkdownファイルでまとめてください。とチャットします。

SETUP_GUIDE.mdというファイルが生成されました。

すごい時代になりましたね！

AIが実行したコマンドは以下になります。

mkdir assets
npm install --save-dev sharp
npm run generate-assets
dir assets
npx expo start --clear
Test-Pathでassets/splash.png
npx expo start --clear
Get-Item assets/splash.png | Select-Object Length, LastWriteTime
Test-Path assets/splash.png; Test-Path assets/icon.png; Test-Path ass
ets/adaptive-icon.png; Test-Path assets/favicon.png
npm install
npm install --legacy-peer-deps
if (Test-Path .expo) { Remove-Item -Recurse -Force .expo }; if (Test-
Path node_modules\.cache) { Remove-Item -Recurse -Force node_module
s\.cache }
npm install expo-constants --legacy-peer-deps
npm install expo-linking --legacy-peer-deps
npm install expo-font expo-splash-screen --legacy-peer-deps

AIですがAutoになっていました。

▲ PageTop  ■ Home