11年のお付き合いとなったBlogger改造のおもいでとWebサービス盛衰の点描

記事は Google Blogger Advent Calendar 2019 の23日目です。“Google が提供するブログサービス Blogger ですが、横のつながりを持つ機能がありません。ゆるく一緒に遊んでみるのもいいかと思い、カレンダーを作ることにしました。”という企画です。

23日担当の僕、PBロッキーは11年のお付き合いとなった Blogger テンプレートのカスタマイズの日々を、当 Web サイトの運営史と、出会ってはお別れした外部の Web サービスとのアレコレを交えつつ書き留めてみます。読者の方がお世話になった Web サービスが出てきたら一緒に涙してください。

PBロッキーのブログをここ Blogger で始めたのは2009年6月の事でした。当時の僕は Blogger のカスタマイズの自由さに惚れ込んでいました。

Yahoo!ジオシティーズで運営していたホームページとブログを同じデザインにして、見ための上では両者をシームレスに繋ぎました。これが出来ないならばブログを始めることは無かったようにも思います。そしてデフォルトで広告が表示されない点も納得のデザインをする上で助けになりました。

2009年の僕は、趣味でも仕事でも Web 技術に関わっていましたがサーバをレンタルするには至りませんでした。レンタルサーバ会社への入金が止まった段階で Web サイトが消えてしまうようでは、ハイパーテキストを未来に遺すという運営の主旨に叶わないからです。

しかし無料サービスで出来ることに不満があったのも事実です。そんな折に Blogger の BlogList ウィジェットを使って CGI のようなことをするテクニックを考案します。

BlogList ウィジェットは外部のブログを登録するとそのフィードを取得して、最新の投稿のタイトルとサムネイル等を表示します。このような外部のブログは複数を登録できます。

ここに登録するのが外部のブログではなく、表示させたい任意のコンテンツをフィード形式にしたものにすると、貴方の Blogger に存在しないコンテンツを注入することが出来ます。このような任意のフィードを作ってくれる無料の Web サービスが提供されていて恩恵に与りました。

それが米国 Yahoo の提供する Yahoo! Pipes です。Pipes は各 Web サービスが発行しているデータを、Pipes の Web GUI 上で様々に加工した後に json や jsonp, XML などの形式で再発行してくれました。勿論ブログフィードでの発行も出来ました。

Pipes が登場した2007年2月の背景としてさまざまな企業や団体が所有するデータベースを公開する WebAPI を整備するようになり、これらのデータを組み合わせることで新たなサービスを生み出すマッシュアップという手法が注目されました。このマッシュアップの時代に華麗に登場したのが優れた UI を備えた Pipes でした。

残念ながら Pipes は2015年9月30日に終了します。ややあけて2016年1月に当サイトは Google Apps Script で同等の機能を実装しました。お陰様で現在も pb-100.blogspot.com のホームでは、PB-100の宇宙のサイト群の更新情報をマッシュアップして表示しています。

BlogList ウィジェットを使った改造に味を占めた僕は順調に Blogger に嵌っていくのですが、度々悩まされたのが CSS, Javascript 等の置き場所です。

当初は無料ホームページサービスながら他ドメインからファイルを呼び出すことが出来る land.to を利用していました。しかし引け目を感じて Google Code へ移ります。Google Code では初めてオープンソースプロジェクトのオーナーになるということでドキドキしました。

Google Code の2015年の閉鎖を経て Dropbox の公開フォルダにファイルを移します。間もなく2017年の公開フォルダの無効化を経て Github Pages に移ることとなりました。

Github Pages で落ち着いた感はあったのですが、http: でアクセスしても https: にリダイレクトしてしまうためゲーム機等の古いブラウザで閲覧できない問題がありました。2019年3月にホームページを Google App Engine に移した際に、リダイレクトの無いここを Blogger 用のファイル置き場にしました。

こうして振り返ると、ようやく腰が据わったという気がします。

resizeImage()によって Google Photo 等に置いた画像を任意のピクセルサイズに縮小したり、トリミングが出来るようになります。72pxで固定だった記事一覧のサムネイル画像のサイズが柔軟に設定できるようになりました。しかし何よりも大きいのは OGP の提供が可能になった点だと思います。

この記法の登場で SNS でシェアする際に、効果的に記事中の一番最初の画像を引用することが出来るようになりました。

同時期に登場したラムダ式によって、記事にパンくずリストを追加したり、画像の無い記事にラベルに基づいた代替のサムネイル画像を追加する、といった従来に比して高度な処理を行えるようになりました。

Google の定義した XML がブログを生成するプログラム言語であることをより印象付ける変更です。しかし実のところ XML でプログラムを書くのはしんどいです。XML で無ければどれほど楽だったかなと思いつつ、しかし目当ての表示を実現できるだけで有難いと思って頑張る他ありません。

2003年から16年弱に渡って間借りしてきた無料ホームページサービスのYahoo!ジオシティーズが遂にその幕を降ろしました。当サイトの移転先は Google App Engine としました。

2009年よりこの間、頑なに避け続けていたレンタルサーバですが GAE は隔世の感があり無料枠の範囲でも使い勝手が大変に良いです。いつしか Blogger のコンテンツも GAE に移して Web サイトのコンテンツと併せて一元的に管理したいと考えるようになりました。

うまくすれば来年の今頃は Blogger から卒業しているかもしれませんが、しかし未だに強くお勧めのサービスであることは変わりません。

“無料 ブログ”で真っ先に検索結果に出てくるアメブロなどではなく、落ち着いてじっくり執筆の出来る、無用な広告を閲覧者に浴びせ掛けない、Google の堅牢なインフラの上に構築された Blogger を是非ご検討下さい。

いざとなったら記事のエクスポート機能もキッチリ提供されているので何とかなります。つまり Blogger は強くお勧めなわけであります。