見出し画像

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

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

画像1

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

画像2

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

(↓ 対応Pull Request )

2. 背景色の変更

画像3

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

(↓ 対応Pull Request )

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

書いた人: @YukiMihashi
この記事が気に入ったら、サポートをしてみませんか?
気軽にクリエイターの支援と、記事のオススメができます!
note.user.nickname || note.user.urlname

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

❤️ありがとうございます...!! 🥰
5
RailsチュートリアルやRailsガイド、coderdojo.jp の開発・運営をしています。プロダクト開発が学べる解説動画・質問対応や、全文検索・過去バージョン閲覧、研修・協業プランなども提供しています。詳細は Web サイトからぜひ! https://yasslab.jp/

こちらでもピックアップされています

📕Railsガイド マガジン📖
📕Railsガイド マガジン📖
  • 12本

#Railsガイド の最新情報をお知らせします 📣📕✨

コメントを投稿するには、 ログイン または 会員登録 をする必要があります。