「このページについて」(以下aboutページ)の更新しました。

　以前、収益云々を書いたのでそれに関する変更のついでに、もはや一体いつの技術で作られたかわからないこのaboutページを見た目そのままにHTML5準拠のHTMLにしました。

　こんな感じに変わっています。上画像がレンダリング後のBefore → Afterで、下画像がHTMLファイルのBefore→Afterです。
　レンダリング後の見た目は殆ど変わってませんが、HTMLソースとしては割と綺麗になったんじゃないかなーと思います。

HTMLソースはキャプチャ後に、W3C Validatorでエラー修正したため現在と完全に同一ではありません。

　ほぼ見た目そのままに移植できていますが、ページの1番上はHTML5にしてからは<h1>タグに統一してるので、ページトップに関しては旧来と比較するとレイアウトのズレが出てきてしまっていますね。

　私のサイトは全体的に文字装飾の種類が少ないです。そのためCSSの書き方を工夫すれば4〜7割のHTMLタグは置換でリプレースできてしまっています。
　工夫とは例えばCSSに下記のようなセレクタを書いておくと、前者は<p align=”center”>を<p class=”center”に置換するだけで同じような効果が出るようになります。後者は<b>を<span class=”bold”>で置換すれば大体OKです。まぁfontタグに色々入ってると手動で書き換えざるえませんが。
　この方法はもしかしたら邪道かもしれないですが、とりあえずValidaterは何も言ってきませんでした。

p.center{
	text-align: center;
}

span[class*="bold"]{
	font-weight: bold;
}

　HTML5準拠に直してるのはCSSでレイアウト調整などをするほうが表現が多彩で楽ですし、継続利用するメリットが無い古い技術を使い続けるのが嫌だからですねー。
　デザインが前世紀そのまんまなのは半分はこだわり、半分は新しいレイアウトや配色を考えるのが面倒臭いからですね。

　前者のこだわりというのは古いサイトのように見えて中身は現代のものを使うことですね。スチームパンク的なやつです。まぁ謎のこだわりですね。古いこと自体は装う必要もない事実ですが。
　後者のレイアウト考えるの面倒くさい問題ですが、実はこのサイトは一応オリジナルデザインです。まぁ実際は何も考えずに書き殴ったに近いんですが、古いながらも割と完成されているので考え直すのが面倒なんですよね。というかフォーマット考えるぐらいならCMSにしてますしね。
(※トップのカウンタの画像は素材集です。)

　HTML5云々と書いてますが、HTML5自体は2021年にとっくにオワコンで、今はHTML Living Standardが現行なことは実は知ってます。
　ただ、Living Standardに関しては今の所Validatorが見当たらないのと、どのみち古いコンテンツはHTML4すら怪しいです。また、特に凝ったことしてないので、HTML5とHTML Living Standardに差分があってもそんな簡単に抵触しねーだろ、と思ってるのでとりあえず5準拠ということでまぁいいやってなってます。

　この準拠作業はMy Computersでは何回もやりましたが、意外と地味に面倒くさいです。なので更新する予定の無いページや調整面倒くさいページは放置しています。
　実際、My Computersでも廃棄済機や引退機はマシン同様、HTMLも放置プレイですね。

　米国時間だと明後日の06/15にIEことInternet Explorerが27年の歴史に幕を下ろすようですね。

　私はあんまりIEを使っていなかったので強い思い入れはありませんが、初めて使ったWebブラウザはIEでしたし、IE4でOSに組み込まれたActive Desktopは結構な衝撃だった記憶があります。
　あんまり使ってなかったのは、レンダリング遅いのとウイルスの感染リスクが高いが嫌だったから避けていたと言う感じですね。昔は割とアンチMSでしたが、その割にMac 版のIEは割と普通に使っていました。
　最初のレンダリングの遅さは下記に示すとおりジョークにもなってます。

What are we? BROWSERS!
「我々は何(者)だ？」「(Web)ブラウザだ！」
What do we want? MORE SPEED!
「我々が欲しいのは何だ？」「(もっと速い)スピードだ！」
And when do we want it? RIGHT NOW!!!
「それが欲しいのはいつだ？」「今すぐだ！！！」
Browsers!
IE:「ブラウザだ！」

