【React】React-ToastifyのカラーテーマとPCの外観モードを連動させる方法【TypeScript】
![](https://autovice.s3.ap-northeast-1.amazonaws.com/uploads/article/picture/185/react.jpeg?X-Amz-Expires=600&X-Amz-Date=20240727T041011Z&X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIASDZCAGFGH4Y2EDPG%2F20240727%2Fap-northeast-1%2Fs3%2Faws4_request&X-Amz-SignedHeaders=host&X-Amz-Signature=026cc9c100c6da9276a0df635c35fd39a7f2b649b882a0f8f83917404b1df158)
はじめに
Webアプリでユーザー情報の変更などを行った際、処理が正常に完了したことをユーザーに伝えるために、画面の端に一時的にメッセージを表示する機能のことを「トースト」といいます。
トーストとは、主にデスクトップアプリケーションの機能で、情報通知用の小さなウィンドウをディスプレイの下方から一時的にポップアップ ...
RailsアプリにおけるReactの使い方や注意点など
![](https://autovice.s3.ap-northeast-1.amazonaws.com/uploads/article/picture/46/rails.jpg?X-Amz-Expires=600&X-Amz-Date=20240727T041011Z&X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIASDZCAGFGH4Y2EDPG%2F20240727%2Fap-northeast-1%2Fs3%2Faws4_request&X-Amz-SignedHeaders=host&X-Amz-Signature=1728f6b409e88b9dc902b1817ebc5b497411fcc94036163587c3f53209acb6ed)
はじめに
こちらのページ (https://qiita.com/TsutomuNakamura/items/72d8cf9f07a5a30be048)でReactの基本について勉強しました。
Railsアプリの中でReactを利用するという観点でいくつかトピックを抜き出してみました。
Babelの利用
Babe ...
【Rails】Railsアプリにreact-railsを追加する手順
![](https://autovice.s3.ap-northeast-1.amazonaws.com/uploads/article/picture/43/rails.jpg?X-Amz-Expires=600&X-Amz-Date=20240727T041011Z&X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIASDZCAGFGH4Y2EDPG%2F20240727%2Fap-northeast-1%2Fs3%2Faws4_request&X-Amz-SignedHeaders=host&X-Amz-Signature=1137fbdcf503e62709ab22821be5c90d28667c3a24bf0eca565c3e330ee83514)
はじめに
JavaScriptフレームワークといえば長らくjQuery一強でした。しかし、ここ数年はAngularJSやReact、Vue.jsといった新しいフレームワークがどんどんと登場しています。過去5年間の検索回数の推移を見てみると、2018年5月頃にjQueryとReactが逆転していることがわかります ...
![](/assets/profile-1055d2f9a1a248bf051584d3572c2f2d79d103e956e0fcee48f1cab5cd40472b.jpg)
坂井 光太郎 / Sakai Kotaro
Ruby on Rails を中心とした Web アプリ開発全般に関する技術情報をまとめています。業務に関するご依頼・ご相談、当サイトに対するご感想やメッセージはコンタクトフォームからお気軽にお問い合わせください。