【開業医院長先生：AI時代に、ウェブページをむりなく公開する】＜運用編＞🔟第4章「道具を、持ちかえる」④：GitHubに、控えを取る

【この記事の使い方】

この記事は、例題です。
青チャートの、例題のようなものです。
そのまま真似ても、いいです。
自分のクリニックに、応用しても、いいです。
「こうしなきゃ」は、ありません。
自分に合う形に、変えて使ってください。

【前回の、つづきです】

前回、AI Studioの上で、3ページを再現しました。
渡したファイルの、そのままです。
道具を変えても、同じものが、できました。

今日は、その次です。
できたものを、GitHubに、送ります。
むずかしくは、ありません。
「控えを、取る」だけです。

【学会スライドと、同じ気持ちで】

先生も、学会のスライドを、作りますよね。
夜中に、少しずつ、足していきます。
一枚足しては、上書き保存。
また一枚足しては、上書き保存。

もし、保存を忘れて、パソコンが落ちたら。
考えるだけで、ぞっとします。

アプリも、同じです。
少し足したら、控えを、取る。
今日やるのは、この「控えを取る」だけ。
気持ちは、スライドの上書き保存と、同じです。

【控えを置く場所が、GitHubです】

その、控えを置く場所が、GitHub（ギットハブ）です。
作ったものを、預けておく、ネットの棚です。
ここに、3ページを、まるごと送っておきます。

これで、消える心配が、なくなります。
うっかり消しても。おかしな直しで、動かなくなっても。
GitHubに控えがあれば、そこから、元に戻せます。
行って、戻ってこられる。いつもの「往復切符」です。

【手順は、この記事で】

GitHubのアカウントを作って、
AI Studioと、つないで、送るまで。
その手順は、以前、くわしく実況しています。
画面ごとに、スクショで、追っています。
つまずいた所も、隠さず、書いています。

だから、ここでは、一から書きません。
こちらを、見ながら、進めてください。

※アカウントの登録や、パスワードは、ご自身で。
記事の通りに進めれば、大丈夫です。

【ひとつだけ、心の準備を】

その記事で、僕は、少し、つまずきました。
先に、自分の手で、控えの箱を作ったのに、
AI Studioが、別の新しい箱を、作ってしまったのです。

でも、それで、良かったのです。
一度、自分で箱を作ってみたから、
「箱とは何か」「Private（自分だけ）はこう選ぶ」が、分かった。
中身を知ってから、ボタンを押す。
その安心が、次から、効いてきます。

だから、もし同じことが起きても、あわてないで。
それは、失敗では、ありません。

【送る画面は、こう進みます】

ここからは、送るときの、画面です。
むずかしく見えても、押す所は、少しだけです。

つなぐと、この画面が、出ます。
「A new GitHub repository will be created」。
新しい箱を、作りますよ、という意味です。
「Create new repository（新しい箱を作る）」を、押します。

名前を、つけます。僕は、Clinic_Web_Note にしました。
下の「Visibility（誰が見られるか）」は、
かならず「Private（自分だけ）」を、選びます。

丸が、黒く入っていれば、大丈夫です。
（★ここが、山場です。Publicは、世界中に見えます。）

箱ができると、送る前の画面に、なります。
「Sync status」に、送る準備ができた、と出ています。
一言メモ（Commit message）は、AIが、もう書いてくれています。
そのまま、下の「Push changes to GitHub（送る）」を、押します。

送り終わると、みどり色に、変わります。
「GitHub & Google AI Studio are currently in sync」。
GitHubと、AI Studioが、今、そろっています、の意味です。
これが、送れた、しるしです。

念のため、GitHubのサイトでも、見てみます。
（さっきの画面の、右上の矢印マークから、開けます。）
中に、ファイルが、まるごと並んでいます。
brandbook / public / src / index.html / clinic.js …
これが、見えれば、控えは、完成です。

【今日は、ここまで】

これで、3ページが、GitHubの棚に、控えられました。
見た目。中身。そして、控え。
これで、三つが、そろいます。
やっと、安心して、使えます。

次回は、いよいよ、公開です。
このGitHubの棚と、いつものCloudflareを、つなぎます。
一度つなげば、送るたび、勝手に公開されます。
ドロップの手作業も、いらなくなります。

むりなく、安心して、少しずつ。

【今日のひとこと】

最後に、余談を1つ。
「控えを取る」なんて、地味な話でした。
でも、控えが、あるだけで、こわくなくなります。
思いきって、直せる。だめなら、戻ればいい。
守りが、あるから、攻められる。
これは、診療でも、同じかもしれません。

【お許しください】

このシリーズは記事によってはClaudeというAIに手伝ってもらっています。 （Project機能を使って） したがって、間違いが残っているかもしれません。 気づかれたら、そっと教えてください。 ＊皆様もProject機能お試しください

【このシリーズ】

【NYAUWプロジェクト＆姉妹連載のマガジン】

🌏渡々是世間

https://note.com/teyede1972/m/m8d3d2ec868f9

⌨️分々是StreamDeck

https://note.com/teyede1972/m/m2103e34a5c18

💬刻々是患者さん説明

https://note.com/teyede1972/m/m32699e71dbbd

💊日々是疑義照会

https://note.com/teyede1972/m/m1e631f16a09f

🔁折々是紹介逆紹介

https://note.com/teyede1972/m/m4668c2a272b3

🍱旅々是学会飯

https://note.com/teyede1972/m/mcb9c12317b94

🏥行々是クラウド総合病院

https://note.com/teyede1972/m/m9dc07b23cf91

今日はここまで