ちょっと複雑なサイドバーをHotwireで簡単に作りたい - クックパッド開発者ブログ

2024/11/13 13 users Rails クックパッド 渡邉 One experience

こんにちは、レシピ事業部プロダクト開発グループの渡邉（@taso0096）です。 クックパッドは最近、One Experienceというプロジェクトによって日本版とグローバル版のシステムが統合されました。 どちらのシステムもRailsで実装されているという点は同じですが、統合先となったグローバル版ではHotwireが使われていました... 続きを読む

Next.jsと比較しながらHotwireを理解するサイト: "Hotwire for Frontend Developers"

2024/10/23 60 users デモ ベータ版 フロントエンドエンジニア Next.js 目的

ここ３ヶ月間ほど、"Hotwire for Frontend Developers"「フロントエンドエンジニアのためのHotwire入門」というウェブサイトを作っていました。（ベータ版として公開していました） HotwireとNext.jsをちゃんと見てから比較してもらいたいというのが最大の目的で、同じUIをHotwireのとNext.jsで作成し、デモを動かしたり... 続きを読む

Rails: HotwireとSPAを比較するなら実装コストの違いに注意（翻訳）｜TechRacho by BPS株式会社

2024/07/17 21 users Jorge Manrubia 許諾 Rails 原著者 SPA

概要 原著者の許諾を得て翻訳・公開いたします。 英語記事: The popover drama 原文公開日: 2024/06/02 原著者: Jorge Manrubia 日本語タイトルは内容に即したものにしました。 インターネット接続が遅い環境でHEYカレンダーのポップオーバーの読み込みが遅くなる様子が以下でツイートされたことがきっかけで、ポップオ... 続きを読む

大阪Ruby会議03でHotwireを使ったモーダルUIを15分で作ってみました＆基調講演裏話 #osrb03 - give IT a try

2023/09/10 17 users community モーダル モーダルUI 基調講演 タイトル

はじめに 2023年9月9日に開催された大阪Ruby会議03で、基調講演（キーノート）を担当させてもらいました。 regional.rubykaigi.org 当日使った資料はこちらです。 発表のタイトルは"Enjoy Ruby programming, Enjoy Ruby community!"でした。 今回の基調講演ではちょっと攻めた取り組みとして、「Hotwireを使ったモーダル... 続きを読む

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

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

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

Hotwireの良かった点、辛かった点、向いているケース、向いていないケース - 猫Rails

2022/05/16 22 users Rails WebSocket Stimulus 必須 挙動

Hotwireとは？ Turbo Driveとは？ Turbo Framesとは？ Turbo Streamsとは？ Stimulusとは？ Hotwireのデモ 良かった点 サーバーサイドに集中できる Railsの資産をフルに活かせる 後付けで段階的にSPA風の挙動を追加できる 学習コストが低い 開発コストが低い WebSocketは必須ではない 辛かった点・辛くなりそうな点 DOM... 続きを読む

Hotwire を 本番環境で使ってみた感想

2022/04/07 125 users 本番環境 感想

じわじわとPerlからGoに移行しようとしている俺達のマイクロサービシーズの紹介 / The migrating to microservices in Go from Monolith in Perl 続きを読む

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

2022/02/21 14 users SPA Rails 7

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

HotwireからDHHが考えるこれからのRailsとJSの付き合い方を知る - Speaker Deck

2021/02/19 89 users DHH Rails Speaker Deck 技術顧問 会社

Transcript Hotwire から DHH が考えるこれからの Rails と JS との付き合い⽅を知る @willnet 1 いろんな会社で技術顧問をしつつ、空 いた時間で savanna.io などを開発して います 2 savanna.io は Hotwire を利⽤していま す 3 今⽇は Hotwire の話をします 4 Hotwire とは？ Basecamp 社製js フレームワーク Rails ... 続きを読む

Railsをやめても解決しない問題

2021/02/07 34 users Rails ORM 序文 SPA 論点

序文 昨年末くらいからRailsとフルスタックJavascriptの論争の記事がよくバズってましたね。主にORMとパフォーマンスやSPAが論点として多かった気がします。 Rails側のSPA作りづらい問題に対し、hotwireが一つの解として今後どういう受け入れ方をされて行くのか、どう発展していくのかは気になるところです。 未来のフル... 続きを読む

Hotwireとは何なのか？

2021/01/24 135 users JSON Basecamp SPA APIサーバ HTML

はじめに HotwireはBasecampが発表した、モダンなWebアプリケーションを作るための新しいアプローチです。名前もHTML OVER THE WIREから来ているように、HotwireではHTMLをサーバーから送ります。「それ普通のWebアプリケーションでは？」と思う方もいるかもしれませんが、SPA + APIサーバでJSONが使われるのに対し、SPA... 続きを読む

Hotwireの感想 - laiso

2021/01/23 27 users laiso ウェブアプリケーション Turbo React

Hotwire https://hotwire.dev/ Turboを中心としたウェブアプリケーションのアーキテクチャの要素技術やコンセプトをPRするための名称 役割としてはJamstackとかReactのlearn once, write anywhereなどに似ている アプリケーション実装言語非依存だけど現状Railsアプリケーションしか実用できる基盤がない Hotwireの思想 ... 続きを読む

速報: Basecampがリリースした「Hotwire」の概要｜TechRacho（テックラッチョ）〜エンジニアの「？」を「！」に〜｜BPS株式会社

2020/12/24 19 users Basecamp TechRacho テックラッチョ 速報

12/22の朝方、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 ... 続きを読む

HTML Over The Wire | Hotwire

2020/12/22 113 users HTML Over The Wire

Hotwire is an alternative approach to building modern web applications without using much JavaScript by sending HTML instead of JSON over the wire. This makes for fast first-load pages, keeps template rendering on the server, and allows for a simpler, more productive development experience in any... 続きを読む