巣穴クロニクル

初めてのCGI「（いつか）人工無能（になるかもしれない）BonoBOROT」が少し進歩した。テキストの表示だけから環境変数の表示、そして小さな掲示板をつけた。大変有難いお手本は次の二つのページ。
　・CGIその他-とほほのWWW入門　
　・掲示板をつくる-とほほのWWW入門
このページを見つけて飛びついてそのままコピーして使ってしまったが、本来は初歩から一通り学んだ上での復習や実践として扱うのがセオリーだろう。コピー＆ペーストしただけで解らないと悩んでいても上達しない。

　・Perl/CGI 300の技-とほほのWWW入門
ここを良く読むこととする。

フォームに入力したテキストをHTML上に表示する、ここが人工無能の第一歩だと思う。お手本にしたソースはその基本となるシンプルな作りで、これがしっかり身につけば目的に近づくのではないか。

サーバーをロリポップにしたら故障してしまった人工無能の解決策としてイチから自分で作るという無謀なことを始めた。始めたと言ってもまだまだ全然足をつっこむことさえできていない。見様見真似で簡単なHTMLを出力することはできた。

初めての自作CGI「(いつか)人工無能(になるかもしれない)BonoBOROT」

たったこれだけでもやれ文字化けだのやれ500エラーだの大騒ぎである。ダブルクォーテーションの直前にバックスラッシュを入れることをよく忘れる。文字化けの原因やなぜ直せたかがよく分からない。定番のファイル送信時のASCIIモードの確認やファイル保存や改行などいろいろ試すうちに直るのだが、どのタイミングで直ったか把握できていない。よく観察する習慣をつけたい。

文字コードの扱いは本当に分からない。ファイルを開くとき、記述するとき、保存するとき、いつどこでどうなるのかさっぱり見当がつかない。コードの中で文字コードを指定してもその通りにならない。

CGIのコードの貼り付けはCarbonというサービスを利用した。内容はともかくソレっぽくなって嬉しい。このブログにはどうしてもコードを貼り付けられない。コードを張り付ける作法を色々試してみても403エラーになってしまう。

私が人工無能に拘る理由は、やはり昔の個人ホームページに付き物のイメージがあってどうしても設置したい。いま話題のAIとも違うところが面白い。それから、とんでもない身の程知らずだと十分承知の上での話になるが、設置した人工無能のCGIは一つのファイルで動いていてソースもあまり長くない、だから内容を理解すれば自分でも作れるのでは…などと生意気なことを考えている。ソースが短くまとまっているのは技術力による賜物だろうとは思う。その方面のことは疎いがそう思う。それでも何だかゼロから挑戦してみたいのだ。

---

【文字コードの疑問】UTF-8で保存されたファイルをUTF-8を基本とするエディタでUTF-8として開くときに「このファイルはUTF-8であるがShift-jisに変換できない文字を?として置き換えた」と表示される。さっぱり理解できない。辛い。

---

【追記】「Vimで文字コードを指定する」　ここを読んで少し知恵がついた。

sendmailが使えるかどうか。試しにここにコメントがあったときにメールで通知される設定をした。宛先はGmail。ところがメールが来ない。と思ったら迷惑メールに振り分けられていた。しかもMail Delivery Systemからのメッセージ付き。ここのドメインのsendmailが認証されていないのでエラーだという（英文）。受信できないというのにコメント内容は含まれている。コメントがあったことが判ればそれで用は足りるが、まあ、改善しておく。

このエラーを解決するにはSPFやDKIMの設定が必要と書かれている。難しそう。ドメインのDNS TXTレコードを更新する作業は経験あるが全然理解していないのだ。うーん…。これはやめて他の手段を試すことにした。

sendmail専用のメールアドレスを一つ作ることにした。それをGmailではない他のメールアプリで受信させる。スマホで通知を受け取りたいのでスマホのOutlookにPOP3で追加した。このブログからコメントを投稿。メールが届かない。sendmailの設定に間違いは無い。試しにメールフォームのCGIのcheck.cgiをインストールしてチェックするとパスは通っている。何度やっても届かない。またしても迷惑メールに振り分けられていた。なんだ、ケアレスミスか。迷惑メールから外して再度挑戦。コメント通知メールは届くがOutlookの受信通知が鳴らない。通知の許可はオンなのに鳴らない。Outlookが指定している〝デフォルトの通知音〟という音声ファイルが無くて（？）無音だった。音が鳴らなくても通知ドットくらい出てくれてもいいのにそれも表示されない。難しいなあ。通知音を指定しなおしてやっとコメント投稿のメールをスマホで通知させるという目的を果たせた。

簡単なことのようでいても色々躓いてしまう。

このホームページをつくろうと思った切っ掛けはVDSLの終了に伴うものだった。プロバイダの契約変更のために契約内容を確認していたら個人ホームページ向けのサーバーレンタルオプションを見つけた。無料。無料ならということですぐに簡単なHTMLファイルをつくってアップしてみた。ちゃんと表示される。懐かしい！非常に懐かしい！！これに火がついてHTML手打ちの素朴な昔ながらのページを作りたくてうずうずした。胸がいっぱいになった。ふと、スマホで作れないか気になってFTPアプリやHTMLエディタアプリを検索するとスマホ向けにある。折しも機種変更で画面が大きくなったことだし…ということでスマホでホームページ作成を始めた。というのがそもそも。

