いつもNuitaをご利用いただきありがとうございます。

このたび、Nuitaのサイト内で使っているアイコンを、これまでのFont AwesomeからBootstrap Iconsへ統一しました。今回も見た目の変化はごくわずかですが、ページの表示をすこし軽くするための改善です。

なにが変わったの？

これまでNuitaでは、タグの「#」マークや削除ボタンの「×」など、一部のアイコンにFont Awesomeというアイコン集を使っていました。一方で、比較的新しく作った画面ではBootstrap Iconsという別のアイコン集を使っており、サイト内に2つのアイコン集が混在している状態でした。

今回、Font Awesomeを使っていた箇所をすべてBootstrap Iconsに置き換え、アイコン集を1つに統一しました。タグまわりの「#」、タグ追加の「+」、削除の「×」、おすすめの更新ボタン、閲覧注意の警告マークなどが対象です。形がほんのすこしだけ変わっていますが、使い方はこれまでと同じです。

どうして統一したの？

理由のひとつは、正直に言うとFont Awesomeがすこし今風ではなくなってきたことです。NuitaのUIはBootstrapをベースに作られているので、同じファミリーであるBootstrap Iconsのほうがデザインの馴染みも良く、サイト全体がすっきりモダンな見た目になります。

そしてもうひとつの大きな理由は、外部サーバーへの通信を減らすためです。

これまでFont Awesomeは、外部のCDN（コンテンツ配信サーバー）から読み込んでいました。つまり、Nuitaのページを開くたびに、Nuita以外のサーバーへの通信が1つ発生していたことになります。今回の統一により、この通信がまるごとなくなりました。

  • 表示がすこし速くなります: 外部サーバーの応答を待つ必要がなくなりました。
  • 外部サービスの障害の影響を受けません: CDN側に障害があってもアイコンが表示されなくなる心配がなくなりました。
  • メンテナンスがしやすくなります: アイコン集が1つになったことで、コードの見通しが良くなり、今後の機能追加や修正がしやすくなりました。

あわせて、アイコンを表示する内部の仕組みにもテストを追加し、今後も安心して手を入れられるようにしています。

おわりに

地味な変更ではありますが、こうした小さな改善の積み重ねが、快適な射精報告ライフにつながると信じています。

もしアイコンの表示がおかしい箇所などを見つけられましたら、お問い合わせフォームからご連絡ください。引き続きNuitaをよろしくお願いいたします。