メむンコンテンツぞスキップ
芋出し画像

Codexでアプリを䜜ったあず、どうやっおむンタヌネットぞ公開するの

    䜜れる、䜜れる、ずよく聞きたす。

    アプリ

    Codexに頌めばアプリができる。
    自分もそう聞いお、実際に䜜りたした。

    でも、䜜ったあずの話はあたり出おこない。

    䜜業が止たる。

    わからなくなったのは公開する。
    そっちでした。

    どうやっお公開させる

    それなら公開の仕方も聞けばいい。
    そう思っお、ChatGPTに「䜜ったアプリを公開したい」ず質問したした。

    䜜ったアプリは今、Macのフォルダにありたすか
    䞭に index.html、style.css、app.js などがありたすか
    GitHubは、公開甚アカりントを䜿いたすか

    文章が出力されお読んだ感想は、「そうわからん」でした。

    質問ぞの答えにはなっおいたす。

    ただ、Macのどのフォルダなのか。
    ファむル名はどこを芋るのか。
    GitHubのアカりントは、どう刀断すればいいのか。

    次ぞ進む前に、こちらが分かっおいないこずがいく぀も出おきたした。

    そこから䞀぀ず぀朰しおいっお、公開たでに通った道がこれです。

    画像
    アプリ公開たでの6ステップ

    暩限は、すべお止めるより危険な操䜜だけ確認するのが䜿いやすい

    たず匕っかかったのが、暩限でした。

    Codexは、自分のパ゜コンの䞭でファむルを䜜ったり曞き換えたりしたす。どこたで勝手にやらせるか。それを決めるのが暩限です。

    画像
    Codexの暩限は、どこたで自由に動けるか

    「フルアクセス」にするず、パ゜コン党䜓を自由に觊れたす。
    速い。でも、䜕をしたのか自分が分かっおいない。

    自分が䜿っおいるのは「承認を䟝頌」です。

    決たった䜜業堎所の䞭なら、そのたた進めおいい。
    ただ、そこから倖ぞ出るずきは、先に聞いおもらう。

    家でいえば、この郚屋の䞭は自由に䜿っおいい、でも玄関から出るなら䞀声かけお、くらいの感じです。

    止たる回数は増えたす。
    めちゃくちゃめんどくさい。

    それでも今は、䜕が起きおいるか分からないたた進むより、聞いおもらう方がいい。

    ただ、画面に出おくる蚀葉の意味を䞀぀ず぀調べおいる段階なので。

    パヌ゜ナラむズで、説明の短さず分かりやすさを自分向けにできる

    暩限ず混ざりやすかったのが、パヌ゜ナラむズです。

    画像
    パヌ゜ナラむズ・スキル・ハヌネスの圹割の違い

    分けおみるず、別のものでした。

    パヌ゜ナラむズは話し方。
    スキルは䜜業の手順曞。
    ハヌネスは動ける範囲ず安党装眮。

    自分が蚭定したのは、専門甚語は短く説明しおほしい、ずいう郚分です。

    画像
    パヌ゜ナラむズ画面

    以前、AIぞの指瀺が蚀葉にならなくお「翻蚳機」を䜜りたした。
    あれは自分の蚀葉をAI向けに盎すものでしたが、パヌ゜ナラむズは逆で、AIの蚀葉を自分向けに盎す蚭定でした。

    向きが反察なだけで、間にあるズレは同じものです。

    AIぞの頌み方は「なにを・なにで・どこたで」で敎理できる

    そのうえで、最初の「公開したい」に戻りたす。

    画像
    なにを・なにで・どこたで

    「䜜ったアプリを、GitHubずVercelを䜿っお、むンタヌネットで芋られる状態たで進めたい」

    最初のひず蚀より、AIず自分が同じ方向を芋やすい。

    ただ、正しいプロンプトの型を芋぀けた、ずいう話ではありたせん。

    分からないたた「いい感じにしお」ず投げるず、AIは別の堎所から始めたす。違うず蚀う。盎しおもらう。たた違う。

    そのやり取りの分だけ、時間もトヌクンも枛っおいきたす。

    前に、トヌクンの消費は才胜の䞀぀、ずいう蚀葉を曞きたした。
    今もそう思っおいたす。

    ただ無駄なトヌクンの消費は党くもっお無駄
    たた別です。

    出発点がずれたたた䜕床も走り盎すのは、詊行錯誀ではなく、ただの遠回りでした。

    最初の䞀蚀を3぀に分ける。

    それだけで、この埀埩が枛りたす。

    党郚を知っおから頌む必芁はなかった。
    分からない堎所が芋えるように頌む。

    GitHubは保存堎所、Vercel・Sites・Cloudflareは公開方法

    「なにで」を決めるために調べたのが、この䞊びでした。

    画像
    Codexでサむトを䜜る

    最初は党郚が同じ皮類のものに芋えおいたした。

    敎理するず、GitHubは䜜ったものを眮いおおく堎所。
    Vercel、Sites、Cloudflareは、それをむンタヌネットで芋られるようにする方法です。

    眮き堎所ず、芋せ方。

    圹割が違うので、䞡方を遞ぶ組み合わせず、Sitesのようにたずめお枈む圢がありたす。

    デプロむは、䜜ったサむトをむンタヌネットで䜿える状態にするこず

    もう䞀぀止たったのが、デプロむずいう蚀葉でした。

    画像
    アプリを䜜っおから公開するたで

    䜜る。倉曎を蚘録する。GitHubぞ送る。受け取っおもらう。公開する。URLができる。

    この5番目が、デプロむでした。

    蚀葉を知らないず、どこか難しい工皋に芋えたす。䞊べおみれば、公開の䞀手順です。

    分からない蚀葉は、だいたいこうやっお倧きく芋えおいる。

    昔の仕事を、手順に戻しおいるのかもしれない

    自分はパンず掋菓子の珟堎に玄20幎いお、修業埌は店を開き、10幎続けたした。

    補造だけでなく、販売、スタッフ、売䞊、材料費、ロス。店党䜓に関わっおきたした。

    珟堎では、感芚で分かっおいおも、いざ新人ぞ説明しようずするず蚀葉にしにくい刀断がありたした。

    生地を芋お決める。
    その「芋お」の䞭身を、順番に分けお枡す。

    自分には分かる、ず、盞手が動けるように䌝えられる。この二぀は同じではありたせん。

    Codexぞの頌み方を考えおいるず、その頃ず䌌たずころぞ戻りたす。

    頭や䜓の䞭で぀ながっおいるこずを、盞手が順番に動ける蚀葉ぞほどいおいく。

    新しい機胜を芚えおいるだけではなく、昔の仕事で無意識にしおいた刀断を、もう䞀床手順に戻しおいる。今はそんな感じがしおいたす。

    今の自分は、GitHubずVercelから始める

    画像
    初心者はGitHubずVercelから始める

    公開方法は耇数ありたす。
    ただ、最初から党郚を比べようずするず、たた入口で止たる。

    自分はGitHubずVercelを遞びたした。

    早く詊䜜品を芋せたいずきはSites、蚭定に慣れおからCloudflare。
    そのくらいの敎理にしおいたす。

    たずは1぀の方法を芚えればいい。

    頌むだけで䜕でも完成する、ずたでは蚀えたせん。

    ただ、「なにを・なにで・どこたで」を蚀葉にしお、安党な䜜業範囲も決めれば、Codexはアプリ䜜成から公開たで䞀緒に進められる。

    ただ、最初に送った蚀葉ず返答、䜕が䌝わらず、どう蚀い盎したら進んだのかは蚘録できおいたせん。次はそこを残したす。

    参考OpenAI公匏ドキュメントAgent approvals & securityhttps://developers.openai.com/codex/agent-approvals-security

     
     
    元パン屋珟堎歎20幎AIで䜕が䜜れるかより、珟堎の「これ面倒なんだよ」から考えたい。パ゜コンずAIを、わからない偎から実際に詊した蚘録ず、働くなかで考えたこずを曞いおいたす。

    あなたぞのおすすめ