見出し画像

📕 Railsガイドのコードが見やすくなりました

こんにちは、デザイナーの@YukiMihashiです。Railsガイドのコードを見やすく改善しました🛠✨ 色やフォントが変わったことで、本文のコードがより見やすくなったかと思います💭

画像1

1. シンタックスハイライトの変更

画像2

今までSyntaxHighlighterというJSライブラリを使っていましたが、メンテナンス性など様々な観点から、RougeというRuby製のシンタックスハイライターに移行しました。

(↓ 対応Pull Request )

2. 背景色の変更

画像3

既存の背景色だと文字が読みづらいので、少し明るめのグレーに変更しました。また、インラインコードにも背景色をつけてコードを認識しやすくしました。 左側の設定アイコンは不要な情報が多くなってしまうため削りました👋 

(↓ 対応Pull Request )


Railsガイドの最新情報は note の開発マガジンから配信しています。よければぜひ購読してみてください! 📕 👀💨✨

今後も『Railsガイド』や『Railsチュートリアル』を中心に、学びやすい環境の改善を頑張ります。引き続きよろしくお願いいたします…!!(>人< )✨

書いた人: @YukiMihashi

YassLab株式会社の活動に興味を持っていただければ嬉しいです。こちらからのサポートは Raisチュートリアル、Railsガイドなど各サービスの向上に役立てていきたいと思います💓