【デジカルチーム ブログリレー2日目】 こんにちは、デジカルチームでソフトウェアエンジニアをしている穴繁です。 長年開発を続けてきたサービスを運用していると、「そろそろアレもコレも新しくしたいなぁ…でもサービスは止められないし、どう進めたものか…」なんて頭を悩ませることはありませんか？ 今回は、まさにそのような状況で私たちが実践した「開発を止めない段階的フロントエンドリプレイス」について、計画・技術・組織という3つの観点からご紹介します。 前回の計画編では、なぜ段階的なリプレイスを選択したのか、そしてその全体像についてお話ししました。 www.m3tech.blog 続く本記事（技術編）では、そのリプレイスを支えた具体的な技術要素や、導入の過程で得られた知見についてお話しします。 デザインシステムを活用したUIリプレイス なぜRadix UIを選んだか？ Radix UIへの移行で直面した
Introducing the Dialog Element
Although the alert, confirm and prompt JavaScript methods are convenient, they aren’t recommended due to their script-blocking behavior. That’s why we worked with other browser vendors to drive improvements to the <dialog> specification over the last few years. The most important conversations involved accessibility. You can find more complex use-cases, like payment dialogs, on the web. They are c
Bootstrap 5.1.0
The Bootstrap Blog News and announcements for all things Bootstrap, including new releases, Bootstrap Themes, and Bootstrap Icons. The first minor release of Bootstrap 5 is here! v5.1.0 has arrived and is packed with exciting new features and improvements. There’s experimental support for CSS Grid, offcanvas in the navbar, a new placeholders component, horizontal collapse support, new helpers, new
Over the past decade, my work has centred on partnering with teams to build ambitious products for the web across both desktop and mobile. This has provided a ring-side seat to a sweeping variety of teams, products, and technology stacks across more than 100 engagements. While I'd like to be spending most of this time working through improvements to web APIs, the majority of time spent with partne
Django, HTMX and Alpine.js: Modern websites, JavaScript optional
Modern JavaScript for Django Developers Django, HTMX and Alpine.js: Modern websites, JavaScript optional Building a modern front end in Django without reaching for a full-blown JavaScript framework. Choosing the right tools for the job, and bringing them into your project. Published November 23, 2021, Updated May, 2025 This is Part 5 of Modern JavaScript for Django Developers. Welcome back to "Mod
Migrating to v5
Track and review changes to the Bootstrap source files, documentation, and components to help you migrate from v4 to v5. Dependencies Dropped jQuery. Upgraded from Popper v1.x to Popper v2.x. Replaced Libsass with Dart Sass as our Sass compiler given Libsass was deprecated. Migrated from Jekyll to Hugo for building our documentation Browser support Dropped Internet Explorer 10 and 11 Dropped Micro
アソビューでバックオフィス向けのシステムを担当しているアズマです。今回ご紹介するのは、レガシー技術で構築されていたWebアプリケーションをhtmxで置き換えていく話です。 htmxとは htmxのコンセプトは、HTMLに可能な限りJavaScriptを記述することなくAJAX、CSS変換、サーバサイドレンダリングを実現するJavaScriptライブラリです。手軽に非同期処理ができ、コンテンツ切り替えもHTMLの属性を1つ2つ追加するだけで完了できます。 htmxを採用した背景と目的 比較的古い技術スタックで構成しているバックオフィス用のSpring Bootアプリケーションがあり、このアプリケーションには以下の課題がありました。 バックオフィス用とはいえ画面描画が遅く、操作性も悪い。 使われているJavaScriptライブラリのバージョンが古く、さらにはメンテナンスがされていない依存関係の
ASP.NET Core – 業務プログラムの実践学習
スタートアップ .NET ASP.NET Core入門 簡単なページを作ってみる - ウマヤディア 意識低めのASP.NET Core MVC入門（２）簡単なフォームを作る 意識低めのASP.NET Core MVC入門（３）モデルを使ってみる 概要 はじめてのASP.NET MVC5 連載：ASP.NET MVC入門【バージョン3対応】 - ＠IT 第1回 Controller－View開発のキモを押さえる（1/3） - ＠IT 第7回 レイアウト／部分ビューでアプリ共通のデザインを定義（1/4） - ＠IT ASP.NET MVC 開発を始める前に理解しておきたいこと - Qiita ASP.NET の機能 - ASP.NET 入門 【Visual Studio 2019】ASP.NET MVCでHello,Worldを出力！初心者でもわかりやすい画像付き | フライテック ASP.N
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
開発を止めない段階的フロントエンドリプレイスの実践 (2) 技術編 - エムスリーテックブログ
If Not React, Then What? - Infrequently Noted
レガシーWebアプリケーションをhtmxへ切り替えた話 - asoview! Tech Blog