制作記事 運用情報お仕事・制作日記当Webサイト「0から目指すWebマスター」リニューアル計画(2)

当Webサイト「0から目指すWebマスター」リニューアル計画(2)

12月17日(月曜)

もはや覚悟を決め、全エントリーのコピペ作業することにする。
とはいえ、どうせなら見た目もちょっと替えようかなと思い立ち、現在の問題点と改善案をリストアップ。

見た目
  • ページ遷移した際、どのカテゴリー内にいるのかの情報がトピックパスしかない。もっと視覚で表現したい。
  • ナビゲーションに関しては既存の概念をぶち壊したくて、今のレイアウトになっているが、やっぱり配置に関してはページごとに右に行ったり左に行くのはどうも使いづらい。共通の方がいいかも。
中身
  • 外部リンクはやっぱり新規ウィンドウで開くようにしたい。
  • これだけ情報があるのなら、検索できるようにしたい。
  • 自分のためのサイトとはいえ、コメントはできるようにした方がいいかも。
  • 毎日数エントリーしているわけではないので、トップページに用意しているカレンダーはいらないかな。そのかわり、サイトマップやアーカイブがあっていいかも。
ソース
  • cssとxhtmlの完全分離ができていない。デザインのための画像は「すべて」cssで設定する。
  • 読み上げブラウザへの配慮が足りない。特にトップページ。

12月18日(火曜)

問題点と改善案を元に、デザインカンプを作成する。レイヤーフレームは下図の感じで暫定版を作成。

レイヤーフレーム暫定図

12月19日(水曜)

デザインカンプを元に、サンプルページを制作開始。基本コンセプトはそのままに、デザインも基本そのまま微妙に調整する。見た目のためのデザインを完全外部化を強く意識。

12月22日(土曜)

「エントリーの記事が短かったら」「サブカテゴリーにまだリンクがなかったら」「コメントがあったら」とか、いろんな条件を想定しながらマークアップ作業をする。対象ブラウザをできるだけ広げ、ブラウザ間でどのように見えるか気を使う。合わせるところは合わせる。もちろんそのためのハックなんて御法度。大きなところが終わると、細かいところまでこだわりたくなってくる。xhtmlとCSSとDOMをミックス。自称マークアップデザインエンジニア。この作業がそりゃもう楽しすぎっ!!!

12月23日(日曜)

サーバー移行に失敗したサイトたちのメールアドレスが使えないことに気がつく。さらに、ヘムテルで新規設定したメールアドレスの転送がうまくいかないことも判明。追求すると、転送先が、携帯やYahooメール、Gメールではうまくいくのに、なぜかMacの標準メールソフトと.macメールには転送されないことが判明。原因が分からない。サーバー側の問題なのか、mac側の問題なのか。いろいろな条件でメールテストをしてみる。半日経って、.macメールへ転送されてきた。テストをかなりしていたので、タイムラグで無駄にメールが届く。受信日時が送信した時間と半日違う。これって使えないじゃんとがっかり。Macの標準ソフトでは送信はできるが受信ができないことが新たに判明。
正直お手上げ。この解決に時間を費やすなら他に優先させることがたくさんある。ひとまず、Gメールへ転送がうまくいったので、Googleのお世話になることにした。

12月24日

マークアップ作業が一段落した。あとはMovableType化する作業になるのだが、ちょいとMovableTypeの復讐をしておかなきゃなと。一年前より理解しやすいはずだけど。とりあえず一年前に参考にした本をもう一度復讐。物足りなかったら、新しい参考本でも買うことにしよう。