長い旅路の先に、ようやくオアシスの気配だ。さて、どんな知恵が湧いている泉だろうか。
序章でフォントという名の呪いを解いた私は、次なる、より大きな問題に直面していた。この「冒険日誌」そのものが、あまりに無骨で、訪れる者を歓迎する雰囲気に欠けていたのだ。記事という名の種を蒔くことだけに必死で、その周りの景色を整えることなど、後回しにしていたツケが、回ってきたのである。
しかし、ある日、私は一冊の魔導書(デザイン入門書)と出会う。「デザイン入門教室」。その古文書に記された知恵が、私の魂に火をつけた。
ただの備忘録ではない。訪れる全ての旅人が、心地よく時を過ごせる、美しいオアシス(デザインされたブログ)を、この手で創り上げたい。
既存の地図(既製テーマ)をなぞるだけの旅では、真のオアシスには辿り着けない。ならば、たとえ無謀と笑われようと、この手で新たな地図を描くしかない。
これは、一人の冒険者が、自作テーマという名の神殿建築に初めて挑んだ、情熱の記録である。
この羊皮紙のあらまし
- この羊皮紙のあらまし
- この羊皮紙が導く者
- 砂漠の道標
- 始まりは、一冊の魔導書から
- オアシス再建計画:最初の儀式
- 禁断の儀式への挑戦:テーマの自作
- 羊皮紙を巻く前に
- 砂漠で見つけた魔法のランプ
- ラクダの独り言
この羊皮紙が導く者
- 自らのデザイン力という名の武具を、少しでも磨き上げたいと願う者
- はてなブログのデザインという、深淵なる迷宮に挑もうとしている者
- 既製テーマに満足できず、独自のブログ世界を創造したい冒険者
- CSSという魔法言語の基礎を、実践を通じて学びたい錬金術師見習い
砂漠の道標
- デザインの四大原則 - 近接、整列、反復、コントラストという、美しい配置の基本法則。
- CSS(Cascading Style Sheets) - Webページの見た目を制御する魔法言語。
- SCSS(Sassy CSS) - CSSをより効率的に記述できる、進化した魔法体系。
- 非公開テーマ - はてなブログで提供される、完全にゼロから構築できる更地。
- サイドバー - ブログの脇に配置される、検索やカテゴリなどの機能群。
- レスポンシブデザイン - PC・スマホなど、あらゆる画面サイズに適応する設計思想。
始まりは、一冊の魔導書から
全ての始まりは、「デザイン入門教室」という、一冊の魔導書(デザイン入門書)との出会いだった。そこに記された、配色、レイアウト(要素の配置)、フォント(書体)…全ての知恵が、それまでの私の常識を覆した。「センスがない」と諦めていた私に、希望という名の光を差し込んでくれたのだ。
オアシス再建計画:最初の儀式
魔導書の教えを元に、私はオアシスの再建計画を立て、一つずつ実行に移していった。
- オアシスの看板(ヘッダー画像): RAPIROという名のゴーレム(二足歩行ロボット)の写真を加工し、ITブログとしての魂を宿らせた。
- 我が身の象徴(プロフィールアイコン): 配色とトーン(色調)の理を学び、ぼやけていた自己の象徴を、鮮明なものへと創り変えた。(もちろん、これは二代目の姿であり、三代目への進化を遂げることになる)
- インフラ整備(サイドバー配置): 旅人が最も使うであろう検索ボックスを最上位に配置し、カテゴリを追加するなど、利便性を追求した。
禁断の儀式への挑戦:テーマの自作
既存のテーマを修正するだけでは、私の渇きは癒えなかった。ついに、私は「非公式テーマ」という更地を手に入れ、CSS(スタイルシート)という名の魔法で、ゼロから神殿を建築する、という禁断の儀式に手を染めた。
しかし、はてなブログの建築様式を記した公式の古文書は存在しない。情報の砂漠を彷徨い、先人たちが残した非公式の地図を頼りに、SCSS(CSS拡張言語)という、より高度な魔法を操り、なんとか自らのオアシスを創り上げたのだった。
羊皮紙を巻く前に
こうして振り返ると、当時の私の旅は、まさに手探りそのものだった。
デザインの本を読み、配色サイト(色の組み合わせを提案するWebサービス)を眺め、CSSと格闘する日々。しかし、その孤独な戦いがあったからこそ、私はこのブログへの、かけがえのない愛着を手に入れた。
デザイン自作への第一歩で得た教訓
- デザインは感覚ではなく理論である - 「センスがない」は言い訳に過ぎない。配色・レイアウトの原則を学べば、誰でも美しさを創造できる。
- 既製品の限界を知ることが、創造の始まり - 既存テーマの修正では満足できなくなった時、真の学びが始まる。
- 孤独な試行錯誤こそが、深い愛着を生む - 公式ドキュメントのない荒野で戦ったからこそ、このオアシスは私の分身となった。
当時の私が見落としていたこと
だが、この時築き上げたオアシスは、まだ「自分が見て美しい」という、独りよがりな美学の域を出ていなかった。 真の「読みやすさ」という聖杯を求める、さらなる孤独な探求が、この先に待ち受けていることを、私はまだ知らなかったのだ。
まとめ
デザインの知識という光を手に入れた私は、自作テーマという神殿建築に挑み、手探りながらも一つの形を成し遂げた。しかし、それは始まりに過ぎなかった。
真に読者を歓迎するオアシスとは何か? その答えを求める旅は、次章「砂漠を独り、美を求めて」へと続く。
おっと、どうやら相棒が腹を空かせたようだ。今日はこのへんで筆を置くとしよう。
砂漠で見つけた魔法のランプ
- 序章:その目の疲れ、フォントの呪い ~最高の羊皮紙を求める、終わりのない旅の始まり~ | 前章の冒険記録。フォント選びという最初の試練。
- デザイン入門教室 | 私を導いた、最初の魔導書。デザインの四大原則を学んだ。
- RAPIRO | かつてタイトルを飾った、二足歩行のゴーレム。
- IrfanView | 画像を加工するための、万能な魔法の道具。
- はてなブログのテーマのHTMLとCSSセレクタの構造 | はてなブログのHTML構造を解説した賢者の地図。
- CSS to SCSS | CSSをSCSSに変換する魔法の祭壇。
- SCSS to CSS | SCSSをCSSに逆変換する魔法の祭壇。
ラクダの独り言
ご主人が、ある日突然「既製品のテントは嫌だ!」とか言って、自分で石ころを積み上げて、家を建て始めたぜ。雨風がしのげて、快適に眠れりゃそれで十分だろうに、なんでそんな面倒なことをするのかね。まあ、本人が楽しそうだから、いいんだが。まったく、人間の自己満足ってやつは、底が知れねえな。やれやれだぜ。