@h13web です。 昨年の秋に、「グローバル展開にむけたアプリと基盤の再構築」という技術ブログを読みました。日本を代表するテック企業であるメルカリが、グローバル展開のための基盤を刷新したという話です。 この中で語られている「Microservicesの課題」については、思うところがありました。実は弁護士ドットコムでも、かつて似たような体験をしています。モノリスをマイクロサービスに分割するプロジェクトがあり、内部設計より疎結合化が優先され、ドメインを横断するコンテキストが各サービスにコピーされ、開発速度はモノリスのときよりもむしろ落ちました。 その体験を思い起こしながら読み進めるうち、うまく言葉にできない違和感のようなものが湧き上がってきました。記事の筆致は丁寧で、反省の言葉もあります。「今後マイクロサービスを初手で選ぶことは、特別な理由のない限りしないほうがいい」。その率直さには好感を

Svelte Japan Offline Meetup #7 登壇資料

動的な変更をスクリーンリーダーに伝える技術 以前の記事で、Nuxt 3.12から導入された <NuxtRouteAnnouncer> と useRouteAnnouncer について紹介しました。 これらはSPAにおけるページ遷移時にスクリーンリーダーへページタイトルを自動通知するコンポーネントとコンポーザブルで、クライアントサイドルーティングのアクセシビリティ課題を解消するものでした。 しかし、ページ遷移以外にもスクリーンリーダーに伝えるべき動的な変更は多く存在します。たとえば、フォームバリデーションのエラーメッセージ、トースト通知、ローディング状態の変化などです。これらを実現するためには自前で aria-live を使って実装する必要がありました。 Nuxt 4.4[1]より、これらのユースケースに対応する <NuxtAnnouncer> コンポーネントと useAnnouncer コ

AI時代のフロントエンド実践開発！ - Finatext Tech Night #6登壇資料

2月13日（日本時間）、ブラウザ間でのWeb標準の相互運用性を向上するプロジェクト「Interop」の2026年プロジェクトが始まりました。 この記事では、昨年のInterop 2025の振り返りと、新たにInterop 2026でどのAPIが重点対象として選出されたのかについて触れていきます。 前提知識として、Interopそのものの取り組みについての解説については、以前書いたInterop 2025のプロポーザル投票が始まりました！をご覧ください。 Interop 2025の振り返り 2026年のInteropプロジェクトについて触れる前に、まずは昨年のInterop 2025プロジェクトについて振り返ってみましょう。 Stable Experimental 最新の安定版ブラウザでのリリースにおいては全体で95点まで達成されており、プレリリース版においては97点まで網羅されていました。

集英社青年漫画新人大賞受賞作発表 週刊ヤングジャンプ編集部 全10部門の部門大賞作品から審査員の先生方と編集部が選んだ 最終選考結果を発表!!

こんにちは、yamanokuです。私は現在Navigation APIとそれに関連するAPIやエコシステムを調べるアドベントカレンダーの「ひとりNavigation API Advent Calendar」を実施しています。 その中でSPAにおけるクライアントサイドルーティングがどのような仕組みになっているかを調べており、SvelteKitの内部を調査しています。今日はその実装内部で興味をもった部分があったので、それをまとめて記事にしてみました。 Sveltekitのクライアントサイドルーティングの仕組み SvelteKitのクライアントサイドルーティングは、他のルーターライブラリと同様にHistory APIとLocation APIを中心に構築されています。主にHistory APIの pushState や replaceState を用いて、ルーティング処理を行っています。 Sve

こんにちは、yamanokuです。本日はReact Tokyoのアドベントカレンダー企画ということで、コミュニティ参加者から見たReact Tokyoの取り組みの印象と考えてみたことについてを書いてみました。あくまでも、運営メンバーではなく一個人の解釈としてお読みいただけると幸いです。 React Tokyoへの所感記事はWonderさんも書かれているので併せてご覧になってみてください。 自己紹介 改めまして、yamanokuと申します。一児の父で会社員をやっている者です。 技術コミュニティウォッチャーとして興味のある国内・国外の技術コミュニティに参加してそれぞれの活動を追っています。主にVue.js Japan User Groupのコミュニティやchibivue landコミュニティで活動しています。 なぜ技術コミュニティをウォッチしているのか 主にWebフロントエンドにまつわる最新の

