誰でもできるiPhoneアプリ構築その2
こちらの続きです
前回はまず最初のアプリをiPhoneで見てみよう！というところまでやりました。しばらくはそれでOKですので、そのまま進めてください
今日はもうちょっと高度なオプションをお知らせしますので、そんな世界があるんだねと思っていただければ、そのうち自分もやりたいぞとなるはずです
Web上にソースコードをおいておく：Githubを利用する
アカウントを作ってください。無料で作れます。僕のIDはこちら
Githubにリポジトリを作ろう
細かいことは別で学んでください。リポジトリというのは、前回作ったプロジェクトをすべて内包するようなフォルダだと思ってくれればまずはOKです。
Choose visibillityは、ソースコードを非公開にしたい場合は、Privateに変更しましょう。公開のまま作るとこうなります
誰でも見れちゃうので、そこだけはご注意ください。特にプライベートなデータや、APIキーなんかを入れなければ問題ないです。Privateにするのが安心ですね。
Gitにソースコードを連携しよう
アプリメニューにターミナルというものがあるので、それを開き、新しいターミナルを開きます
画面の下部に出てくるんですけど、ターミナルをエディタ領域へ移動を選択して移動しておきましょう
プロジェクトをGithubに連携しよう
GitリポジトリURLをコピーしてくる
作りたてならここからコピーできますのでコピーしてください
ここまでやったら、CodexかClaude Codeに以下を指示します
これまでのコードをすべてコミットし、リモートにpushしてください
こんな感じになります。既存のURLを指定にして、先程コピーしたURLを貼り付けましょう
これでOK！
Codexの場合はリモートリポジトリはここです： ここにURL
みたいな感じで伝えればよしなにしてくれます
Github連携すると何が良いか
これまではローカル環境での開発しかできませんでしたが、別のデバイスで開発することができたり、Codex WebやClaude Code Webを使ってウェブサイト経由で開発を進めることができたりします
Codexにリポジトリを追加してみる
右上の設定>環境を作成する
Githubと接続し、先程作ったリポジトリを追加しておきましょう
レッツWeb開発
これを使用するを押しましょう
こんな感じでリポジトリが設定されますので、そこに対して色々と指示をだすという使い方になります
Gitを使いこなす
使いこなすと言っても3つだけ覚えておけばOKです
コミットしてください
Gitというのは、セーブポイントをいくつかおくことができるような仕組みになっています。そのうえで、コードを変更していくのですが、変更中のコードがオートセーブされていくというイメージではなく、きりのよいところまで処理したらその内容を"コミット"するという使い方になります。(もちろん、ローカルに作業中のファイルはそのまま存在しているので、オートセーブ状態ではあるのですが)
キリの良いところまで進捗したらコミットしてもらいましょう。
プッシュしてください
リモートリポジトリ(Github)に、コミットされたコードを同期するにはこの指令が必要です。
プッシュしておくと、先程紹介したCodex WebやClaude Code Webからも最新のコードにアクセスできるようになります。これをやらないと、変更した内容がローカル(つまり自分のデバイスです)のみに存在するので、移動中にモバイル端末から指示をだして開発を続けるということが出来ません。
ブランチを切って(作成して)進めて
コミットした時点では恐らくクリーンな状態にしてあると思います。一番新しい、ちゃんと動く状態がそこにあります。
Githubではデフォルトでは main ブランチというものの上で作られています。基本的にはこのmainブランチが製品版というイメージです。
そこから、開発を進める時にブランチを作成して進めていくのです。
これこれこういう開発をしたい
中略
以上についてブランチを作成して開発を進めてください
こんな風に伝えます。
開発自体は、失敗することがあったり、あんまり気に入らないという事が有りえます。私の場合は、デザイン開発をするタイミングで3パターンくらいブランチ切って作ってみてみたいなことをやるんですけど、そんな風に指示してパターンをいくつか作ってもらって、確認するみたいなことをやってます。
こんな風に教えてくれますが、エディタの左下をクリックすると手元で簡単に切り替えられます
マージして
ブランチの開発がうまく行ったら、それをコミットしてからmainにマージします。
コミットしてからmainにマージ
とか
コミットしてからmainにマージしてからpush
とか言ってます。
その２はこの辺にしておきます。
続きはまた今度。
