冬コミでJavaScriptの本を出すことは書いたが,今のサイトでスクリプトを詰め込んだり表示させるには無理だと思い,思い切ってサイトをリニューアルすることにした.その前段階で,サイトの画像パーツを作っていたが,パーツが思いっきりDIY感をかもし出しているような気がしている.理由は,サイトのロゴをGIMP上で設計したり,描画していたからなのだが.
もったいぶるのもアレなので,サイトのロゴから.ちなみに全パーツの背景色が白だが,実際にはサイトの背景色を埋めて使うことをご承知の上で.
画像の向きは,実際には90度に右回転をかけるが,ロゴ自体は直線と弧だけで書いている.多分Web上を探せば類似のフォントが見つかるだろうが,これはGIMPで画像の一部をコピペしながら作っている.
次はサイトメニューに関するパーツ.
これもロゴ同様,直線と弧をコピペしながら描いたパーツ.角丸のボックス内での表示位置は意図的に合わせていないが,最終的にはどこかを基準にして位置をそろえるつもり.
最後はスクリプトを表示させる部分で使うパーツ.
これが一番時間がかかったパーツで,頭の中では表示できているのに,GIMP上で変形させてみたら思ったように進まず,うまく変形できるまで試行錯誤しながら進めていた.実物のノートを傾けたものを目で見ても,なかなか思うように進まなくて苦労した.ちなみに鉛筆の画像は適当に傾けながら作ったが,確かそれほど時間はかかってないはず.
ようやくパーツができたのでコーディングに入るわけだが,いろいろと平行させて作るので実際に出来上がるのは12月ぐらいになりそう.あとはログの整理もあるので,これも進めることになりそう.