Kaigi on Rails 2024 に参加しました！ - LEFログ：学習記録ノート
Kaigi on Rails 2024 Kaigi on Rails 2024 に参加しました！ 去年は現地参加できなかったので、今回は実際に足を運んで発表を聞くことができてよかったです。 今回のブログ記事では、自分が会場で聞いた発表の感想を五月雨式に書いていきたいと思います。📝 （一つ一つの感想は短めなのでご了承ください！） 発表の感想：Day 1 Hall Red Rails Way, or the highway Rails を Rails Way に乗せつつもどのようにスケールさせていくかというお話でした。Rails アプリケーションを拡張する際は、他のものを混ぜ合わせるのではなくて、Rails Way を意識して拡張し、ルールに則って設計することが大事だと分かりました。 Rack を理解し Rails アプリケーション開発の足腰を鍛えよう Rack を使ったワークショップでした
【TurboDrive】Rails 7 でReactとHotwire（Turbo & Stimulus）を同時に使いたいときには、Turbo Driveを無効化しよう！（Turbolinks, React, esbuild, jsbundling-rails） - LEFログ：学習記録ノート
ReactとHotwireは両方同時に使える！ 結論 Turbo Drive とは何か？ Turbo Drive｜猫でもわかるHotwire入門 Turbo編 つまり、JavaScriptのエンドポイントであるapplication.jsに、 import { Turbo } from "@hotwired/turbo-rails" Turbo.session.drive = false を書き込んであげればOK!! Turboを使ってあげたい箇所ではdata: { turbo: true }を書き込んであげましょう。 Turbo Driveを無効化することで、kaminariやlink_toなどの画面遷移後も、きちんとReactが表示されるようになります。 経緯 Turboを完全に無効化してしまうと、確認ダイアログなどの機能をReactやVueや素のJavaScriptで実装する必要があ
Rails 7 の jsbundling-rails (esbuild) で、viewファイルからReactへとデータを渡す方法と、Mount処理を簡単にする方法（props, erb, slim） - LEFログ：学習記録ノート
結論 こちらのPull Requestとコミット履歴を参考にしてみてください。 Reactを画面に表示できるようにした by lef237 · Pull Request #12 · lef237/quotelist 繰り返し処理を関数にまとめてDRYにした。同じコンポーネントを一つのerb内で複数使えるようにした。 追記（2023-03-24） Reactのエンドポイントの処理を書き換えて、連番でなくても重複が無ければ表示されるようにした by lef237 · Pull Request #70 · lef237/quotelist 更にエンドポイントの処理を便利にしてみました。 解説 Rails 6ではviewファイルからデータを渡すときには、react-railsgemのおかげで、次のように書くことができます。 react_component('Reports', userId: @u
Rails 7 で React & TypeScript を導入する方法（tsx, esbuild, jsbundling-rails） - LEFログ：学習記録ノート
※この記事では「新しくRails 7 アプリを作成するときのこと」を想定していますが、Rails 6を7に上げるときにもそれなりに役立つ情報だと思います！ 結論 rails newのときにesbuildを指定してあげれば、あとはJavaScriptファイルや.jsxファイルを、.tsxにしてあげるだけでOK。 型チェックや構文チェックを導入するには少し注意が必要。 概要 現在、Rails 7を使ってフロントエンドを構築する方法には、大きく分けて３種類あります。 importmapsを使って、素のJavaScriptを使ってフロントエンドを作る esbuildを使って、JSXファイルを使ってフロントエンドを作る Rails 7をAPIモードにして、フロントエンドはNextjsで作る 自分はこの２番めの「esbuildを使ってフロントエンドを作る」を選択しました。理由は、Railsのslim上
イルカを動かすnpmをリリースしました🐬 - LEFログ：学習記録ノート
omae wo kesu houhou （SEARCH） 何について調べますか？ はじめに こんにちは！ これはフィヨルドブートキャンプ Part 1 Advent Calendar 2022 - Adventarの17日目の記事です。 昨日のエントリーは、 pachikuriiiさんの「チーム開発が怖かったときの話をしようか🍵 - 👀pachikuriii’s diary👀」 tomonariさんの「フィヨルドブートキャンプに参加して1年経ちました。 - tomonariのblog」 でした！ 本日のエントリーでは、LEF（自分）の作ったイルカのnpmについてご紹介しようと思います。 概要 こんな感じで動きます。これはテスト用に作成したアニメーションで、実際のnpmとは異なります。 イルカが動くよ🐬 実際のnpmパッケージでは、もう少し凝った動きをします。 下の画像のように、y/
【WSL2, Debian, Ubuntu】システムテスト等でChromeを立ち上げた際にWSL2側の問題で文字化けしてしまう問題を解決する方法 - LEFログ：学習記録ノート
文字化けしたChromeの例 結論 Debianの場合 sudo apt install task-japanese sudo apt install fonts-ipafont sudo apt install fonts-ipaexfont fc-cache -fv でOK Ubuntuの場合は、 sudo apt install language-pack-ja sudo apt install fonts-ipafont sudo apt install fonts-ipaexfont fc-cache -fv でOK ※Debianの場合は、task-japaneseにする必要があるので注意が必要です（ネット上にあまり情報がない）。 経緯 WSL2のたび重なるアップデートのおかげで、WSL2へとインストールしたChromeがGUIとして操作できるようになりました。 そのおかげで、
リーダブルコード輪読会2023を企画・主催します！📘 - LEFログ：学習記録ノート
【WIP】リーダブルコード輪読会2023 リーダブルコード表紙（サムネイル用） 概要 フィヨルドブートキャンプで、2023年の１月中旬から「リーダブルコード輪読会2023」を開催します！ 毎週土曜日と日曜日の14時～15時、Discordの輪読会チャンネルで始める予定です。 しかし土日開催ということもあり、主催者であるLEF（私）も、参加できない日がたびたびあると思います。 そのため、どのような方法で輪読会を進めていくのかについて、その詳細を書いておこうと思います。 参加条件 フィヨルドブートキャンプのDiscordに所属していれば、誰でも参加して大丈夫です！ LEFも初心者なので、初心者の方大歓迎です！✨ （そもそもコードとはなんぞや？という超初心者の方でも参加しやすい環境にしたいと思っています） ラジオ参加（聞くだけ参加）、チャットのみの参加、もぜんぜんOKです！ 挨拶すら必要ありませ
【初コントリビュート】初めてOSS活動をおこなって得た知見、gem 'devise-i18n'を使う上で注意すべきポイント - LEFログ：学習記録ノート
こんにちは。LEF(レフ)と申す者です。 今回は、RailsのgemにPull Requestを投げて承認され、貢献（コントリビューション）できたことについて書いていきたいと思います。 また、そこで得た知見についてもまとめてみたいと思います。 gem 'devise-i18n'の不具合を見つけて改善案をPull Requestで送りました 自分は最近Railsの学習をしているのですが、gem 'devise-i18n'を使う際に、ちょっとだけ困ったことがありました。 具体的には、rails g devise:i18n:views userのようにスコープを指定してビューを作成したときの挙動が不完全なものになっていました。 例えばapp/views/users/passwords/edit.html.erbなどのファイルにおいて、 <%= render "devise/shared/erro
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