慣れ親しんだSNSが不穏な様子もあるし個人ホームページがあっても面白いかもしれない。そこに根を張るのもいいかもしれない。そんな気分でこつこつやることに。内容がとくに思いつかず、とりあえず〝スマホで昔のホームページを再現する〟をコンセプトにした。ここに拍車がかかったのはインターネットアーカイブで昔のヤフージャパンを見て懐かしいホームページを目にしたことだった。


興奮した。やるしかない。テキストを表示して背景に壁紙を設定して中央ぞろえだのテーブルだのやるのが頗る楽しい。拙いながらも個人ホームページの形になった。

ここで再度、ホームページ作成に火が入る。私は手芸用の糸通しを若い頃からコレクションしている。最近はどこの店もだいたい同じ柄なので熱が冷めていた。ところがSNSで糸通しの話題がバズっていたのを目撃。手芸用品メーカーも一役買っている。そんなところから糸通しのページを作ることにした。そんなわけで「ぼのちょの巣穴」と「糸通しの小部屋」の誕生となった。

作っていくうちに欲が出てくる。プロバイダの無料サービスは100MBバイトまでしか借りられない。100GBでなく100メガバイト。すでに8MBを使っている。どこか有料のサーバを借りるか。サーバ借りるならドメインを取るか。どうする？サーバ借りると言っても知識の無い自分には良し悪しもわからない。古巣のロリポップとムームードメインで草鞋を脱ぐことにした。当初は「ドメインずっと無料」の高額プランの広告バナーに釣られたが年々のコストを計算してランクが一番低いコースをお試し替わりに契約した。ドメインは取得費用と更新費用に大きく開きがあって悩んだ。取得費用が数百円で済むのに更新費用が高かったりするのだ。取得費用は安くないが更新費用が控えめな〝.net〟を選んだ。

・ムームードメイン　bonocho.net　
.net　取得　1,848円　
.net　1年更新　1,848円

・サーバ　　ロリポップ
エコノミープラン(120GB)　
37か月　3,564円（1か月96円）

これがここの家賃。ロリポップの価格は今年2026年1月5日から値上げで、決済が4日だったので値上げ前の価格。容量が120GBもあれば御の字。すごい。データベースが使えないプランだけどこれで十分。1か月96円てタダ同然か。ありがたい。

ローカルで編集したファイルをアップロードしてからエラーに気づいても元に戻せないことがある。編集中のままエディタを開いていれば巻き戻してアップしなおしもできるが閉じてしまえばそれも叶わない。この頃は簡単な編集であればFTPクライアントの〝WinSCP〟上のエディタを使ってリモートのファイルを直接いじっている。動作に不具合がなければ編集したリモートファイルをダウンロードしている。バックアップの取り方が下手というか要領を得ない。なにかセオリーがあるのだろうけどその知識が無い。

パソコンで使っているエディタは窓の杜で落としたVimだ。高機能な〝普通の〟エディタだろうと高を括っていたらとんでもなかった。何にもできなくて手も足も出せない。難しい。初心者モードでようやく使えた。設定を変えるのも何日かかかったくらい。とにかく難しい。それでも乗りかかった船と思い、必死にしがみついて使っている。Vimの他に〝Crescent Eve〟というHTMLに特化したエディタもインストールしてあるが、こちらは文字化けをおこすので保留にしてある。私が文字コードをきちんと把握して正しい設定をすれば使いこなせるのだろう。今はそれができない。

Vimはあまりにも難しいのでやることなすこと失敗の連続だが、失敗の数が多いほどひとつひとつできることが増えていく。ウェブで初心者向けの解説を探してもプログラム知識があることが前提としての解説なので、そこに明るくない私にとってはほとんど解らない。初心者向けの設定情報があっても、その設定を変更する方法を知らないのだ。そもそも設定ファイルに文字を入力するのも保存するのもできなかった。そのうち管理者権限で設定ファイルを開くことと設定を入力する画面の見方がわかった。やっと設定を変えることができた。設定を変えると言ってもコード（コマンド？）の入力なので慣れない。

そうこうするうちにぼんやりと仕組みを捉えつつある。今使っているノートパソコンにはマウスが無いので、このVimに慣れるのが良いような気がする。うまく慣れるのか不安であるが。

話を元に戻すと、Vimでファイル編集するとundoファイルとバックアップファイルが自動で生成される。このファイルがあれば編集終了後も後々さかのぼることができるんだそうな。ただ、その生成先ディレクトリがファイルと同じ階層なのだ。フォルダに10のファイルがあれば、そこにundoとバックアップファイルがそれぞれ10ずつ合計20のファイルが増えてしまう。FTPクライアントの画面が大変なことになってしまう。拡張子をまとめて隠しファイルにしようとしてもできず。これに困っている人が世の中にいるということは拡張子ごとに隠しファイルにできないのかもしれない。これらの保存先を指定する設定があると知って試してみたが上記の通りえらい大変だった。設定変更のコマンドを間違えてばかりで四苦八苦してやっと設定変更を通すことができた。…のはずだが、保存先に指定したフォルダにファイルが生成されていない。ホームページに使うファイルと同じディレクトリには生成されなくなった。もやもやするけどひとまずよし。