「記事と作品を半分に断捨離！個人サイトを『活動ノート』へリニューアルしました

こんにちは、麗です。

お気づきの方もいらっしゃるかもしれませんが、ここ最近、このサイト（urara.dev）をコツコツとリニューアルしています。

サイトを作ってからしばらく経ち、作品や記事が増えてきたのは嬉しい反面、「なんだか自分のやりたいこととズレてきているような」「もっと気軽に記事を楽しめる場所にしたいな」と感じるようになりました。

そこで直近の1カ月ほど、訪れてくれた人にとって居心地がよく、自分自身ももっと気楽に更新できるように、あちこち手を入れてみました。

今回は、最近やってきたリニューアルのポイントを時系列でまとめてみます！

ブログ記事の棚卸しと断捨離

リニューアルの第一歩として最初に取り組んだのは、ブログ記事の整理（断捨離）でした。

これまで書いてきた記事を1本ずつ見直し、45記事あったブログ記事を、半分ほどの23記事まで絞り込みました。

せっかく書いた記事を非公開にするのは少し勇気がいりましたが、「書きたい」というより「オリジナリティを出すために書かなくちゃ」という気持ちで更新してきた記事もあったんですよね。

なので、

• 「読んだ後に楽しい、学びになる内容か？」
• 「自分自身が気に入っていて、胸を張って残したいと思えるか？」

という基準で厳選していきました。（9割が後者ですが）

（もちろん、取り下げた記事は手元に大切にバックアップしてあります）

記事数を半分にしたことで、届けたい情報が見えやすくなってきたかなと思っています。

作品の棚卸しと断捨離

ブログと同様に、掲載している開発作品の断捨離も行いました。

もともとは自分の気に入った作品や思い出に残したい開発物を載せたり、「とにかく掲載数を増やしたい！」と急いで掲載したりもしていました。

それらをもう少し高い基準で見直していきました。

今残っているものは、

• 私自身が気に入って使っているもの
• 完成品として実際に使える状態にあるもの
• 今後もアップデートへの意欲があるもの

のいずれか（1つ以上）に当てはまるものになっています。

また、断捨離するにあたり、各作品へのアクセス数も参考にしました。アクセス数の多い作品、特にブックマークして使ってくださっている方がいるような作品は残してあります。

トップページを「活動ノート」へ改装＆ブログを主役に

次に取りかかったのが、トップページ（看板）の大きなリニューアルです。

これまでのトップページは「完成した作品の一覧」を一番上に見せる、いわゆるポートフォリオのような構成でした。

ただ、今の私にとっては「完成品をきれいに並べること」以上に、**「日々あれこれ試行錯誤したり、学んだりした過程を記録すること」**のほうが良いなと思ったのです。

そこで、思い切ってトップページの役割をガラッと変えることにしました。

• 看板を「uraraの活動ノート」へ変更
• 最新のブログ記事を真っ先に見せるレイアウトに配置転換
• トップに並ぶ記事の数を3件から6件へ拡大
• 見出しのフォントを丸みのある「Zen Maru Gothic」に統一

などなど。

ブログを最前面に置いたことで、最近どんなことに取り組んでいるのかが一目でわかるようになりました。フォントも角ばった印象から柔らかい雰囲気に揃えて、親しみやすさを意識しています。

メニューの日本語化

「親しみやすさ」をアップさせるために、細かい表記も見直しました。

もともと、少しカッコつけて、グローバルメニュー（Works / Blog / About）を英語表記にしていたんですよね。

ただ、私自身が英語が苦手なこともあり、かっこいい反面、どこか馴染めない感覚もありました。

そこで、**「作品・ブログ・自己紹介」**という自然な日本語に変更しました。

自己紹介ページのリフレッシュ

あわせて、自己紹介ページの内容も現在の活動に合わせてまるごとリフレッシュしました。

もともとこのサイトは開発物を載せていくポートフォリオのような形で始まっていたので、「個人開発者」を名乗っていたのですよね。

しかし、ずっと自分を「個人開発者」と名乗ることに違和感を抱いていました。「個人開発で稼ごう」みたいな気持ちがあまりなかったからです。

稼ぎがいらないというとウソになりますが、私がしていることは「個人開発」というよりも**「デジタルDIY」**という表現がしっくりきます。

おうちDIYをしている人たちって、決して「フリーランスの大工になろう」と思っているわけじゃないと思うんですよね……それと全く同じ気がしています。

そのため、今回のリフレッシュ作業では「個人開発」の文字を省き、より等身大の表現を使うようにしました。

スマホ表示の微調整＆デザインのブラッシュアップ

そしてここ数日は、スマートフォンで見たときの細かなデザイン調整を重ねています。

ブログやサイトを見に来てくださる方はパソコンの方も多いのですが、とはいえ今の時代はやはりスマホが主流です。

そのため、実機やさまざまな画面幅でテストしながら、1ピクセル単位で微調整を進めています。

• スマホで見たときに「uraraの活動ノート」という見出しが途中で不自然に改行されず、綺麗に1行で収まるように文字サイズを調整
• トップの紹介枠を画面幅いっぱいに広げたモダンな全幅レイアウトに変更
• より自分らしい自然な言葉遣いになるよう、細かなテキストをブラッシュアップ

地味な調整ではありますが、こうした小さな違和感をひとつずつ潰していくことで、全体の使い心地が少し良くなってきたかなぁと思います。

サイトアップデートはまだまだ続きます

断捨離や整備をコツコツとしたおかげで、以前よりも「自分らしい」サイトに近づいてきたような感じがしていますが、サイトのアップデートはこれで終わりではありません。

もともと、今回の大幅改良の前からも、地道な改良作業はずっと続けていました。

ほんの1ピクセル位置をずらしたり、文字サイズを変更したりといった、誰も気づかないような地道な作業を日々やってきていたんですよね。

なので、このブログをアップした後も、改良作業はまだまだ続いていきます……！