Rails: Tailwind + Stimulusで2FA/OTP/SMS認証用の6桁フィールドを作る（翻訳）｜TechRacho by BPS株式会社
概要 元サイトの許諾を得て翻訳・公開いたします。 英語記事: Making a nice 2FA / OTP / SMS field with Tailwind & Stimulus | justin․searls․co 原文公開日: 2024/08/08 原著者: Justin Searls 日本語タイトルは内容に即したものにしました。 というわけで、今日はBeckyの新アプリでメールベースの認証フローの一部となるささやかなUIを構築しました。 （まだリリースしておらず、スクリーンキャストを録画するのもおっくうなので、ひとまずこのフィールドが完璧に動いているものとお考えください、どうぞよろしく） 何らかのサイトにログインすると、認証アプリからTOTP（タイムベースのワンタイムパスワード）1を自動入力したり、SMSやメールで送信されたコードをコピーして貼り付けたりするときに、（私のように）
Rails: HotwireとSPAを比較するなら実装コストの違いに注意（翻訳）｜TechRacho by BPS株式会社
概要 原著者の許諾を得て翻訳・公開いたします。 英語記事: The popover drama 原文公開日: 2024/06/02 原著者: Jorge Manrubia 日本語タイトルは内容に即したものにしました。 インターネット接続が遅い環境でHEYカレンダーのポップオーバーの読み込みが遅くなる様子が以下でツイートされたことがきっかけで、ポップオーバーのドラマが幕を開けました。その後、無慈悲で辛辣な書き込みやプロの荒らしの出現など、最もSNSらしい形で議論がヒートアップしました。 If you want to know why an app *needs* JavaScript on the client and can’t just do it all on the server, just look at Hey or any other Hotwrite app pic.twit
Railsフロントエンド: ViewComponent+Tailwind CSS+Hotwireの便利技8つ（翻訳）｜TechRacho by BPS株式会社
概要 元サイトの許諾を得て翻訳・公開いたします。 英語記事: Quicktips for ViewComponent with Tailwind CSS/Hotwire | Rails Designer 原文公開日: 2024/01/22 原著者: Rails Designer -- Railsフロントエンド関連記事に加えて、ViewComponentとTailwind CSSを用いた美しいUIコンポーネントを販売しています 日本語タイトルは内容に即したものにしました。 フロントエンドのコードは、歴史的に少々軽く見られていました。「HTMLは本物の言語じゃない！」「CSSはサイテー！」「JavaScriptもそうだ！」。嘆かわしい話です。Railsは1個人だけの開発チームに、すべてが完全に揃った製品を構築できる本物のスーパーパワーを与えてくれるのですから。 Railsアプリ作成がさらに楽し
Rails: フルスタックRailsの未来（2）Turboのビュートランジション（翻訳）｜TechRacho by BPS株式会社
概要 元サイトの許諾を得て翻訳・公開いたします。 英語記事: 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に合わせました。 はじめに
Rails: SeleniumをCupriteにアップグレードする（翻訳）｜TechRacho by BPS株式会社
概要 元サイトの許諾を得て翻訳・公開いたします。 英語記事: 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上でオープンされるファイル
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から手を付ける人はまずいないでしょう。
Railsの技: "プログレッシブエンハンスメント"でHotwire的思考を身につける（翻訳）｜TechRacho by BPS株式会社
概要 原著者の許諾を得て翻訳・公開いたします。 英語記事: Thinking in Hotwire: Progressive Enhancement | Boring Rails: Skip the bullshit and ship fast 原文公開日: 2022/08/16 原著者: Matt Swanson サイト: Boring Rails 日本語タイトルは内容に即したものにしました。 Turboについては以下の記事もどうぞ。 参考: 猫でもわかるHotwire入門 Turbo編 Hotwireを始める方法や個別のパーツの利用法を学べるチュートリアルはたくさんあります。しかし私は「Hotwireで考える」コツを会得するのにしばらく時間がかかりました。 Hotwireそのものは「HTML-over-the-wire」という包括的なコンセプトに過ぎず、以下のような部品をいつどのように
HotwireはRailsを「ゼロJavaScript」でリアクティブにできるか？後編（翻訳）｜TechRacho by BPS株式会社
概要 原著者の許諾を得て翻訳・公開いたします。 英語記事: Hotwire: Reactive Rails with no JavaScript? — Martian Chronicles, Evil Martians’ team blog 原文公開日: 2021/04/12 原著者: Vladimir Dementyev -- Evil Martiansリード開発者。 サイト: Evil Martians -- ニューヨークやロシアを中心に拠点を構えるRuby on Rails開発会社です。良質のブログ記事を多数公開し、多くのgemのスポンサーでもあります。 長文につき前編と後編に分割しました。今回は後編です。 HotwireはRailsを「ゼロJavaScript」でリアクティブにできるか？前編（翻訳） 前編: TurbolinksをTurbo Driveに置き換える 前編: Turb
HotwireはRailsを「ゼロJavaScript」でリアクティブにできるか？前編（翻訳）｜TechRacho by BPS株式会社
概要 原著者の許諾を得て翻訳・公開いたします。 英語記事: Hotwire: Reactive Rails with no JavaScript? — Martian Chronicles, Evil Martians’ team blog 原文公開日: 2021/04/12 原著者: Vladimir Dementyev -- Evil Martiansリード開発者。 サイト: Evil Martians -- ニューヨークやロシアを中心に拠点を構えるRuby on Rails開発会社です。良質のブログ記事を多数公開し、多くのgemのスポンサーでもあります。 長文につき前編と後編に分割しました。 サマリー The HEY stack: - Vanilla Ruby on Rails on the backend, running on edge - Stimulus, Turbolink
Hotwireデモアプリを動かしてみた｜TechRacho by BPS株式会社
Hotwireデモアプリを動かしてみたのは昨年以下の速報記事を出したときですが、せっかくなのでRuby 3.0でもやってみました。 速報: Basecampがリリースした「Hotwire」の概要 デモアプリはRails 6.1です。データベースはSQLite3を使っています。 動かした環境: OS: macOS X Catalina 10.15.7 Ruby: 2.7.1および3.0.0 （rbenvにて設定） Redis: 6.0.9 Redisがローカル環境にない場合はインストールが必要です。自分はHomebrewでインストールしました。 $ brew install redis $ brew services start redis デモアプリをgit cloneします。 $ git clone https://github.com/hotwired/hotwire-rails-de
速報: Basecampがリリースした「Hotwire」の概要｜TechRacho by BPS株式会社
12/23の朝方、DHHが以下のツイートを発信しました。 Hotwire aka NEW MAGIC is finally here: An alternative approach to building modern web applications without using much JavaScript by sending HTML instead of JSON over the wire. This includes our brand-new Turbo framework and pairs with Stimulus 2.0 😍🎉🥂 https://t.co/Pa4EG8Av5E — DHH (@dhh) December 22, 2020 取りあえず様子を知りたかったのでDHHのツイートを追ってみました。お気づきの点がありましたら@hachi8833までお知ら
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
