watarutaru.com

ようやく完成しました！ watarutaru.com。ドメイン取ってから1年半もかかってしまった。久しぶりに自分で実装する機会になって、何から何までわからずじまいの勉強会になりました。ひとまず完成！ そして、残りは公開後対応、、、ということに笑

watarutaru.comブログの立ち上げにあたって

「watarutaru.com」のドメインを取った時からブログはやりたいなぁと思っていたのだけど、書きたいことも、位置づけも、ターゲットもコンセプトも何も無いままはじめていいのだろうか……とうじうじしてました。で、最近頭が弱くなったのか「そういうの別に気にしなくていいか、とにかくやっちゃえ！」っていう気持ちが強くなってきたのでやっちゃいました。

構想というか、やりたいなーって口で言ってた期間は1年以上あったけど、ようやくこのドメインに何かしらアップロードできました。ドメイン閉じるまで永遠と「卒論つらい」ページでしかないかと焦っていたところ。

watarutaru.comでやること

• 作ったものとかの掲載
• ブログ自体の運用・改修での勉強
• キャンペーンとか、制作系のアウトプット()のため
• ダラダラ文章を書くためのばしょ
• （そのうち）ちゃんとしたポートフォリオにしたいなぁ

……しかしリストに上げると途端にどうでもいいものに見えてくるね。バナー広告っぽいものがあえてスルーされるみたいな感じかな。リスト化は思考を停止する。世の中のリストに上げるって行為に絶望したよ。

まぁ、仕事の中で「自分で手を動かして作る」ことが少ない今、貴重な場所になるかなぁとも。名刺に堂々とURL書いてあちこちに配って回ったわりにしばらくTOPが「卒論つらい」ページだったことは本当に反省しています。

やってみたこと

せっかくなので、と、いくつか（自分の中での）チャレンジも取り入れました。どれも、実際にガンガン作っている人達からはなんぞ今更、というものばかりだと思いますが。僕の場合はリハビリとかも兼ねて。

WEBフォントの導入

気になってたけど特に使うシーンもなく触れていなかったWEBフォント。watarutaru.comでは全面的にGoogleの［Noto Sans Japanese］を導入してみました。（あと、Google fontsでDosisも）Noto Sansシリーズ初のcjkフォントとして、GoogleとAdobeからリリースされて話題になりましたね。

実はこのNoto Sans Japaneseがリリースされた2014/07/16は、僕の誕生日！ ……ということで勝手な親近感もあって、また素敵な画面のブログにしたいと思って入れてみた次第です。日本語のWEBフォントということでやっぱりネックなのはファイルサイズかな……かなり読み込みにラグはある感じ。。サブセット化も検討しつつ、ひとまず本文もNotoにしたまま様子を見ようと思っています。

Adobeからリリースされている方は（同じフォントだけど）Source Han Sans［源ノ角ゴシック］という名前で出ていますよね。Notoの方が響きがかわいいので好きです。でも、［源ノ角］の乙な感じも捨てがたくて、どっちにするか2日ぐらい迷いました。

レスポンシブ対応

いまさらですが、自分の手でレスポンシブ実装したのは初めてでした。とはいっても、そもそも1カラムだし大変なことはなにもはないのだけど。

なんとなくでしか知らなかったことを、こうやってきちんと拾いなおしていけるのは幸せなことですね。そのうち、やっぱりカラム増やしてなんか入れたい〜とか、そういうのが出てくるかもしれないし、その時の柔軟性に期待もこめて。

画像を極力避けて……

CSSでの装飾に徹しました。ロゴは手を抜いて画像。だけど少なくとも近いうちにsvgにしたいなぁと思っています。

もともとミニマル寄りなのがすごく好きだし、あとフラットとかなんとか流行っているしで、SNSシェアボタンとかもCSSでシンプルに。その他もコテコテしないものにしたつもりです。雑誌を作りたいな〜っていう思いがあるので「紙ものっぽく」というのも、ちょっとした裏テーマ。だから文字がちょっと小さめです。

WordPressオリジナルテーマで

テーマと言えないかもだけど、Wordpressで作りました。これが大変だった……。サーバーのこととか、phpとか、？？の連続でなんや勉強せなあかんなーという所感。次は、汎用性あるテーマとか作って配布してみたいなー。自分のだと、改修しながらやっていけばいいやって雑になっちゃうし。

そんなわけで……

watarutaru.comでいろいろ書いていきます。今後よろしくお願いいたします！