【開業医院長先生：いつでも引っ越せる、ホームページ】4️⃣「持ち出せる形を、並べてみる」

※この記事は、パソコンが苦手な先生のために、いちばんやさしく書いています。
※むずかしい言葉は、初めて出たとき、すぐ横で、そえ書きします。

【前回はこちら】

【先に、結論をお伝えします】

引っ越しは、荷造りで決まります。

ふつうの段ボールに入れた荷物は、どの家にも運べます。
特注の箱に入れた荷物は、その箱を作った会社の家にしか、入りません。

ホームページも、同じです。
持ち出せる形で持っておくと、引っ越し先を選べます。
今回は、その「ふつうの段ボール」を並べます。
最後に、5つの練習を用意しました。

【物差しは、1つだけ】

メモ帳か、無料のソフトで開けるか。

開ければ、どの道具にも、持っていけます。
開けなければ、その会社の道具が、必要になります。

【診察室の中身を、持ち出す形】

3回の、部品③です。
文章と写真を、どんな形で持てるか。

文章は、文字だけのファイルです。
ほとんどの道具が、読めます。

写真は、JPGやPNGという形です。
どこへでも、持っていけます。

診療時間やスタッフ紹介の一覧は、CSVという形です。
CSVとは、文字だけで書いた、表のことです。
表計算ソフトでも、開けます。

お知らせ（ブログ）は、WordPressなら書き出せます。
別のWordPressには、移せます。
ほかの仕組みへ移すときは、変換が要ります。

資料は、PDFです。
見かけは保てますが、直しにくい形です。

Wixの中身を、どこまで書き出せるか。
これは、Wixの仕様で決まります。
仕様は、変わることがあります。
確かめてから、別の回で書きます。

【内装を、持ち出す形】

部品⑤の、内装です。
見かけとは、色や並び方のことです。

文字や写真だけでは、これが持てません。
見かけまで、一緒に持てる形があります。
HTMLです。

HTMLとは、ホームページを書くための、決まった文字の形です。
いま、とても通りのよい形です。
ほとんどの置き場所で、動きます。

「HTMLが一番」とは、言いません。
僕がやっている、一例です。

正直に書くと、直し方は、AIに言葉で頼む形になります。
細かいところは、やり取りが要ります。

逆向きは、前に試しました。
手元のHTMLを、Wixに貼る形です。
箱の中に表示される形でした。

【設計図は、どこに置くか】

3回の、部品④です。
設計図とは、ホームページ全体のコピーでした。
置き場所は、2つあります。

1つ目は、手元のパソコンです。
2つ目は、GitHub（ギットハブ）です。
GitHubとは、作ったものを預けておく、ネットの棚です。

GitHubには、よい点があります。
直した記録が、残ります。
間違えたら、前の状態に戻せます。
パソコンが壊れても、棚に残ります。

気をつけたい点も、あります。
GitHubも、1つの会社のサービスです。
だから、手元のパソコンにも、1つ持ちます。
「代わりを1つ言えるか」は、GitHubにも当てはまります。

もう1つあります。
WordPressは、文章をデータベースにしまっています。
データベースとは、文章をしまっておく、別の倉庫です。
GitHubに置けるのは、主にファイルです。
HTMLで作ったサイトなら、全体を置けます。

そして、患者さんの情報は、置きません。
棚（レポジトリといいます）は、かならず「Private（自分だけ）」にします。
「Public」は、世界中の人に見えます。

手順は、すでに書いています。
画面ごとに、つまずいた所も書きました。

アカウントを作るところから。

ホームページ3ページを、棚に送る回。

次の練習でも、順番に案内します。

【練習は、5つです】

読むだけでは、手が覚えません。
1つずつ、ためしてみてください。
途中でやめても、大丈夫です。

（＊でも記事は連続していないので余計に混乱すると思いますので　正直に言うと、シリーズ全体を読んだほうが混乱しません。結局早いです）

手順は、僕の記事に任せます。

① 文章を、メモ帳に貼る

ホームページの文章を、1段落、メモ帳に貼ります。
貼れれば、持ち出せる形の第一歩です。
貼れなくても、大丈夫です。
貼れない、と分かることが、収穫です。

② HTMLを、1ページ作る

AIに頼んで、1ページだけ作ります。
自分のパソコンに、保存するところまでです。
この記事が、参考になります。

https://note.com/teyede1972/n/n27df4b287eef

③ GitHubの棚を、作る

アカウントを作り、Private（自分だけ）の棚を作ります。
画面ごとに、つまずいた所も書いています。

④ ページを、棚に送る

②で作ったページを、棚に送ります。
この記事では、3ページを送っています。
1ページでも、同じ流れです。

⑤ もう一度、控える

直したあとで、もう一度送ります。
2回目に慣れると、控えが習慣になります。

5つとも、やる必要はありません。
①だけでも、十分です。

【次回は】

次回は、見かけと中身を、分けて持つ話です。
分けて持つと、見かけだけ替えられます。
中身だけ、別の置き場所に移せます。

【今日のひとこと】

最後に、余談を1つ。

荷造りは、面倒に見えます。
でも、荷ほどきが、楽になるようです。
（＊AIが全部やってくれますので　上の練習①－⑤も一旦無視してもらってOKです）

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

【このシリーズ】

いつでも引っ越せる、ホームページ（PHPの穴から始まる連載）（note マガジン）

【ここも、見ていただけるとうれしいです】

とりあえずWebサイト簡単に

K先生！3年後に読んで下さい【Google AI Studio Build】

【お許しください】

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

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

🔒密々是ローカルAI
https://note.com/teyede1972/m/mc5d37f1656b6
🌏渡々是世間
https://note.com/teyede1972/m/m8d3d2ec868f9
⌨️分々是StreamDeck
https://note.com/teyede1972/m/m2103e34a5c18
📝声々是カルテ文字起こし
https://note.com/teyede1972/m/m099f5117f6f7
💬刻々是患者さん説明
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

今日はここまで