はてなブックマーク

サーバ側だけでフォーム画面をインタラクティブに！　〜Hotwire を活用した「Ghost Formパターン」〜 こんにちは、@nay3 です。 私はここ数年、仕事とプライベートの両方で Rails と Hotwire を使ってアプリケーション開発をしていますが、その中で、繰り返し使っているパターンがあります。 そのパターンは、とても便利なのですが、数ヶ月も間が空くと忘れてしまい、つい旧態依然としたコードから出発してまた同じところにたどり着く、ということを繰り返してしまいます。 実は、最近もまた繰り返してしまいました。 そこで、今後はすぐに思い出して再利用できるように、このパターンに「Ghost Form パターン」(※)という名前をつけて、記事化してしまうことにしました！ ※Ghost Form という名前については、レビュー協力をいただいた @tanaka51 さんの案を採用させていた

はじめにこんにちは、万葉でバックエンドエンジニアをしている吉原です。Railsを中心に、効率的で強力なウェブアプリケーションの開発に日々取り組んでいます。 この記事では、2022年12月13日に開催されたRubyセミナーOnlineでの「Hotwireことはじめ」セッションについてご紹介します。 セッションの概要「Hotwireことはじめ」セッションでは、Railsの知識はあるがHotwireに不慣れな方々に、Hotwireの基本的な概念とその活用方法を紹介しました。 Hotwireの基本概念の解説から始め、実際のサンプルアプリを用いたデモを通じて、Hotwireによる開発の感触を伝えることに重点を置きました。セッションの録画はYouTubeにアップロードされており、この記事を読みながら視聴することで、セッション内容の理解を深めることができます。 サンプルアプリについてサンプルアプリのホー

こんにちは @tatsuosakurai です。 最近、Hotwireのカンファレンスでの発表や、メーリングリストなども増えたのでまとめてみます。（自分もまだ見られてないものも多く、一覧にしたら便利だったので、そのまま公開します）今年はHotwire波が来ているのでは？！という雰囲気を感じていただければと思います:) 2023/09/09 大阪Ruby会議03大阪Ruby会議03でHotwire絡みの発表は2本:) ⚡️Hotwireを使ったモーダルUIを15分で作る

はじめにこんちには。万葉でエンジニアをしている koheitakahashi です。 この記事では、既存のサービスに Hotwire を部分的に導入した際に得られた知見として、どのような問題に直面したかということと、その対応策をご紹介します。 Hotwire の導入を検討している方にとって、この記事が導入の判断材料になれば幸いです。 導入したサービスの概要今回は、弊社が参画しているローカルワークス様のリフォマ というサービスに Hotwire を導入しました。 リフォマは、住まいの「困った！」を解決するマッチングサービスです。2016年から稼働しています。詳しくは、ローカルワークス様の以下の記事を御覧ください。 建設業界の「信頼性」を可視化する！　リフォームのマッチングプラットフォーム「リフォマ」についてご紹介 主な技術スタックは以下の通りです（2022年11月現在）。 Ruby 3.1.

こんにちは、万葉でエンジニアをしている吉原です。 この記事では、Hotwire の中核である Turbo がブラウザで動作するために、ソースコードがどのように届けられているか、どこに配置されているかを探求していきたいと思います。 Rails 7 ではデフォルトで Turbo を使用することができます。あまりに簡単に利用できるので、私はどのようにコードが実行されているかがわからず、魔法のように感じていました。 こういった便利な機能は、フロントエンドの知識や関心が薄いエンジニアにとってはブラックボックスになってしまいがちだと思います。しかし、ブラックボックスとして利用しているだけでは、いざという時に問題解決ができなかったり、他のフレームワークとの組み合わせなど Rails を離れての利用ができなかったりと、歯がゆい部分があるのではないでしょうか。 そこで、これから Turbo のソースコードが

こんにちは！ 万葉でエンジニアをしている koheitakahashi です。 万葉は Hotwire を推していきます！ でご紹介したように、弊社では Hotwire を推進するために情報発信を行っています。今回は、私が Hotwire をどのようにキャッチアップしたのかと、その過程で感じたことをご紹介します。 これから Hotwire をキャッチアップされる方が、この記事を読んで「Hotwire をキャッチアップする道筋がイメージできる」状態になることを目指しています。お役に立てば幸いです。 どのようにキャッチアップしたのかキャッチアップのためにやったことは大きく分けて以下の2つです。それぞれ、詳しく書いていきます。 1. 資料を読んで概要・背景を理解するまずは、Hotwire の概観を掴むことを意識して、いろいろな資料を読みました。 一番最初に読む記事としては、「Hotwire の全

こんにちは、nay3です。前回の「所定労働時間を7時間に減らして3年が経ちました」に引き続き、今回はリモートワークについて書いていきたいと思います。 この記事を書きたいと思ったきっかけ万葉は10年以上前からリモートワークを取り入れていたため、リモートワーク自体は私たちにとって特別新しい話題ではありません。しかし、新型コロナウィルスの感染拡大防止のためにほぼ完全にリモートワークに移行してみたところ、以前のリモートワークには不足な点があった、生き生きと働くことを妨げている構造があったということに改めて気づくことができたので、その話をしたいと思います。 万葉は創業当初からリモートワークを取り入れていた ソフトウェアの開発というのは、開発者同士やお客様とのコミュニケーションさえできれば、基本的にPCとネットワークがあれば場所を問わずに行うことができる仕事です。家で行うことができれば、時間や体力の節

こんにちは、nay3です。今日からは、万葉の文化の根本であるチーム観について書きはじめたいと思います。より分かりやすくお伝えできるように、創業以来、私たちがどんなふうに変わってきたのかという切り口でご紹介してみたいと思います。 創業当初は、「チーム」に強い関心はなかった 万葉を立ち上げたときは、開発をチームで行うことが一般的になっており、万葉も自然な流れとしてチームで開発することを前提としてはいました。しかし、私個人は「チーム」について特段の関心があったわけではありません。振り返ってみると、私はプログラミングは中学時代から一人でやっていたし、スポーツに苦手感があったのでバスケ等のスポーツを通じてチームについて学んだこともありません。部活動などでリーダーシップを伸ばす経験は積んでいましたが、今思えば、それはあくまでもリーダーシップの経験であって、チーム作りというジャンルとは少し違っていました

こんにちは。nay3こと、大場寧子です。 私は株式会社万葉という開発会社を、久保優子さん（現・取締役副社長COO）と2人で2007年4月に創業しました。万葉は、主にRubyやRailsを使って、お客様のシステム開発のお手伝いをしてきました。折々、素敵なエンジニアの方々に社員として合流していただきながら、たのしく開発稼業を続けて来られたと感じています。気がつけばなんと14年以上も経過していました。 その14年の間には、会社として色々な試行錯誤や変化を経てきているので、そういった経験や取り組みを広く発信していきたいと考え、noteを始めることにしました。 今回、noteを始めるにあたって、まずは万葉がどういう会社かを自己紹介したいと思います。一口に自己紹介といっても、14年分の歴史のすべてをいっぺんに書くことはできません。そこで、まずは、万葉の使っている「エンジニアリングパートナー」という言葉