Front-end maximalism
19 Oct, 2025 Here's a question that comes up all the time: Q: I have a front end that calls into a back end. It needs to do things now, and might need to do more things later. How much filtering and preprocessing should the back-end do before it passes the data to the front end? And here's an answer I like: A: As little as possible. Some examples: Suppose you have a product page with a long list o
The Past, Present, and Future of UI at GitHub - Joel Hawksley
Slides from my 2025 talk, as presented at Boulder Ruby. I also presented a variant of this talk at Vancouver Ruby. Hi! I want to start with gratitude. First and foremost for all of you. I’m so grateful for the Ruby community we have here in Boulder and am proud to be a part of it. I’m also proud of how we’ve stuck with it for what must be almost 20 years at this point, right Marty? I’m also gratef
Rails, WebComponentsとTurboで挑むislands Architectureへの道
オンラインコミュニティプラットフォームである「OSIRO」を開発して8年以上が経過しました。 開発を進める間に、Railsだけでなくフロントエンド技術やWebも色々進化してきましたが、 8年間一貫してRailsとVueを使ってきました。しかし、いくつかの課題に直面しフロントエンドのリニューアルを決意しました。本記事では、VueとRailsのプロダクトをWebComponentsとTurbo、そしてRailsでのislands Architectureに書き換えている過程を紹介します。 VueとRailsが無秩序になってきた OSIROでは8年間、一貫してRailsでAPIを作りながらRailsのViewの中でVueをレンダリングする形で開発を進めてきました。サービスのUIは一度大幅なリニューアルを行いましたが、それも5年ほど前の話です。この間、技術的な大幅な見直しは行っておらず、次第に無秩
Ruby on RailsのMPAでForem流の"Islands Architecture"を導入するメリット・デメリット
Ruby on RailsのMPAでForem流の"Islands Architecture"を導入するメリット・デメリット Forem流のIslands Architectureとは Forem(dev.toのOSS)はメインの技術スタックは現在でもRuby on Railsであり、 フロントエンドにはPreactとその他いくつかのフロントエンドのスタックを使って実装されています。 CDNをつかって積極的にキャッシングされているということもあり、サイトの応答速度は いっとき「阿部寛のホームページくらい早い」ということが言われただけあり、レスポンス速度には定評があります。現在でもHerokuで運用されていますが、まだ早く表示されるので、よかったらご覧ください。 そんな一世を風靡したforemは今でもRailsとPreactを使っていて、そこで「Islands Architecture」を採
Google I/O 2024 注目のフロントエンド技術
こんにちは、LINEスキマニのフロントエンド開発担当や、フロントエンド開発に関するイベントの運営をしている板井（@itatchi3_）です。 LINEヤフーでは、社員が海外のカンファレンスや学会に参加することを支援する制度があります。これを通じて、最先端技術の情報収集や現地の温度感の調査を行い、得た知見を会社に持ち帰ることで、全社的な技術力向上に努めています。 この制度を活用し、2024年5月13日と14日にアメリカ・サンフランシスコ州マウンテンビューで実施された「Google I/O 2024」に現地参加してきました。 現地のエンジニアと実際に触れ合った中で、その熱意の高さからも重要であると感じ、さらにLINEヤフーでも導入の検討が進められているフロントエンド技術について解説します。 Built-in AI 兎にも角にもAI一色の「Google I/O 2024」でした。AI関連の発表が
STORES フロントエンドの現在地 2022 - STORES Product Blog
こちらは STORES Advent Calendar 2022 8日目の記事です。 みなさんこんにちは、STORES のリテール本部でフロントエンドのエンジニアリングマネージャーをしています、 daitasuと申します。 2022年の年の瀬、 STORES のフロントエンド組織は立ち上がりから約4年の月日を迎えました。 日々のカジュアル面談や採用活動のなかで、「STORES のいまの技術状況ってどんな感じですか？Nuxt化って進み具合どうですか？」といった質問を受けることがよくあります。 STORES のフロントエンドグループについて、対外的に全体像を示すような記事が今までなかったので、本記事では、下記を紹介していこうと思います！ STORES フロントエンドの成り立ち 技術負債の解消・改善にどのように向き合っているか 2022年末現在での主な技術状況 2022年現在のスナップショットを
Micro Frontends
Good frontend development is hard. Scaling frontend development so that many teams can work simultaneously on a large and complex product is even harder. In this article we'll describe a recent trend of breaking up frontend monoliths into many smaller, more manageable pieces, and how this architecture can increase the effectiveness and efficiency of teams working on frontend code. As well as talki
Edge Side Frontend という新領域
at #ワインと鍋js なぜフロントエンドに Edge Worker が必要なのか、Cloudflare Workers をどう使っていくかみたいな話をしました
Frontendless Rails Frontend by Vladimir Dementyev
Everything is cyclical, and web development is not an exception: ten years ago, we enjoyed developing Rails apps using HTML forms, a bit of AJAX, and jQuery—our productivity had no end! As interfaces gradually became more sophisticated, the “classic” approach began to give way to frontend frameworks, pushing Ruby into an API provider’s role. The situation started to change; the “new wave” is comin
kintone フロントエンドリアーキテクチャプロジェクトで大切にしていること - Cybozu Inside Out | サイボウズエンジニアのブログ
kintone フロントエンドリアーキテクチャプロジェクトリーダーの @koba04です。 昨年末から、kintone フロントエンドリアーキテクチャをプロジェクト（フロリア）として再構成してスタートさせました。フロリアという名前は社内での公募により決定しました。 今回はプロジェクトで目指していることについて紹介します。本プロジェクトの開始前に Cybozu Meetup で話したスライドや動画も公開されているのでよければ見てください。 speakerdeck.com www.youtube.com これまでの取り組みについては下記の記事にて紹介しています。 blog.cybozu.io 3 行まとめ フロリアのゴール 全てのページが React によって表示されている 現状 今後 フロントエンドが技術的にもチーム的にも分割されている モノリスな構成からの脱却 アーキテクチャとチーム（
kintoneフロントエンド刷新によるモノリスからの脱却とその先に目指す未来
https://cybozu.connpass.com/event/227770/ の発表資料です。
DocBaseのフロントエンド改修をどのように進めたか
こんにちは、クレイの阪本です。 もともと外部委託パートナーとしてクレイ案件のお手伝いをしていましたが、気づけば中の人となっていました。 よろしくお願いいたします。 先日、DocBaseはフロン...
Misocaフロントエンドの歴史と未来 - 弥生開発者ブログ
こんにちは、 @mugi_uno です。 Misocaがサービスローンチされたのは 2011年です。実は2021年は10年目ということで何気に節目の年だったりします。 10年もあれば世の中的にもさまざまな技術変遷があり、Misocaもその波に乗っていけるよう、日々改善を繰り返してきました。 というわけで今回は、私自身がフロントエンド側の作業を多くやってきたこともあり「この10年間でMisocaのアーキテクチャがどのように変わってきたのか？」をフロントエンド側に焦点を絞って振り返ってみたいと思います。 ※ 意思決定に関する資料が無いものも存在するため、一部は情報に基づく推察になる点をご承知おきください。 年表 いきなりですが、ざっくり年表を書いてみました。 上部の黄色いラインは、フロントエンドに大きい影響を与えたMisocaの機能です。 これをもとに、サービスローンチから順を追って見てみます
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
News and Tools for Frontend Developers · Frontend Dogma
新しいメルカリ Web とそのパフォーマンス
加速するコンポーネント設計入門 / Component Design as an Accelerator