Oyama Michinoku yamanoku

新しいWeb History APIの提言

広く利用されている History API は、最も基本的なユースケースにおいてさえ利用が困難です。このことは、カスタムビルドのWebアプリケーションや共有コンポーネントライブラリにとって障害となっています。

History APIの使用を必要とする主要なユースケースには、以下のようなものがあります。

シングルページアプリケーション（SPA）向けのWebアプリルーター: クライアントサイドルーターはナビゲーションを捕捉し、必要な読み込みとレンダリングを同じウィンドウ内で実行し、最終的にアドレスバーのURLと履歴スタックを更新します。
ポップアップやダイアログなどのUIオーバーレイコンポーネント: 通常、意味のあるアドレスバーの変更は伴いませんが、オーバーレイは「戻る」ボタンを使用してキャンセル可能である必要があります。例えば、リッチな日付選択ポップアップでユーザーが「戻る」ボタンをクリックした際、ポップアップが閉じるのではなく、ブラウザが前のページに戻ってしまうのは悪いUX（ユーザー体験）です。
一時的な history.state: bfcache（バック・フォワード・キャッシュ）からの高速なリロードを行うための有用なストレージとなり得ます。
昔ながらの <a href="#..."> によるフラグメントナビゲーション。

成熟から次なるフロンティアへ：Vue Fes Japanのテーマ変遷に関する分析的レビューと2025年の展望

序論

Vue Fes Japanは、日本最大級のVue.jsカンファレンスとして、国内のみならず世界のVue.jsエコシステムの動向を測る重要な指標としての地位を確立している[^1]。Vue.js Japan User Groupによって運営されるこのイベントは、単なる技術発表の場に留まらず、フレームワークの進化、コミュニティの関心事、そして未来の方向性を映し出す鏡の役割を果たしてきた[^3]。本レポートの目的は、2018年の初回開催から現在に至るまでのVue Fes Japanにおける発表内容を網羅的に調査し、そのテーマ選定の根底にある動向を明らかにすることにある。さらに、この歴史的分析と、Vue、Nuxt、Viteの公式ロードマップや最新動向に関する情報を統合し、2025年に開催が予定されている次期カンファレンスで採択される可能性の高い技術テーマを、データに基づき予測・分析する。

本分析は、公式ウェブサイト、過去のタイムテーブル、コミュニティによる参加レポート、そして関連技術の公式発表など、多角的な情報源を基に行われる[^4]。これにより、カンファレンスの過去の軌跡を解き明かし、未来の技術的展望を提示することで、Vue.jsエコシステムに関わる全ての開発者、技術リーダー、そしてコミュニティ貢献者にとって有益な洞察を提供することを目指す。

第1章 Vue Fes Japanのテーマ変遷（2018年～2023年）：歴史的分析

なぜ人々はポップアップUIに頼ってしまうのか？

頼ってしまう理由とその背景を考える

Web企業やサービスプロバイダーは、ポップアップUIを利用して宣伝や告知を行うことが多いです。なぜなら、ポップアップは目立ちやすく、即座にユーザーの注意を引くからです。しかし、一部のユーザーにとってはポップアップは迷惑なものと感じることもあります。その理由を考えると、以下のような要素が挙げられます。

目立ちすぎる: ポップアップはユーザーに対して画面上で最も目立つ位置に表示されるため、ユーザーが求めている情報の妨げになることがあります。
中断感: ポップアップが表示されると、ユーザーの行動が一時的に中断されることになります。これはユーザーエクスペリエンスに悪影響を及ぼす可能性があります。
頻度: 一部のWebサイトはポップアップを頻繁に表示し、ユーザーの閲覧体験を妨げることがあります。これはポップアップへのユーザーの反応を悪化させる可能性があります。

altテキストとは？

代替テキスト（略してaltテキスト）とは、ウェブサイトやソーシャルメディアで画像を公開する際に、画像を説明するために使用できるテキストのことです。

なぜaltテキストが重要なのでしょうか？

ブラウザが画像を表示しなくなったと想像してみてください。それでも、記事の中で画像が参照されているのを見たり、画像についての会話を読んだり、人々がジョークを言っているのを読んだりするでしょう。この経験はあなたにとってどのようなものだろうか？かなり取り残された気分になるだろう。

これが、目の見えない人や視覚障害者にとっての現実なのです。しかし、状況は良くなっている！

アクセシビリティ

Radix Primitives は、ARIA Authoring Practices Guide に従い、幅広い種類のモダンブラウザやよく使用されている支援技術によってテストされています。

私たちは、アクセシビリティに関連する多くの実装上の詳細、aria 属性や role 属性、フォーカス管理、キーボードナビゲーションなどを扱っています。これにより、ユーザーは多くのコンテキストで私たちのコンポーネントをそのまま使用し、期待されるアクセシビリティデザインパターンに従う機能性に依存できるようになります。

WAI-ARIA

WAI-ARIAは、W3C によって発表・メンテナンスされており、Radix Primitives で表示される多数の一般的な UI パターンのセマンティクスを規定しています。これは、ブラウザーに提供される要素を使用せずに構築されたコントロールに意味を与えるために設計されています。たとえば、button を作成するために div を使用する場合、div がスクリーンリーダーや音声認識ツールにとってボタンであることを伝えるために追加する必要がある属性があります。

2022ベスト・オブ・ツイートノミネート作品二次選考

2022ベスト・オブ・ツイートノミネート作品一次選考

2022年1月

Amal Hussein: JSパーティーのリスナーの皆さん、こんにちは。今日はとてもとても特別なショーにようこそ... 毎週言っていることですが、本当に、この番組にとても興奮しています。本当に特別なゲストをお招きしていますが、ゲストをご紹介する前に、本日の共同パネリスト、副操縦士のアメリア・ワッテンバーガーをご紹介します。こんにちは、ようこそ、アメリアさん。

Amelia Wattenberger: ヘイヘイヘイ。

Amal Hussein: アメリア、あなたの名前はドイツ語ですか？ちょっと聞きたいんだけど・・・。だってワッテンベルガーって言う度に、完全なドイツ語にしたい衝動に駆られるんだもの。"問題なし、ヤー "みたいな感じで。

Rich Harris: ワッテンバーガー

Amal Hussein: ああ、ワッテンベルガーか...。それでドイツ語なの？

	// mcp-baseline-server.ts
	import { McpServer } from "npm:@modelcontextprotocol/sdk/server/mcp.js";
	import { StdioServerTransport } from "npm:@modelcontextprotocol/sdk/server/stdio.js";
	import { z } from "npm:zod@^3.24.2";
	import process from "node:process";
	import type { WebFeature, WebFeatureResponse } from "./types.ts";

	const APIURL = "https://api.webstatus.dev/v1/features";

	// Baselineのカテゴリを判定する関数