当サイト奥付

巨人の肩の上にのる矮人

ヒストリー

eSolia Chicklet Logo

巨人の肩の上にのる矮人という西洋の比喩表現がありますが、このサイトもその例外ではありません。 以前のイソリアのサイトは「Rapidweaver」や「Typo3」にて作成されたものでした。各システムにはそれぞれの強みがありましたが、様々な理由から私達が利用していたそういったシステムには、アップグレードや依存関係などに関連するいくつかの脆弱性がありました。

静的サイトジェネレータ

当サイトの検討時には、コンテンツファイル、スクリプトプログラムおよび画像ファイルから簡単に作られる「静的サイトジェネレータ」を考慮しました。 しかしながらこれらのシステムも、利用するための前提条件が多く、完全な開発環境を求めらる次第です。この複雑さは、サーバーやデーターベースを必要とする動的CMSの運用と、同様のものでした。

ヒューゴについて

そこで、Hugoと言う優れた静的サイトジェネレーターを発見し、選定しました。その関連サイトにて、このように紹介される:

ヒューゴは優れた点はなんといってもスピードとそのパフォーマンスです。サイトを構成するための時間を最短にするための細心の注意が払われており、数秒でほとんどのセットアップが出来てしまいます。

ヒューゴが何故そんなに早いのかというとそれは、WindowsやMac、Linux向けのGo言語で書かれたシングル・バイナリー構成であることが挙げられるでしょう。 ユーザはシステムに沿った一つのファイルをインストールし、そしてマークダウン 形式コンテンツ、HTMLテンプレート、CSS、Javascript ファイルで構成されたフォルダを統合するだけです。敢えていうならウェブホストに出来上がったサイトをアップロードする時間よりも、ヒューゴを使いサイトをファイルから作成する方がよっぽど早く完成できてしまいます。その驚くべき早さたるや、ソフトウェアエンジニア達の偉業とも言えるでしょう。

Hugo Logo

心からのどうも有難う!をHugoクリエーターのスティーブ フランキア 氏 (@spf13) とヒューゴの作成に携わり沢山の苦労の形にしてくれた関係者の皆様(特にディスカッションフォーラムで素晴らしかった ビョーン エリック ペデルセン 氏 (@bep) へ贈りたいと思います。( そしてGo言語チームの皆様にも。)

当サイトの見た目

このウェブサイトの外観・デザインは、Google社のマテリアル・デザイン をベースとしています。サービスの開発環境・仕様に関してGoogle社より以下の様に述べられています。

私達は技術や科学の可能性と革新を融合した良いデザインの、標準原則を統合した視覚的な言語の作成に挑戦しました。それがマテリアルデザインです。

マテリアルデザインの実装はマテリアライズと呼ばれるCSSのフレームワークを用いて実現されます。マテリアライズは開発済みCSS、Javaスクリプト、そしてフォントファイルの集合です。 これによりウェブページにCSSクラス名を指定するだけで簡単にコンポーネントを特定することが出来たり、ブラウザのサイズ変更時に応答しリサイズ、もしくはiPadやiPhoneなどのモバイル端末などからの閲覧を可能にするレスポンシブグリッドの設定が可能となります。

Noto font from Google

サイト内のフォントに関しては「Noto」フォントを使用しています。このフォントはGoogle社の素晴らしい取り組みの一つですが、全ての人に世界中のどの様な言語でも読みやすく表示することを目標にして作られています。

なお、ウェブページにて文字が正しく表示できない場合に四角いボックスの記号が代わりに表示されますが、これがよく「Tofu」(豆腐)と呼ばれることから、「No Tofu」の目標を込めてこの名前となったそうです。

前者の利用が向かない用途の際には、グーグル社のMaterial Design Libraryや、「Font Awesome」 ライブラリーなどでも色々なアイコンフォントを発見出来ます。私達のカスタムアイコンフォントは「フォンテロ」という面白いサービスを利用しています。

サイト内の写真については、いくつかは写真素材サービスを利用していますが、そのほとんどはリック・コグレーにより撮影されたものです。ページギャラリーはJavascriptで作ら、役立ち「nanoGALLERY」により表示されています。

ホスティング

Webfaction Logo

このサイトと私達が管理する他のいくつかのサイトは、とても信頼を置いている「ウェブファクション」にホストされています。ウェブファクションは素晴らしい費用対効果のあるサービスを開発者に提供しており、その中で私達は何年も利用していますが、一度も大きな問題が起こったことはありません。

DNSサービスは堅牢かつ高速なAmazonウェブサービス、「Route53」, を利用しています。

このサイトのレポジトリGithub(ギットハブ)にてホストされています。

我々は Humans(.txt) だ

Humans.txt Logo

Humans.txt ファイルをご存知でしょうか。Humans.txtはウェブサイトの奥付(サイト作製には何を実際に使ったかなど)の作る方法を比較的標準化しようとする試みであり、また検索エンジンのクローラープログラムに指示するrobots.txtととも関係してます。

クリックすると単純なテキストのみの形式で、この奥付ページと基本的に同じ内容の情報が表示されます。

ありがとう!

通常世の中のウェブサイトはこの様な「どのサービスを利用しているか」などの内容を記載することは多くはないと思いますが、どの様なサイトであれ上記の様な色々なサービスの恩恵を受けて完成されていることを忘れてはいけません。

最後に、沢山の時間を費やししてくれたイソリアのみんなにありがとう。

さぁ、仕事に戻ろう!