概要 原著者の許諾を得て翻訳・公開いたします。 英語記事: Binary Solo | Hotwire Modals in Ruby on Rails with Stimulus and Turbo Frames 原文公開日: 2024/02/21 原著者: Ayush Newatia 参考: アクセシビリティ - Wikipedia 日本語タイトルは内容に即したものにしました。 モーダルは Webで広く使われていますが、アクセシビリティに配慮して構築されていることはめったにありません。モーダルを表示すると背景が不活性（inert）になっても、スクリーンリーダーとキーボードだけを使っているユーザーには引き続き背景が表示されたりします。 しかし、まずはモーダルのアクセシビリティを高めるために何をする必要があるかを見ていきましょう。 🔗 モーダルのアクセシビリティを改善するにはどうすればよい
概要 元サイトの許諾を得て翻訳・公開いたします。 英語記事: Recipe: Swapping out a model div with Turbo Streams and Stimulus | justin․searls․co 原文公開日: 2024/07/12 原著者: Justin Searls -- Test Doubleの共同創業者です 日本語タイトルは内容に即したものにしました。 RailsとHotwireの組合せは、動的な振る舞い（例: ユーザー操作へのレスポンスをHTMLとしてネットワーク経由で送信することでDOMを置き換える）について実に優れていますが、その処理内では半ダースものファイルを操作する必要があるため、、全体の印象として面倒に感じられます。 そもそもRails自身が常にそうなっています（1つ機能を足すためにルーティング/モデル/コントローラ/ビューなどの更新が必
概要 元サイトの許諾を得て翻訳・公開いたします。 英語記事: The difference between Turbo Streams and Turbo Frames | Arkency Blog 原文公開日: 2024/11/03 原著者: Tomasz Stolarczyk 日本語タイトルは内容に即したものにしました。 Rails Doctrineの第1条にある「プログラマーの幸せのために最適化すること（Optimize for programmer happiness）」は、おそらくRuby on Railsが成功した要因であると個人的に考えています。さらにいえば、Railsの最適化はプログラマー以外の人も対象にしていると言ってよいでしょう（「プログラマーでない人々」がRailsを活用してオンラインビジネスを立ち上げたという話が知られています）。そのかなりの部分が、Railsの「設
概要 元サイトの許諾を得て翻訳・公開いたします。 英語記事: Abusing Rails' content_for to push data attributes up the DOM | justin․searls․co 原文公開日: 2024/07/01 原著者: Justin Searls -- Test Doubleの共同創業者です 日本語タイトルは内容に即したものにしました。 なお、特定のページでのみ<body>にdata-controller="filterable"属性を設定したい場合は、コントローラかアクションで、それが必要なページでのみ臨時にレイアウトを切り替える方がシンプルなのかなと思いました↓が、著者に問い合わせると「レイアウトがかなり複雑なので、属性以外同じレイアウトが重複するリスクは避けたい」とのことでした。 参考: 2.2.14.1 コントローラ用のレイアウトを
Rails 7.2.beta3でいろいろ試していたときに、scaffold + Tailwindで生成されたリンク（Tailwindによってボタン風のスタイルになっています）にマウスオーバーするだけでリクエストが送信されていることに気づきました。様子がよくわからなかったので、このあたりを調べてみました。 念のため、Tailwindを使わない素のRails 7.2.beta3でもscaffoldして試してみましたが、同様にボタンへのマウスオーバーでリクエストが発生していましたので、Tailwindは無関係でした。 Turboのprefetch 結論から言うと、これはTurbo 8で導入された挙動だそうです（#1101）。以下のStack Overflowエントリで知りました。 参考: Rails with Hotwire/Turbo doing get requests on link ho
概要 元サイトの許諾を得て翻訳・公開いたします。 英語記事: How to add a loading animation to your turbo frame with TailwindCSS | Arkency Blog 原文公開日: 2024/03/14 原著者: Maciek Korsan sibling（兄弟）は英ママとしました。 参考: 後続兄弟結合子 - CSS: カスケーディングスタイルシート | MDN 見ていてちょっと気が遠くなる[Histric transactions]タブの読み込み 🔗 Turbo Framesのbusy属性 読み込み中の状態を表示する最も手軽な方法は、turbo_frame_tagの内側にローダーを挿入することです。問題は、ローダーが動くのは最初の読み込みのときだけ、以後は新しいコンテンツの読み込みが完了するまで古いコンテンツが表示されてしま
概要 元サイトの許諾を得て翻訳・公開いたします。 英語記事: The future of full-stack Rails II: Turbo View Transitions—Martian Chronicles, Evil Martians’ team blog 原文公開日: 2023/10/23 原著者: Vladimir Dementyev（首席バックエンドエンジニア）、Travis Turner（技術編集者） サイト: Evil Martians -- ニューヨークやロシアを中心に拠点を構えるRuby on Rails開発会社です。良質のブログ記事を多数公開し、多くのgemのスポンサーでもあります。 日本語ブログ: 合同会社イービルマーシャンズ - Qiita 日本語タイトルは内容に即したものにしました。 View Transitionsの訳語はMDNに合わせました。 はじめに
概要 元サイトの許諾を得て翻訳・公開いたします。 英語記事: The future of full-stack Rails: Turbo Morph Drive—Martian Chronicles, Evil Martians’ team blog 原文公開日: 2023/10/16 原著者: Vladimir Dementyev（首席バックエンドエンジニア）、Travis Turner（技術編集者） サイト: Evil Martians -- ニューヨークやロシアを中心に拠点を構えるRuby on Rails開発会社です。良質のブログ記事を多数公開し、多くのgemのスポンサーでもあります。 日本語ブログ: 合同会社イービルマーシャンズ - Qiita 日本語タイトルは内容に即したものにしました。 はじめに Web開発コミュニティの「フルスタック回帰」トレンドはますます勢いを増しています
概要 元サイトの許諾を得て翻訳・公開いたします。 英語記事: Upgrading from Selenium to Cuprite | Janko Marohnić 原文公開日: 2023/06/05 原著者: Janko Marohnić -- Shrine、vim-test、rodauth-railsの作者です 参考: WebDriver | Selenium 現在の会社に入社したときのRailsアプリケーションでは、システムテストのCapybaraドライバとしてSeleniumが使われていました。それまでSeleniumを使ったときの経験は今ひとつで、特に自動更新されるChromeとchromedriverを常に最新の状態に保たなければならない点が手間でした。このプロジェクトでは、おそらくSpring gemと組み合わせてシステムテストを実行するときに、OS上でオープンされるファイル
概要 元サイトの許諾を得て翻訳・公開いたします。 英語記事: Be careful with turbo and view components | Arkency Blog 原文公開日: 2022/11/14 原著者: Tomasz Patrzek サイト: Arkency Blog 日本語タイトルは内容に即したものにしました。 私たちのプロジェクトでは、ビューテンプレートのボタンスタイル統一にViewComponentを使っています。たとえば以下のような感じです。 class Forms::Button < ViewComponent::Base def initialize(type:, text:, options: {}, data: {}, disabled: false) @type = type @text = text @options = options @data =
Rails 7で、フォームの送信ボタンをクリックしたときにTurboで確認ダイアログを出す方法がなかなかわからず、すっかりはまってしまいました。 結論から言うと、Rails 7とTurboでは、data: { turbo_confirm: 'Are you sure?' }は以下のようにform_withのオプションに渡すと表示されるようになります。 <!-- Turboによる確認ダイアログが出る --> <%= form_with(url: check_path, data: { turbo_confirm: 'Are you sure?' }) do |form| %> <%= text_area_tag( :typotext, @received_string, class: 'form-control font-monospace' ) %> <%= form.submit '送信
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
