実践ViewComponent（2）: コンポーネントを徹底的に強化する（翻訳）｜TechRacho by BPS株式会社
🔗 コンポーネントを徹底的に強化する ViewComponentはやるべきことをうまくやってくれますが、Railsほど手取り足取り懇切丁寧にやってくれるわけではありません。この方面の規約がまだ不足しているため、自分で考える以外に切り抜ける方法がない場面もちょくちょくあります。 しかし心配ご無用です。本章ではEvil Martiansがビューコンポーネント周りのコードを構築するときの方法を紹介し、すぐにでも皆さんが生産性を高めて貴重な時間を節約できるようにしたいと思います。 注意: 本記事で紹介するテクニックには「非標準」のものも多くありますのでご了承ください。ビューコンポーネントのEvil Martians流クッキングレシピにつき、当然ながら賛否が大きく分かれることになるでしょう。しかしその中のいくつかについてはViewComponent本家にマージする計画がありますので、今後もご注目よ
実践ViewComponent（1）: 現代的なRailsフロントエンド構築の心得（翻訳）｜TechRacho by BPS株式会社
概要 元サイトの許諾を得て翻訳・公開いたします。 英語記事: ViewComponent in the Wild I: building modern Rails frontends—Martian Chronicles, Evil Martians’ team blog 原文公開日: 2022/10/12 原著者: Alexander Baygeldin（バックエンドエンジニア）、Travis Turner（テック編集者） サイト: Evil Martians -- ニューヨークなどに拠点を構えるRuby on Rails開発会社です。良質のブログ記事を多数公開し、多くのgemのスポンサーでもあります。 日本語ブログ: 合同会社イービルマーシャンズ - Qiita 日本語タイトルは内容に即したものにしました。図はすべて元記事からの引用です。 また、"Algebraic effects"や
Rails 7: rails db:schema:dumpやloadのスキーマ形式を環境変数で指定可能になった（翻訳）｜TechRacho by BPS株式会社
概要 元サイトの許諾を得て翻訳・公開いたします。 英語記事: Rails 7 now reads ENV["SCHEMA_FORMAT"] when doing rails db:schema:{dump,load} | Saeloun Blog 原文公開日: 2022/08/30 原著者: Swaathi Kakarla サイト: Saeloun Blog 日本語タイトルは内容に即したものにしました。 参考: 週刊Railsウォッチ20220411: db:schemaのダンプや読み込みのスキーマフォーマットを環境変数で指定できるようになった この#44834は、Rails 7.0.4（7-0-stableブランチ）に含まれています。 Rails 7: rails db:schema:dumpやloadのスキーマ形式を環境変数で指定可能になった（翻訳） Railsはときどきbreakin
保存版: Railsアプリケーションのセキュリティベストプラクティス（翻訳）｜TechRacho by BPS株式会社
概要 元サイトの許諾を得て翻訳・公開いたします。 英語記事: Security Best Practices for Your Rails Application | AppSignal Blog 原文公開日: 2022/10/05 原著者: Paweł Dąbrowski サイト: AppSignal Blog 参考: 週刊Railsウォッチ20221011 Railsのセキュリティベストプラクティス 日本語タイトルは内容に即したものにしました。原文の章インデントは訳文で一部を変更しています。 以下のRailsセキュリティガイドも合わせてお読みください。 参考: Rails セキュリティガイド - Railsガイド Webアプリケーションを構築するときは、パフォーマンスや使い勝手を重視するのはもちろんですが、セキュリティにも注目する必要があります。ハッキング手法は、技術の進化と変わらない
dartsass-rails README（翻訳）｜TechRacho by BPS株式会社
概要 MITライセンスに基づいて翻訳・公開いたします。 英語記事: dartsass-rails/README.md at main · rails/dartsass-rails 原文更新日: 2023/06/10（1f37a87） ライセンス: MIT なお、従来のsassc-railsで使われているlibsassは現在非推奨です。 2022/11/14: 初版公開 2023/09/14: 更新 Sassは、CSSにコンパイルされるスタイルシート言語です。Sassでは「変数」「ネステッドルール」「ミックスイン」「関数」などさまざまな機能が利用でき、いずれの構文もCSSと完全に互換性があります。 このgemには、Dart版Sassのスタンドアロンの実行可能ファイルが同梱されています。プラットフォーム固有のDart Sass実行ファイルはsass-embedded gemで配布されます。 イ
Ruby: GemfileとGemfile.lock究極ガイド（翻訳）｜TechRacho by BPS株式会社
概要 元サイトの許諾を得て翻訳・公開いたします。 英語記事: The Ultimate Guide to Gemfile and Gemfile.lock | Saeloun Blog 原文公開日: 2022/08/16 原著者: Keshav Biswa サイト: Saeloun Blog Ruby on Railsの開発者なら、GemfileやGemfile.lockを知らない人はいないでしょう。この2つのファイルはRuby gemをインストールするのに欠かせませんが、仕組みを知らないままでは混乱する可能性もあります。本記事では、Gemfileとは何か、その中に何があるのか、および使い方について解説します。 最初に、デフォルトのRails 7アプリケーションを作成し、それからGemfileの各行を調べて意味を理解していきましょう。 新規作成したアプリのディレクトリには、Gemfileと
Rails: 認証gem 'rodauth-rails' README（翻訳）｜TechRacho by BPS株式会社
概要 MITライセンスに基づいて翻訳・公開いたします。 英語記事: janko/rodauth-rails: Rails integration for Rodauth authentication framework 原文更新日: 2023/07/26（3af6a7f） ライセンス: MIT 見出しの深さは変えてあります。 rodauth-railsにはRails 7ベースの設定済みデモアプリもあります。 rodauth-rails作者のjanko氏による以下の記事もどうぞ。 Rails: 認証gem ‘Rodauth’を統合するrodauth-railsを開発しました（翻訳） 2022/11/08: 初版公開 2023/07/20: 更新（パスキーに対応） 🔗 Rodauthを使う理由 Railsには、既に有名な認証ソリューションがいくつもあります（Devise、Sorcery、Cl
Rails: 認証gem 'Rodauth'を統合するrodauth-railsを開発しました（翻訳）｜TechRacho by BPS株式会社
概要 原著者の許諾を得て翻訳・公開いたします。 英語記事: What It Took to Build a Rails Integration for Rodauth | Janko's Blog 原文公開日: 2022/10/12 原著者: Janko Marohnić 日本語タイトルは内容に即したものにしました。 参考: 週刊Railsウォッチ20221025 RodauthをRailsと統合するのに必要だったこと 以下のrodauth-rails READMEもどうぞ。 Rails: 認証gem ‘rodauth-rails’ README（翻訳） Rodauthが登場した当時の既存のソリューションは、Rails（DeviseやSorceryの場合）か少なくともActive Record（Authlogicの場合）が必要だったので、ついにRailsに縛られないフル機能の認証フレームワ
Railsの「HTTPキャッシングとFaraday」の世界を冒険しながら学ぶ（翻訳）｜TechRacho by BPS株式会社
はじめに 本記事ではこんなおとぎ話をします。私はOctokitに自動キャッシュ機構を追加したのですが、まったくうまくいきませんでした。しかしそのときの冒険が素晴らしかったので、それを元にHTTPキャッシュとFaradayミドルウェアのしくみ、それらを活用してAPI呼び出しを自動キャッシュする方法について本記事で解説します。 私は土手でパソコンの前に腰掛けてAPIレスポンスの手動キャッシュを繰り返しているうちに、何だかひどく疲れを感じ始めました。RFC 7234を1度2度眺めてみたものの、そこには挿絵も会話も書かれていないのです。"絵もおしゃべりもない本なんて何の意味もないわよね"と思いました。 しかし実を言うと、ある顧客のStackBlitzプロジェクトがすべての始まりだったのです。StackBlitzはブラウザで動くIDEで、（Octokit gemの助けを借りて）GitHub APIを
tailwindcss-rails README（翻訳）｜TechRacho by BPS株式会社
概要 MITライセンスに基づいて翻訳・公開いたします。 英語記事: tailwindcss-rails/README.md at main · rails/tailwindcss-rails 原文更新日: 2023/09/27（f8ee6a5） ライセンス: MIT 2022/10/27: 初版公開 2023/09/07: 更新 2023/09/27: 更新 Tailwind CSS for Rails Tailwind CSSはユーティリティファーストのCSSフレームワークです。flexやpt-4やtext-centerやrotate-90といったCSSクラスが同梱されており、マークアップ内で直接これらを組み合わせてあらゆるデザインを構築できます。 🔗 インストール Rails 7では、新規アプリケーションの生成時に--css tailwindを指定することでTailwindを事前設定
アプリのUIを完全にmacOSネイティブらしく見せるコツ（翻訳）｜TechRacho by BPS株式会社
概要 原著者の許諾を得て翻訳・公開いたします。 英語記事: How to make absolutely any app look like a macOS app — Martian Chronicles, Evil Martians’ team blog 原文公開日: 2022/06/16 原著者: Anton Lovchikov、Travis Turner サイト: Evil Martians — ニューヨークやロシアを中心に拠点を構えるRuby on Rails開発会社です。良質のブログ記事を多数公開し、多くのgemのスポンサーでもあります。 日本語ブログ: 合同会社イービルマーシャンズ – Qiita 日本語タイトルは内容に即したものにしました。 はじめに ネイティブのmacOSアプリをネイティブアプリらしく見せるにはどうすればよいでしょうか？本記事ではこの疑問を追求するとともに
Rails 7: Ruby 2.7の"beginless range"がサポートされる（翻訳）｜TechRacho by BPS株式会社
概要 元サイトの許諾を得て翻訳・公開いたします。 英語記事: Rails adds beginless range support to clusivity | Saeloun Blog 原文公開日: 2022/08/18 原著者: Murtaza Bagwala サイト: Saeloun Blog 日本語タイトルは内容に即したものにしました。 #45123のbeginless rangeはActive Modelに追加されました。現時点の#45123はmainブランチにのみマージされており、7-0-stableブランチにはマージされていません。 Ruby 2.7で"beginless range"がサポートされるようになったことで、Rails 7でもActrive Recordのinclusionバリデータやexclusionバリデータで..42のような"beginless range"
Railsの技: TailwindスタイルのCSSトランジションをStimulusJSで行う（翻訳）｜TechRacho by BPS株式会社
2022.10.17 Railsの技: TailwindスタイルのCSSトランジションをStimulusJSで行う（翻訳） StimulusJSでUI要素をビルドしたことがあるなら、きっとページ上の要素の表示・非表示を切り替えるコードを書いたことがあるでしょう。これまでの私たちは、モーダルダイアログを表示するときやパネルをスライドさせるときに以下のようなコントローラコードをひとつ覚えで書いていたものです。 this.modalTarget.classList.remove("hidden") UIデザインをレベルアップさせる目的で、トランジション（transition）1で画面上の要素の表示・非表示を滑らかに切り替える方法が使えます。トランジションを使うと、不透明な要素をじわじわ透明にしたり、要素を表示位置にスライドインしたりできるようになります。 CSSのtransitionプロパティで
Rails 7: エラー発生位置をわかりやすく示すerror_highlightが導入された（翻訳）｜TechRacho by BPS株式会社
概要 元サイトの許諾を得て翻訳・公開いたします。 英語記事: Rails now uses error_highlight to locate the columns where an error is present | Saeloun Blog 原文公開日: 2022/09/20 原著者: Swaathi Kakarla サイト: Saeloun Blog 参考: 週刊Railsウォッチ（20220920） Ruby 3.1のerror_highlight機能でエラー発生位置が詳しく表示されるようになった #45818は、現時点ではmainブランチにのみマージされており、7-0-stableブランチには含まれていません。また、error_highlightはRuby 3.1以降でのみ有効になります。 Ruby 3.1で導入されたerror_highlightと呼ばれる新機能によって、エ
Railsの技: HotwireとRailsで使える新しいCSSトリック（翻訳）｜TechRacho by BPS株式会社
概要 元サイトの許諾を得て翻訳・公開いたします。 英語記事: Galaxy brain CSS tricks with Hotwire and Rails | Boring Rails: Skip the bullshit and ship fast 原文公開日: 2022/07/26 原著者: Matt Swanson サイト: Boring Rails 日本語タイトルは内容に即したものにしました。 原文タイトルのgalaxy-brainは「人智を超えた」というようなニュアンスの流行語です。 参考: galaxy-brain - Wiktionary Hotwireアプリケーションでは、CSSやHTMLの基礎をさらに深く学ぶ必要があります。皆さんも、おそらく私と同様にCSSを曲りなりにも使えるレベルまでは学んでいるかと思いますが、最初にいきなりCSSから手を付ける人はまずいないでしょう。
CSS: フィーチャークエリを理解する（翻訳）｜TechRacho by BPS株式会社
概要 元サイトの許諾を得て翻訳・公開いたします。 英語記事: Understanding CSS Feature Queries | Saeloun Blog 原文公開日: 2022/08/25 原著者: Ankita Kaushik サイト: Saeloun Blog 本記事ではFeature Queriesの仮訳として「フィーチャークエリ」を採用しています。 参考: 機能クエリーの使用 - CSS: カスケーディングスタイルシート | MDN フィーチャークエリとは何か フィーチャークエリ（Feature Queries）がCSSに追加されたのは比較的最近のことです。開発者はフィーチャークエリを用いることで、ブラウザのバージョンを指定する代わりに、特定のブラウザ機能を指定してスタイルを追加できるようになります。この機能は、一部のブラウザでまだサポートされていないCSS機能を使いたい場合
Rails: esbuildコンフィグをプラグインで改善してアセットディレクトリをクリーンアップする（翻訳）｜TechRacho by BPS株式会社
概要 元サイトの許諾を得て翻訳・公開いたします。 英語記事: Tune up your esbuild config with plugins and cleanup your assets directory | Arkency Blog 原文公開日: 2022/09/05 原著者: Jakub Kosiński サイト: Arkency Blog 本記事は以下の記事の続きです。 Rails: Webpackをesbuildに移行してJSのビルドを縮小・高速化（翻訳） 前回の記事では、巨大なJavaScriptプロジェクトをWebpackからesbuildに移行する話を書きました。その際、app/assets/builds/ディレクトリに従来のビルドの古いファイルが残っているため移行の最適化が不十分であるという点に触れました。 これは、ハッシュ形式のchunk namesを用いるspli
Railsの技: StimulusJSで使えるキーボードショートカットのライブラリ（翻訳）｜TechRacho by BPS株式会社
概要 原著者の許諾を得て翻訳・公開いたします。 英語記事: Adding keyboard shortcuts and hotkeys to StimulusJS | Boring Rails: Skip the bullshit and ship fast 原文公開日: 2022/07/11 原著者: Matt Swanson サイト: Boring Rails 日本語タイトルは内容に即したものにしました。 キーボードショートカットは、Webアプリケーションのユーザーエクスペリエンスを高めて使い勝手を改善する優れた方法のひとつです。ホットキーの使いこなし方を知らない人にとっても、たとえばescキーを押すとモーダルダイアログを閉じられるといった小さな心配りひとつが、アプリケーションの印象に大きく影響することもあります。 Stimulusにはデフォルトのホットキー機能が組み込まれていません。
RubyファイルにGoコードを書いてRuby Nextで動かす（翻訳）｜TechRacho by BPS株式会社
概要 原著者の許諾を得て翻訳・公開いたします。 英語記事: A no-go fantasy: writing Go in Ruby with Ruby Next — Martian Chronicles, Evil Martians’ team blog 原文公開日: 2021/11/09 原著者: Svyatoslav Kryukov、Travis Turner サイト: Evil Martians -- ニューヨークなどに拠点を構えるRuby on Rails開発会社です。良質のブログ記事を多数公開し、多くのgemのスポンサーでもあります。 日本語タイトルは内容に即したものにしました。 no-go: うまくいかない、立入禁止 Rubyは素晴らしい言語です。私たちはRubyの読みやすさ、柔軟性の高さ、そして開発者中心主義を愛しています。しかしここ火星ではGo言語も愛されています。Goにも
Rails 7: touchやupdate_column(s)によるreadonlyモデル更新を修正（翻訳）｜TechRacho by BPS株式会社
概要 元サイトの許諾を得て翻訳・公開いたします。 英語記事: ActiveRecord methods touch and update_columns no longer work for readonly models | Saeloun Blog 原文公開日: 2022/08/24 原著者: Swaathi Kakarla サイト: Saeloun Blog 日本語タイトルは内容に即したものにしました。 参考: 週刊Railsウォッチ20220829前編 touch、update_column、update_columnsがreadonlyレコードでエラーを出すよう修正 この#44845はRails 7.0.3で反映済みです（Changelogには記載されていません）。 Rails 7.0.3、6.1.6、6.0.5、5.2.8がリリースされました Rails 7.1: touchや
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
