WordPress

WikiPediaの情報によれば、世界のWebの43%はWordPressで作られているそうです。オープンなソフトがこれだけのシェアを占めたというのはLinuxと並んで双璧でしょうね。凄いです。
WordPressは、2003年に二人のオープンソースの作者が、当時メイジャーだったMovable Typeを改良するため開発され、その後、2000年代始めのWeb2.0、続くSNSなどインタラクティブなサイト、新たに登場したスマホ中心の世界など相次ぐインタネットの大きな変化に的確に対応してきた結果、Web作成の半分のシェアを持つソフトになったということのようです。


これはWikiPediaの「WWWの歴史」からのグラフです。世界のインターネット上のホスト数は、ご覧のように、1995年のWindows95の登場から増加が始まり、Web2.0の進行に伴ってますます急増。綺麗な放物線を描いて増加しています。


WordPressはこの急速な増大の流れにうまくのってユーザ数を拡大してきたということなのでしょう。僕はこの間、ずっと自前でHTML/CSSを書き、フリーのCGIを使い、自分のサイトを運用してきました。WordPressについては、Webの作成も出来るCMSソフトとして、存在は承知していたのですが、横目で眺めているという感じでした。
最近、同じようなデザインで、スマホ対応するサイトが一杯あるなと気がつき、調べてみたら、多くはWordPressをベースに作成されてるようです。面倒くさそうな(^^;;;CMSソフトが、いつの間にかこんなに跋扈しているとは知らなかった。


世界のCMSのシェアです(出典はこちら)。ご覧のようにWordPressが他のソフトを引き離し、圧倒しています。


これは日本語のWordPressサイトのキャッチフレーズブロックです。

WordPressが、インタネットで情報を公開するための様々なニーズに応えていることが、良く分かります。ホームページとしての情報の公開、ブログ/SNSなど投稿、スマホ/タブレットなどのデバイスへの表示(レスポンシブ対応)、セキュリティの確保、サイトのアクセス状況をとらえるためのSEO機能、リモートでのサイトの更新などインタネットの新しい世界に対する必要十分な対応がされています。

という訳で、最近、WordPressを使い始めました。


インストールは簡単でした。前回このブログで紹介したシンクラウドXfreeにインストールしまた。サーバーパネルからWordPress簡単インストールのメニューを選び、新規インストールのボタンを押す。サイト名などを入力し、実行するだけで、イントールは完了します。

早速、操作パネルから弄ってみました。いいですね。使い方は分かれば簡単。PHPも初めてですが、Webプログラミングには良さそうです。これなら、Web世界を席巻するのも無理はないとと思いました。

ただ、「使い方は『分かれば』簡単」と書きましたが、この『分かれば』という部分が結構大変です。


これはWordPress(日本語版6.4)をインストールし、ログインした時に表示される画面の一部です。


スマホの場合はこんな感じ。


スマホで操作メニューを表示しました。パソコンの画面左側になります。

このメニューを使います。
ブログの投稿であれば、「投稿」ボタンをタップ/クリックし、記事の内容を入力。入力が終わったら公開すればよい。
ホームページの作成であれば、「固定ページ」ボタンをタップ/クリックし、ページの内容を入力。入力が終わったら公開すればよい。
記事/ページのデータは、Gutenbergというブロックエディタを使い、入力する。このエディターの使い方はマニュアルよりこのページの方が分かりやすいです。

インストールしたままであれば、ディフォルトではTwenty Twenty-Four というテーマが指定されているので、そのデザインでページヘッダー/フォター、サイド画面が作成され、入力した内容を含めて表示されます。

デザインを変えたければ「外観」ボタンをタップ/クリックし、好みのデザインのものを選ぶことが出来ます。
また、「プラグインボタン」ボタンをタップ/クリックし、適当なプラグインを設定することで、ブロック編集、セキュリティ、SEOなどの機能を追加することが出来ます。

問題なのはこの辺りの操作方法がWordPressのマニュアルを読んでも良く分からないことです。オープンソース系のソフトに共通する課題ですね。
テクニカルな正確さを重視するあまり、基本的な部分の記述が甘くなり、「何をどうすればいいのかさっぱり分からぬ」ということになっています。
解決策は、トライアル&エラーでいろいろ試してみるか(^^;;;、インタネットでちゃんとした解説をしているサイトを捜すしかないです。

スマホの普及に伴い、物販、旅行、サービス、金融など様々な分野でインタネットを使い、情報提供/取引を行うことが必須となっています。これに伴い、企業や商店が自前のサイトを構築することが当たり前になりました。
先に示した世界のインターネット上のホスト数の急激な増大はこの結果を反映したものです。WordPressはこの分野で使われることにより、シェアを圧倒的に延ばしたのでしょう。
テーマ(外観)やプラグインの多くがこれらの目的で使われるものです。従って、商用のものが大部分です。
この本体はオープンソースであるが、周辺(テーマやプラグイン)は商用ソフトという点が、フリーでWordPressを使う時に、使い方を難しくしている点だと思います。
ビジネスの世界でプロが使うソフトだから、操作方法の丁寧な解説は不要ということです。

WordPressはPHPで作られています。これもプロからみれば有り難い仕組みです。気に入らない部分があれば、簡単に手を入れることが出来るので。
このPHPをどのようにいじり、デザインを変更するか書く予定だったのですが、ここまで書いてようやく本論に入る準備が出来たということになります。先は長そうですね(^^;;;。
Free Web Hosting
このサイトはAwardSpaceというドイツのサーバに置いています。


去年、ボランティアで手伝っている藤沢市パークゴルフ協会のサイトを立ち上げる時ここを見つけ、今年、自分のサイトもAwardSpaceに移行させました。

わざわざ海外のAwardSpaceを使う理由はフリー(無料)で、広告無し、CGI/Perlが使えるホストが日本国内には無かったからです。CGI/Perlにこだわる理由はkentさんのブログと掲示板を動かすためです。


AwardSpaceは2004年に設立され、会社は Germany, Schauenburgerstr. 116, 24118, Kiel ドイツの北側デンマーク近くにあります。キールはドイツ北部の港町です。
会社はドイツのローカルな場所ですが、活動はグローバルでニューヨークやロンドンに連絡先があります。


「Free Web Hosting with CGI and Perl」というこのページを参考にして選びました。この表は良く出来ていると思いますが、上位のサイトはフリーのサービスを停止しているところが多く、結局、使えるのはAwardSpaceだけでした。

AwardSpaceは、
①問題のあるサイトへのリンクを含むページや画像以外のデジタルデータがアップ出来ない、
②多少遅い、
③ディスク要領が最大250MB、
④一月の最大転送要領が5GB、
などという制約はありますが、使い勝手は良く、愛用しています。

さて、ここからが本題です。
藤沢市パークゴルフ協会(FPGA)のサイトですが、2019年からスタートしています。マイクロソフトのホームページ作成ソフトを使っていたました。このソフト、古い設計なので、でレスポンシブ対応(スマホ画面への対応)は出来ないソフトでした。
仕方がないので、htmlとcssを直接書くという方法で対応しました。


こんな感じで、古いサイトの画面をそのままレスポンシブ対応させただけです。従って、古くさい印象になってします。


これが同じトップページのスマホの画面です。確かにレスポンシブ対応され文字は楽に読めるのですが、デザインはいまいちです。
WordPressを使い、気の利いたテーマを選べば、お洒落な画面に出来るとは知ってはいますが、AwardSpaceでWordPressを動かすのは有料なのですよね。


無料のプランがなくて一番安いコースで、月25セントかかる。
この程度、個人だっら払ってしまいますが、金が無い趣味の団体となるとそうはいかない。


しかし、最近、日本のXserverがフリーのWP用スペース(シンクラウドXfreeという)のサービスを提供開始していると知りました。


ここだと広告無しでサイトをおくことが出来、perl/cgiも使えて、更にフリーでWordPressが使えるようです。容量は10GB、転送容量の制限無しと完璧です。


ここに入会するための手続きを案内したページがあります。やってみましたが登録は簡単ですね。
引用した図(ページ)にあるように3カ月置きに契約更新しないといけないのが、ちょっと面倒ですが、まあ仕方がないでしょう。

しかし、無料で広告無しのサーバースペースの人気は高いようで、只今、受け付けは一時的に中断しているようです。


実は僕が登録しようとした時もこの状態で、10月中旬に入会は停止していて、10月末まで待たされました。今回は、再開は12月からということですが、多少伸びるかもしれませんね。無料サーバー割り当てるスペースよりビジネス用の割り当てが優先するでしょうから、仕方がないでしょう。
登録する時に注意する必要があるのは個人事業者や規模の小さな趣味の団体の場合、法人としての資格をもっていないと個人で登録という扱いになることです(有限会社なんか場合はどうなるのですかね?)。FPGAの場合はとりあえず僕が登録したFPGA用のgmailメールアドレスと住所で対応しました。まあ、怪しいことをやるわけでは無いので(^^;;;、問題はありませんが。

FPGAサイトのAwardSpaceからXserverへの移行は2段階で行う予定です。第1段階はAwardSpaceの現行サイトをそのままXserverに持ってくる。その後、第2段階としてWordPress化する。という段取りです。

第1段階はあっさり完了。去年レスポンシブ対応させた時は2カ月近くかかったので、楽でした。html、css、画像などを移行し、kentさんのCGIの動作確認をするのがメインなので、当然ですが。
ちょっと手間取ったのはCGIが扱うデータのサイト内の一部のURLが絶対アドレスで表現されていることでした。Grepの置換機能を使い、手間を省くという作戦で対応しました。

この二段階移行で要注意なのはpublic_htmlフォルダーが以下のような構成をとることです。


public_htmlのrootはWordPressのrootとなり関連のシステムファイルやフォルダーが置かれます。そして、public_htmlのfpgaというフォルダーにAwardSpaceのpublic_html下のフォルダーとファイルが配置されます。
従って、第1段階のトップページは
http://fpga.atwebpages.com/index.html
から
https://cf365555.cloudfree.jp/fpga/index.html
と変わることになります。古いトップページはredirect用のページに入れ換えられます。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>転送</title>
<meta charset="utf-8">
<meta http-equiv="refresh" content="0;url=https://cf365555.cloudfree.jp/fpga/index.html">
</head>
<body>
...
</body>
</html>


cgiの場合はもっとシンプルで
#!/usr/bin/perl
print "Location:https://cf365555.cloudfree.jp/fpga/....";
exit;

となります。

第2段階のWordPressへの移行は試行錯誤しているところですが、大変ですね。

WordPressはオープンソースでフリーに使えますが、テーマとプラグインはほとんどが有料。金の無い趣味の団体には辛い環境です。html/cssやphpを直接操作すれば、なんとか出来るかなと考え、悪戦苦闘中です。この辺りは次回に。
Web Hosting(レンタルサーバ)
6月になって、mimizuサイトのアクセス禁止状況がどうなるかなと興味深々でチェックしました。
前回、ご紹介したように、停止となったサイトには、次のような文面が表示されていました。

Or you can wait till the beginning of the next momth when th data traffic counters will be reset and your website will be visible online again.

結果ですが、AwardSpace の Web Hosting の仕様通りで、ちゃんと見られるようになりました(^^)。

本題に戻ります。タイトルの「Web Hosting」とは、このAwardSpace のサービスの英語の表記です。
「これ、日本語訳はどうなるのだろう ?」と考え、Bing AIに聞いてみました。

質問 : Web Hosting の日本語訳を教えて下さい。

お答え : 「Web Hosting」の日本語訳は「ウェブホスティング」です。

さすが。賢いAI。答えられないことは、答えないで、答えることができるのね(^^;;;。ビックリしました。
そこで、質問を変えてみました。

質問 : Web Hostingの意味を教えて下さい。

お答え : 「Web Hosting」は、ウェブサイトを構成するファイルがWebサーバー上にあるときに発生することです。¹ ウェブホスティングは、ISP (Internet Service Provider) などが提供するサービスの1つで、サーバーや接続サービスなどを提供することを指します。² ホスティングとは、サービス事業者がWebサイトを公開するためのサーバーや接続サービスなどを提供することを指します。³

ソース: Bing との会話 2023/6/13
(1) ウェブサイトホスティングとは何ですか? 定義-eコマース .... https://ecommerce-platforms.com/ja/glossary/what-is-website-hosting.
(2) 【初心者向け】Webホスティングとは?分かりやすく解説 .... https://kaigaiblog.com/what-is-web-hosting/.
(3) ホスティングとは?基本的な仕組みと代表的なサービスを紹介. https://meetsmore.com/product-services/rental-server/media/123369.
(4) ホスティングサービスとは?機能や提供される内容を徹底解説 .... https://it-trend.jp/hosting/article/explain.
(5) ホスティングとは?意味・種類・違い・サービスを解説 | BOXIL .... https://boxil.jp/mag/a2442.


だそうです。今度は優等生的答えでした。なかなか、やりますね。立派。

なるほど。リンク先の記事を読んでみました。ウェブホスティングという言葉はまだ一般化はしていないようですね。レンタルサーバという言葉はあって、これは僕が使っていたサクラサーバなどでも使っています。
今回、レンタルサーバー(Web Hosting)をsakura(有料) から AwardSpace(free) に変えました。

サクラサーバー


AwardSpace


それぞれのサーバーについては、ロゴをクリックすると表示されるリンク先のページを参照して下さい。サクラサーバーではWeb Hostingのことをレンタルサーバーと表記しています。この方が分かりやすそうです。

それで、話を戻して、有料の日本のレンタルサーバから下の無料のWebHostingに移行したので、一カ月の最大転送容量が5GB以内といういう制限に引っかかったという訳です。

20年位前だと無料でサーバスペースを貸し出すサービスは日本国内にもかなりあったのですが、少なくなりましたね。以前は、たいていのプロバイダは自前のサイトを開設するためのサービスを提供していたのですが、これもほとんど無くなったようです。

今や、CGIやSQLが使えるFreeのWebHostingは海外にしかありません。
AwardSpaceはその手の太っ腹のサービスの一つでドイツの会社です。ただ、グローバルに展開しているようで、従って、Freeのメニューを用意して、顧客を取り込むという戦略がとれる。この辺りが、日本だけのSakuraインタネットとは異なるようです。名前が「サクラ」では、グローパル展開も出来ないでしょうね(^^;;;。

日本でも無料でホームページを開設するだけなら、様々のテンプレートと Web Builder を用意したサーバーサービスが多数あります。

WIX


JIMDO


どちらもトップページの先頭部分です。スナップショット画像はそれぞれのサイトにリンクしてあります。
ご覧の通り、スマホへの情報提供サイトを簡易に(無料で)立ち上げ、本格化させ、顧客に取り込むという戦略で構築されたサービスですね。Bing AIを使い、もう少し調べてみました。

質問 : ジンドゥー とはどんな会社ですか

回答 : Jimdo(ジンドゥー)は、WYSIWYGWebホスティングサービスで、ドイツ・ハンブルクにあるJimdo GmbH社によって運営されています。日本語版はKDDIウェブコミュニケーションズが協業パートナーになっています。


質問 : WIXは何処が本社ですか。日本で経営している会社は何処ですか。

回答 : WIX の本社所在地はイスラエルのテルアビブにあります。日本支社は東京にあります。


質問の仕方を工夫していますが、立派なお答えです。表示されたリンク先も適切でした。
Bing AI 見事なものです。

ここでも日本はやられっぱなしです。厳しいなぁ。
何れにしても、これらのサービスでは、html、cssを直接記述してサイトを立ち上げるということは出来ません。

僕のように、4半世紀前から、プライペートなサイトを開設、運営してきた人間には、こういうWebサービスの変化は感慨深いです。スマホによって、インタネットが誰にでも当たり前のものになったことが良く分かるという意味で。
今や、皆が電車の中でスマホの画面しか見ない時代なのだから、テレビも、雑誌も、新聞も、いらない。全てはネットワークの中にある。仕事も、遊びも、仲間との会話も、全部ネットワーク、となったのですねぇ。

これに ChatGPT が入り込んできたら、世界はどう変わるのだろうか ???
興味津々ですね。

まあ、僕は、今更、時代に合わせて生き方を変えるつもりはないので、HTML/CSSとCGIの世界で遊び続けるつもりです(^^;;;。

Is 5GB bandwidth enough for a website?
タイトルは Quara の FAQ のようです。回答は明快で、

It depends on the nature and usage of the website. Generally speaking, 5GB of bandwidth is enough for a small to medium-sized website with low to moderate traffic. However, if the website includes large files such as videos, images, or audio, or if it receives high traffic, 5GB of bandwidth may not be sufficient. It's always best to consult with a web developer or hosting provider for specific recommendations for your website.

となります(Quara の模範回答を引用しました)。
「みみず工房」は "a small to medium-sized website with low to moderate traffic" なので、まさかこういう制限に引っかかるとは思いませんでした。

ところが、突然、こういうメッセージが表示されるようになりました。


「最初はサーバに何かトラブルが起きたのかな」と考えていましたが、一向に復旧しません。「どうなっているのだ」と調べてみたら、上掲画面の直前に黒字に白文字の画面が一瞬(1秒程度)表示されることに気が付きました。

Toiec以上の英文の超速読が必要なので、とても判別出来ない。何度か繰り返し、ようやくサーバーの利用者と訪問者に指定URLページの表示しない理由を説明しているようだと分かりました。
利用者には

容量がオーバーしたので、金を払うか、来月始めまで待ってね

訪問者には

このページはそのうち表示できるようになるかもしれないから、また来てね

と案内しているようです。

その後、スナップショットを撮れば、一瞬表示される画面をちゃんと見られると考え、
試してみました。


速読テストは正解であったようです。しかし、こういう重要な画面を、一瞬、表示させるだけというのは不親切ですね。これじゃ、速読のテストです(^^;;;。

さて、「ええと、容量は結構あったはずだけど」と考え、サーバーサイト(awardspaces)をチェック。


この画面右下の無料プランを使っています。従って容量は1GB/month。

「変だねぇ。動画とか音声は直接表示させていないので、1ページの容量はせいぜい100MB程度。一日300人来ても一月は持つはず」と考え、調べてみました。

アクセス数の多いブログと掲示板をチェックしました。こんな感じです。掲示板は以前書きましたがスパム投稿があるため、結構、アクセス数が多いです。


HTMLの大きさはそれぞれ35KB、68KBと問題なさそうです。画像などのデータはフォルダーの中に有るようなので、こちらもチェック。


これは掲示板のフォルダーの表示。HTML本体と足して約110KB。上記推定の範囲内でこれが原因ではなさそうです。スパムがDDoS攻撃化しているかと思いましたが、間違えでした。

次にブログのフォルダーをチェック。
「あれれ。何でこんなに大きいの」とビックリ。本体と合わせると4.5MBあります。アクセス数が200件を越えれば危険水域です。


JR9-ESKbep4.htm と js とファイルを足して350KBかなり大きい。しかし、これだけなら、問題になることはなさそう。
フォルダーの中を調べると サイズの大きい JR9-ESKbep4に対応した JR9-ESKbep4_dataというフォルダーがあります。これが怪しい。

JR9-ESKbep4_dataというフォルダーを開けてみます。


「おお、凄い」。要するに、YouTube動画を表示するためのJavaScriptフォルダーだったのですね。base.jsという2MBの超弩級のスクリプトがあります。プロパティを見ると全体で3.14MB。これが原因ですね。

JR9-ESKbep4 とは、この記事の二つ前の記事の冒頭においたBing AIを紹介する動画を表示するための、HTMLとJSのようです。
ブログにこの記事を掲載したのは5月8日。事件が発生したのは5月19日前後ですので、10日間でアクセス数が200件を超えたと考えられます。

というわけで動画をページ内で表示させるのは諦めて動画のイメージとリンクを表示させる方式に変更しました。
これで、620KB程度になったので、1GBなら1500アクセス対応できます。50件/日となりますので十分でしょう。

しかし、このブログの最初の投稿でも同じ方法でクルレンツィスの演奏のYouTube動画を表示させていました。


最初の記事を投稿したのが、3月20日。3月末に同じような事態になる可能性はあったのですが、①サイトを立ち上げたばかり、②検索のキーワード(「クレンツィス」と「Bing AI」)を比較すると「Bing AI」の方が圧倒的に検索数が多い、というような理由で引っかからなかったのでしょうね。

やっぱり、クラシック音楽はメイジャーじゃ無いということですねぇ(^^;;;。
音楽コンテンツの移転が完了しました
旧みみず工房の音楽コンテンツ(マンデルブロ曲、現代曲、古楽、バッハ、モーツアル、聖夜編曲など)の移転が完了しました。ブログページのヘッダー部分の「Music content available here」というリンクからアクセス出来るようにしてあります。
またこれに伴いサイドメニューのリンクの設定を変更しました。



「Music Content」 はヘッダー部分の「Music content available here」と同じページへのリンクです。
「みみず工房[旧サイト 2008-2022]」は旧サイトのインデックスページへのリンクです。
記事に関するリンクはそれぞれのインデックスページにリンクされています。
「不思議な音楽の部屋[1997-2004]」は全てのページは新サイトに移されていて、リンクは英語のインデックスページにしてあります。

「みみず工房[旧サイト 2008-2022]」のみ旧サイトにリンクしています。これは暫定措置で、暫く様子をみて、このリンクは削除し、旧サイトのページは全て新サイトの対応するページにリダイレクトさせる予定です。

スクリーンショットのRSSフィード機能は普通に使えるようですので、是非、ご登録ください。

- CafeLog -