　上記の風刺はそもそもWhat are weっていうミームがあって、その派生らしく画像がいくつかあります。私は貼ってる画像が1番好きですね。全て終わった残念な雰囲気の中、IEが思い出しかのようにBrowsers!って言ってるニヒルな感じがたまらないです。

　まぁそんな感じでIEが消えること自体はそんな感じでそれほど感慨深いわけでもありませんが、レンダリングエンジンのモノカルチャー化が一層進むのはやや懸念を感じます。

　IEはTridentというレンダリングエンジンを使ってます。
　他のエンジンとしてはChrome系が「Blink」、FireFoxは「Gecko」、Safariの「WebKit」があります。というかマイナーなヤツや何使ってんだかわからないのを除くとこれでほぼ全部です。
　このうちIEが開発終了になることでTridentという独立派閥が丸ごと消えることになります。後継のChrominum EdgeはChrome系なのでBlinkですね。

　Trident派閥が消えると、世の中のレンダリングエンジンは大勢としてはGecko系とWebKit系、Blink系のほぼ3種類しか残らないというかなり寡占化が進む状態になります。
　ちなみにこの中でシェア大きいのはBlink系ですね。

　レンダリングエンジンの減少はサイト作る側としては考慮するブラウザが減るメリットはあります。ただ、競争が無い状態はユーザにはあまりメリットがあるとは思えませんね。
　寡占化が進んでもこのまま1社に寡占化が進むと、かつてIE6であったように独自仕様が蔓延る下地になるリスクを孕んでるなーと感じます。
　現状のGoogleはMSほどはエゲツない感じではありませんが、目指してるところはそんなに変わらない気もしますしね。

　どうでもいいですが、私はNetscapeからのMozilla派です。どっちも昔は一世を風靡してたんですけどねぇ。

前回の続きです。

　3つ目の理由は平たく言うと収益化です。「結局お前んところも結局金か！」というとまぁその通りです。負けた気がしなくもないですが、先立つものは必要です。
　ただ、私自身は広告をべたべた貼ってるサイトは好きではないので、一体何が主コンテンツなのかわからない所謂アフィカスサイトのように露骨にやる気は無いです。レンタルサーバ代とドメイン代ぐらい稼いでほしいかなってぐらいです。特に後者ですね。

　本当はあわよくばAdobe CCが契約できるぐらい金が入って、タグ打ちのめちゃダルいHP更新なんかやめて効率的にHP作れるようにしたいとは思ってます。
　でも、このサイトのこのモットー(一般受けしないものをあなたに)でPVを伸ばすのはそもそも難易度高そうなので、運営費ぐらい捻出できればいいかなぁと思ってます。

　運営費が云々というは出費が厳しいと言うより、ドメイン代が右肩上がりなのが気になってます。このサイトの運営費はこれ以上の費用削減は難しいので放って置くと費用増大しかしないですからね。
　宣伝する気は1ミリもありませんが、ここで使ってるValuedomainとxreaはドメインもレン鯖も業界最安ではないものの(付帯サービスを考慮に入れなくても)かなり安い部類です(※)。特にgTLDドメインは昔から安くて、gTLDはValuedomainより安いところを探すのは難しいぐらいです。

　でもドメイン(gTLD)って毎年ではありませんが、実はじりじり値上がりしています。例えば、このサイトで使ってるドメインの「.com」は2008年当時(yuaiho.server.ne.jpからの移転当時)は990円でしたが今は1,580円です。
　これは昨今の円安の影響ではなく、そもそもUSDベースでも値上がりしています(21枚目参照)。値下がりするような要素も見当たらないので今後も値上がりが続くと思います。

　ちなみにレン鯖はXREAの有料プランで月200円、年間2,400円です。MySQLやLet’s Encryptをタダで使えること考えると乗り換えるモチベーションは無いですね。
　VPS/自宅鯖は・・・とてもやりたくないです。レン鯖は鯖の帯域維持費管理コストもろもろを200円で丸投げ出来て、自分はWeb部分だけに集中出来ます。
　WebサーバはYuaiho17ぐらいのPV規模だと、アタックログほうが多いぐらいで、静的コンテンツメインのHP公開の目的のためだけに宅鯖やVPSなんかやってられっかって感じですね。

