【Rails】コードをシンタックスハイライトする『rouge』のカラーテーマ一覧と指定方法2020-09-08
TECH BLOG
【CSS】CSSカスタムプロパティとJavaScriptを使ってモード切替（配色変更）を実装
2020-09-01
# はじめに
便利なCSSカスタムプロパティ。実はJavaScriptから取得/設定ができます。今回はCSSカスタムプロパティとJavaScriptを使ってモード切替（配色変更）を実装する方法を解説します。
# CSSカスタムプロパティ
CSSカスタムプロパティとはCSS内で使用できる変数のことです。
Webデザインの配色を考えるとき、たくさんの色を使うことは滅多にありません。大抵は白色＋黒色＋テーマカラー（1〜2色）に落ち着くことと思います。
テーマカラーはW [...]
【脱・jQuery】jQueryで書いたAjaxをJavaScriptのFetch APIで書き直してみた
2020-03-08
# はじめに
これまでJavaScriptの処理を書くときはjQueryを使っていました。昔のJavaScriptはブラウザ互換性問題などがありとてもゴタゴタしていたので、jQueryを知ってからはその便利さに頼りっきりになっていました。
しかし、最近は主要ブラウザでの互換性問題はほとんど解消され、jQueryを使うメリットが薄れてきています。むしろ、jQueryを導入する手間だったり、導入してからもバージョン管理したりとデメリットのほうが目立ってくるようになりました。
[...]
坂井 光太郎 (Kotaro Sakai)
東京都世田谷区在住のフリーランスエンジニア。Ruby on Rails を中心とした Web アプリ開発全般に関する技術情報をまとめています。業務に関するご依頼・ご相談、当サイトに対するご感想やメッセージはコンタクトフォームからお気軽にお問い合わせください。
ポートフォリオサイトをリニューアルしました
MySQLが頻繁に突然停止するので設定を見直す
【CSS】カーソルを乗せると流れるようなアニメーションのハンバーガーメニューを作る
【CSS】JavaScriptを使わずにハンバーガーメニューを作る
Rails6から標準導入されたWebpackerでjQueryとBootstrapを管理する方法
【Rails】Webpackerで画像ファイルを管理し、CSSやビューから参照する方法
Nuxt.jsプロジェクトでFirebase Storageに画像ファイルをアップロードする