【React】React-ToastifyのカラーテーマとPCの外観モードを連動させる方法【TypeScript】

はじめに Webアプリでユーザー情報の変更などを行った際、処理が正常に完了したことをユーザーに伝えるために、画面の端に一時的にメッセージを表示する機能のことを「トースト」といいます。 トーストとは、主にデスクトップアプリケーションの機能で、情報通知用の小さなウィンドウをディスプレイの下方から一時的にポップアップ ...

RailsアプリにおけるReactの使い方や注意点など

はじめに こちらのページ (https://qiita.com/TsutomuNakamura/items/72d8cf9f07a5a30be048)でReactの基本について勉強しました。 Railsアプリの中でReactを利用するという観点でいくつかトピックを抜き出してみました。 Babelの利用 Babe ...

【Rails】Railsアプリにreact-railsを追加する手順

はじめに JavaScriptフレームワークといえば長らくjQuery一強でした。しかし、ここ数年はAngularJSやReact、Vue.jsといった新しいフレームワークがどんどんと登場しています。過去5年間の検索回数の推移を見てみると、2018年5月頃にjQueryとReactが逆転していることがわかります ...