3年ぶりの新デザイン

ネタフルのデザインに関わるようになったのは6年前。
フィーチャーフォン向けサイト「ネタフルズ」のデザインからでした。コグレさん(kogure)とはその前から知り合いでしたが、当時は自分ごときがネタフルに手を入れることになるとは、よもや思いもしなかったわけです。

その後、2012年にコグレさんから「リニューアルしたいんだよねー」という話を受け、PC向けデザインにも関わることになりました。それが前回のリニューアルです。

あれから3年。デザイン的にも今見ると古くなり、そして僕自身の腕が足りていなかったことを痛感します。。最近までのネタフルデザインは、コグレさんがひとりでいじるから原型なくなった感もありますがね･･･。

実を言えば、リニューアルの話はだいぶ前から打診を受けてました。昨年くらいかな。ちょうど僕自身、拙著の出版も控えている頃で、他にもいろいろ動いていたこともあり、全然手を付けられなかったんですよね。

で、それから頭のなかでいろいろ新デザインを思い描くことを繰り返していたのですが、なかなかこうしっくりとくるものがなく、はや半年ほど経過。
なんとしてでも12周年には間に合わせたいということもあり、やっと1週間ほど前に本格的にマークアップしはじめました。

シングルカラムでレスポンシブに

今回のリニューアルでは、"とにかく今の時代に合わせる"ということに眼目が置かれました。スマホからの閲覧率が高まる中、ネタフルのスマホ版は正直見難いというのが僕自身の正直なところだったので、どうせリニューアルするなら、スマホ版も含めて最適化しよう、モバイルファーストなネタフルにしようと決心。

ちょうどコグレさんからは「シングルカラムってどうなんだろう?」と言われていたので、思い切ってサイドバーを削り、従来のネタフルで頑なに守り続けていたダブルカラム・トリプルカラムのレイアウトから脱却することに。

これまでにない機能を追加

今回は上記のレイアウト変更に加え、従来のネタフルにはなかった機能を実装することにも注力しました。
大きな実装としては、以下の2つ。

1. ページング
2. 自前の関連記事

「は? そんなもの?」と思われそうですが、実はこれまでのネタフルには実装されていなかったんですね。
各記事の下に前後記事へのページングはあったんですが、インデックスやカテゴリーインデックスでのページングがなかったのです。

関連記事的なものは、外部のブログパーツ頼みになっていたので、それらに頼らず自前で実装することにしました。

徹底的な内部改善

この他にもかなり改善したのが内部的なマークアップです。

3年前にリニューアルした際、HTML5を採用したのですが、今見ると書き方がだいぶひどかったんですよね。で、それを現在の知識を総動員して書き換えました。また、サイト全体のアウトラインの改善や、構造化データへの対応といったところもガッツリやりこんだ次第。

これによってどう変わるかは今後見ていかなければならないところですが、いい方向に働いてくれるのではないかと思っています。

今回のリニューアルではシックス・アパートの柳下さん(yagishita)にも、かなりアドバイスを頂いており、それ自体、僕にとってかなり大きな学びにつながりました。ホントありがとうございます。

ネタフルのリニューアルはこれからだ!

なんだかんだで新デザインの公開はされましたが、実をいえばこれはまだリニューアルのスタートラインに立ったに過ぎません。
ぶっちゃけわずか1週間未満で作業してますから、ところどころバグもありますし、それらの修正はこれからずんずんやっていきます。

また、リニューアルしたことによって、アクセス数はもとより検索順位、収益状況なども変化が出るでしょうから、それらをウォッチしつつ改善、A/Bテストなども実施していかなければいけないでしょう。

機能的なところでも、これから実装を考えているものもあるので、それらも含めて、ずんずんマイナーアップデートをかけて行きたいと思っています。

僕とコグレさんだけではカバーしきれない部分もあるので、ぜひネタフルの読者さまには気づいた点などをバッシバシとお知らせいただければ幸いです。

cazuki ネタフル、新デザインかっこいいっす！！！

— まお (spring_mao) July 1, 2015

こんな感じの感想もお待ちしておりますw

僕が言うのもおこがましいですが、13年目に突入した新デザインのネタフルを、ついでにうちのブログもどうぞよろしくお願いいたします。