tamesuu

バックエンドエンジニアの豊永です。本記事では、Rails 8 環境で React を導入し、実際にコンポーネントを表示するまでの手順を、できるだけシンプルに紹介します。 やりたいことRails 8 で、できるだけ簡単に React を利用できるようにしたいです。 背景動作確認するために、作りたての Rails 環境に React を導入しようとしました。※ 今回は TypeScript の導入は行いませんが、将来、JSX、TypeScript を利用していくことを想定しています。Rails 7 からデフォルトになった import maps を利用して React の導...

Rails 8 で React を使う方法 (jsbundling-rails、esbuild)

みなさんこんにちは。バックエンドエンジニアの豊永です。Railsの開発環境は、特に設定をせずに利用すると http://localhost:3000 となります。公開されてる環境では ほとんどの場合 https が使われていると思いますが、http か https の差異によって挙動が変わって困ることがあったので、開発環境で https を使う方法を調べました。 やりたいことRailsの開発環境 (localhost) で https を使いたいです。 動作確認の環境$ sw_versProductName:		macOSProductVersion:		14.5...

Rails の開発環境 (localhost) で https を使う

バックエンドエンジニアの豊永です。2023 年がもう少しで終わりそうですね。今回は、個人ブログのお引っ越しをした時の話しを共有させてください。 やりたいことGatsby Cloud で運営している個人ブログを Netlify へ移行します。 背景ある日、私が個人で運営しているブログが見れなくなっていることに気がつきました。Gatsby Cloud から何かメールが来てないか調べてみると、[FINAL REMINDER] Gatsby Cloud End Of Service Date というタイトルでメールが来ていました。なぜ、今ごろ気がついたのか。(ブログを書いて...

Gatsby Cloud が利用できなくなったので、Netlify へ移行する

みなさんこんにちは。バックエンドエンジニアの豊永です。今回は Rails を使ってるとよく遭遇すると思われる問題に対して、 Makefile を使って解決した話を共有しようと思います。 何が問題だったか？Github の Pull Request 機能を利用して複数人でコードレビューを行いながら開発するシーンはよくあるかと思います。その際に、 rails db:migrate を実行し自分の開発用 DB にレビュー中のコードのスキーマ情報を適用してしまうことは無いでしょうか？レビュー完了後、そのまま自分の開発に戻り Pull Request を出すと、身に覚えのないテーブル名...

Rails 8 で React を使う方法 (jsbundling-rails、esbuild)

Rails の開発環境 (localhost) で https を使う

Gatsby Cloud が利用できなくなったので、Netlify へ移行する

DB のスキーマ情報の差分と闘った話し (Rails)