Rails 7 で React & TypeScript を導入する方法（tsx, esbuild, jsbundling-rails） - LEFログ：学習記録ノート

2023/02/21 13 users esbuild TSX TypeScript Rails 方法

※この記事では「新しくRails 7 アプリを作成するときのこと」を想定していますが、Rails 6を7に上げるときにもそれなりに役立つ情報だと思います！ 結論 rails newのときにesbuildを指定してあげれば、あとはJavaScriptファイルや.jsxファイルを、.tsxにしてあげるだけでOK。 型チェックや構文チェックを導入するには少... 続きを読む

万葉は Hotwire を推していきます！｜万葉｜note

2022/06/08 68 users React Hotwire ＣＴＯ 万葉 全社

こんにちは、万葉で CEO & CTO をしている田中洸一です。 Rails 7 から標準になった Hotwire を、万葉では全社をあげて推していく事にしました！ この記事では、その事について詳しく書こうと思います。 モチベーション昨今、React や Vue.js をはじめとするフロントエンド技術が目覚ましく発展しています。新しい技術の... 続きを読む

Rails 7とReactによるCRUDアプリ作成チュートリアル（翻訳）｜TechRacho by BPS株式会社

2022/05/26 129 users 許諾 原著者 Creative Commons React

概要 原著者の許諾を得て翻訳・公開いたします。 英語記事: How to Create a CRUD App with Rails and React · James Hibbard 原文公開日: 2022/04/01 原著者: James Hibbard 日本語タイトルは内容に即したものにしました。 React logo is licensed under Creative Commons — Attribution 4.0 International — CC BY 4.0... 続きを読む

Rails 7 + Hotwireで実用的なSPAを作ってみた - Studyplus Engineering Blog

2022/02/21 14 users Hotwire SPA

こんにちは、サーバーグループの市川です。モバイルクライアントグループに所属していましたが、バックエンドの開発を担当することが多くなったので、サーバーグループ異動にしました。 最近、Studyplusブックというサービスをリリースしました。Studyplusアプリ内で、200冊以上の参考書が読み放題で使えるサービスです... 続きを読む

Rails 7: guard-livereload gemで開発中にライブリロードする｜TechRacho by BPS株式会社

2022/02/04 11 users Docker-Compose Rails gem ブラウザ

Rails 7の新規アプリで遊んでいると、やはりライブリロード機能（ファイル更新を監視してブラウザを自動リロードする）が欲しくなったので、guard-livereload gemでDocker環境にライブリロード機能を導入しました。Rails 7でちょっと便利になった点があります。 環境 Docker（docker-compose）環境が前提 Docker Desktop... 続きを読む

📕 Railsガイドが Rails 7 に対応しました｜YassLab 株式会社｜note

2021/12/24 21 users yasslab wip リリースノート Railsガイド 以下

2021年12月にリリースされた Rails 7.0 に合わせて、Railsガイドも Rails 7.0 に対応しました! 🆕✨ 大きな変更のあったコンテンツは以下の通りです。新規ガイドには 🆕 を付けています。WIP の部分もありますが、更新箇所の全体像を把握する際のご参考になれば幸いです 😌✨ 🆕 Rails 7.0 リリースノート 続きを読む