みなさんこんにちは。 今回は10月25日に開催された Vue Fes Japan 2025 に、エンジニアの倉野、木村、デザイナーの ksm が参加してきましたのでその参加レポートをお届けします。 Vue Fes Japan 2025とは 日本最大級の Vue.js カンファレンスであり、「Fes = お祭り」のように、Vue.js を学び、楽しむことを目的として2018年から始まりました。 前回 (2024年) は国内外から約750名が参加し、今年は日本語セッションの英語翻訳提供といった国際化への取り組みも行い、より多くの方に楽しんでいただけるような試みがされていました。 セッションには Vue、Vite、Vitest をはじめに、AI、アクセシビリティやこれからのフロントエンドに関してのパネルディスカッションなど多彩なトピックを題材にしており、様々な分野からの学びを得ることができます。

この記事は、CYBOZU SUMMER BLOG FES '25の記事です。 こんにちは！サイボウズでデザインテクノロジストをしている saku (@sakupi01) です。 はじめに 数ヶ月前に、個人ブログにて以下のエントリを投稿しました。 blog.sakupi01.com このエントリの執筆背景には、プロダクトに導入する Web 標準の機能について、社内で導入基準を策定していたことがありました。 そこから数ヶ月が経った現在、kintone というプロダクトのフロントエンドでは、この基準に「Baseline Widely Available」を採用し、運用を開始しています。 本エントリでは、Baseline を採用するまでの背景、運用に至るまでに考慮したこと、kintone での活用方法について紹介します。 前置き 新しい Web 標準の機能をプロダクトに入れても、ユーザがサポートさ

はじめに こんにちは、ニコニコ生放送 バックエンド開発マネージャーの yanagi です。 2024 年 6 月 8 日、ドワンゴはランサムウェアを含む大規模なサイバー攻撃を受け、「ニコニコ」全サービスの停止を余儀なくされました。もちろんニコニコ生放送も例外ではなく、2024 年 8 月 5 日にサービスを再開するまでの約 2 ヶ月もの間、その影響を受ける形となりました。 この記事は、サイバー攻撃を受けたニコニコ生放送がサービスを再開するまでの道のりを記録したものです。 今回の復旧作業から学んだ教訓は、「日頃の実践・鍛錬が重要」ということです。今回のような状況においても、物事への取り組み方は日頃からニコニコ生放送内で実践されているものと大きく変わりありませんでした。 ありのままに言えば、ニコニコ生放送には今回のようなできごとを想定した訓練や対応体制は備わっていませんでした。今までに経験した

Model Context Protocol（MCP）、最近流行っていますね。割と簡単に作れることが売りのようです。 というわけで私も勉強がてら、Web Platform APIからBaselineの状況を提供するMCPサーバーを作成し、OSSとして公開しました。 使い方の詳細や実装内容については、下記にあるGitHubリポジトリを参照してください。READMEに設定方法やコードの説明を記載しています。 Baseline MCP Serverとは何か Baseline MCP Serverは、Web Platform DashboardのAPIを利用して、WebのAPI機能のBaselineステータス（ブラウザ対応状況）を取得できるMCPサーバーです。Claude DesktopやCline、VSCodeなどでMCPクライアントを通じてWeb機能のBaseline情報へアクセスできるように

近年のWebフロントエンド開発において「リアクティビティ」という概念が非常に重要になっています。今回は、このリアクティビティにまつわる歴史を辿りつつ、2025年の1月にv1.0となったリアクティビティライブラリである「alien-signals」についてを解説していきます。 リアクティビティとは何を実現するものか そもそも「リアクティビティ」とは何かについてを説明します。 リアクティビティを日本語にすると「反応性」と訳されることがあります。この「反応性」とは、ある状態の変化に対してシステムが適切な対応をすることを指します。 Webフロントエンドにおける「反応性」は、アプリケーションの状態（データ）が変化した際に、その変化を検知し、関連するUIや他の状態を自動的に更新する仕組みのことです。 分かりやすい例としてあげられるのがスプレッドシートのようなUIです。あるセルの値が変更されると、そのセ

ABJマークは、この電子書店・電子書籍配信サービスが、著作権者からコンテンツ使用許諾を得た正規版配信サービスであることを示す登録商標(登録番号 第6091713号)です。

2月14日（日本時間）、ブラウザ間でのWeb標準の相互運用性を向上するプロジェクト「Interop」の2025年プロジェクトが始まりました。 この記事では、Interop 2024の振り返りと、Interop 2025でどのAPIが重点対象として選出されたのかについて触れていきます。 前提知識として、Interopそのものの取り組みについての解説については、昨年書いたInterop 2025のプロポーザル投票が始まりました！をご覧ください。 Interop 2024の振り返り 2025年のInteropプロジェクトについて触れる前に、2024年のInteropプロジェクトについて振り返ってみましょう。 Stable Experimental 最新の安定版ブラウザでのリリースにおいては全体で95点まで網羅されており、プレリリース版においては97点まで網羅されていました。安定版でのテスト網羅率