　まぁ色々書きましたが、今後費用が右肩上がりにしかならないなら増える分は他で賄って欲しい。できればAdobe CCでもっと楽したい。3つ目の理由はそんな感じです。

　広告は載せるなら広告であると明示する方針です。

前回の続きです。

　2つ目の理由は1つめにも関係しているんですが、更新ダルからとコンテンツ作るのサボってネタが風化していくのがもったいないので改善したいと思ってました。

　更新履歴見るとめちゃくちゃ更新サボってますが、ネタ自体は日々溜まってて書きたいなーと思っているものは実は結構あります。でも、画像を編集して、手動で貼って、手動でタグ打って記事書くがゲロ面倒なので実は敬遠してました。

　ホームページなりブログなり記事は世間に公開して初めて意味を持ちます。つまり評価される資格を与えられるわけですね。まぁどう評価されるかは別の問題ですが、少なくとも公開されない内容は世の中としては存在しないと同義です。

　ここは「一般受けしないものをあなたに」がモットーなので、1000人に1人が探してる情報が提供できるならこのサイトはちゃんと価値がありますし、他のサイトが他と被ってる内容でも検証、別視点の価値ぐらいはあると思ってます。
　でも、それは公開されればの話なのでいつまでも温めてたら意味がありません。

　こんな感じで自分のほかに誰かの役に立つかも知れない情報を、自分しか知らないまま風化させてしまうのは勿体ないと思い、もう少し楽に情報出せそうなブログを始めてみました。まぁ今後どうなるかはわかりませんが。
　Twitterもありますが、これはとりあえず作ったもののこのあとどうしようかなと思ってます。

昨日の続きです。

　ブログ始めた理由の1つは、古いサイトの更新が極めてダルいことですね。
　つまりWYSIWYGで編集、つまりワープロライクでまともに作れなくなったのが面倒で仕方ないです。

　Yuahio17は前世紀(2000年)からあるサイトです。
　リニューアルは1度もまともにやったことはないので古い記事のHTMLは当然古いです。最古はクラリスホームページなんていう1997年製のソフトで書かれてます。HTML3というヤツです。HTML5ですらすでに規格としては終わってますからめちゃくちゃ古いですね。レガシー通り越してビンテージものです。

　そんなビンテージサイトを現行macOSにおいて、まともに編集可能で、安くて、WYSIWYGなHTMLエディタなんてありません。WYSIWYGのエディタ自体はあるんですが、ボロボロで使い物になりません。
　BlueGriffonはcatalina以降まともに動かないですし、HEXはcss認識しません。Dreamweaverは私にはちょっと出せないです。

　となると最後の手段として延々タグ打ちするしかありませんが、これがダルくて仕方ないわけですね。タグ打ち自体は(リファレンスを見ながらでもよければ)私も普通に出来ます。というかやってはいます。
　でもダルいです。やらずに済むならやりたくありません。

　先月My Computersを編集しましたが、実はホームページや新しい記事、大幅に手を入れた記事はHTML5+CSS3で書いたり書き直したりしています。22年前から見た目変わらないので信じられないかもしれませんが、デザイン古いままHTMLに移植してます。これは結構頑張りました。

　でも、今までWYSIWYGで書いてきた身としては、HTML+CSS3をテキストエディタで編集するのはのゲロ面倒でした。HTMLのコードとCSSのコードの弄らないといけないですからね。まぁそれが本来のやり方なんでしょうけど、文字大きくするのもWYSIWYGエディタならボタン1発ですが、テキストエディタで書くとCSSでデザイン定義してclass指定してやる必要があります。
　私はWebエンジニアでないので、このHTMLのタグ打ちしてブラウザでちくちく確認するのは苦行です。

　CMSって方法も考えましたが、管理方法考えて移行かけるの面倒でしたので、当面既存の方はそのままにして、ブログにしちゃえということのが始めた理由の1つです。

遅まきながらブログ始めました。
大きな理由は3つですね。

• 更新がダルい
• ダルいから記事化遅い
• 赤字垂れ流し

明日から上から一つづつ書いていこうと思います。

今更感は百も千も万も承知ですが、動画作ってYouTuber目指すようなモチベーションまではないのでまずはブログにしようと思います。

更新は本家同様gdgdでやります。

WordPress へようこそ。こちらは最初の投稿です。編集または削除し、コンテンツ作成を始めてください。