安田祐平(やすだ・ゆうへい)文章プレゼンテーション安田祐平(やすだ・ゆうへい)フロントエンドウェブ開発者。シフトブレイン/スタンダードデザインユニット所属。業務では主に運用を見据えたウェブサイトの開発に携わる。TwitterGitHubEメール主な投稿レイアウトプリミティブコンポーネント単体では目に見えないが、他と組み合わせることで意味のあるレイアウトができるというパターンがある。それらをレイアウトプリミティブと呼び、再利用性を高めるためのルールを紹介。「代替」の意味を探してHTMLにおける「代替」とは何なのか。代替テキスト・アクセシビリティツリー・文書構造とプレゼンテーションの分離などについて。自作ツールの紹介を通して、デザインカンプと実装の関係性・グリッドシステム・レスポンシブデザインの意味などを考察。特定のコンテンツのためのコンポーネントとそうでないコンポーネントUIコンポーネントの中には、特定のコンテンツに依存するものとコンテンツに依らず汎用的に再利用可能なものがある。SPAじゃないプロジェクトのための控えめなJavaScriptフレームワーク「Stimulus」SPA開発のための高機能なライブラリはよく話題に上がるが、JavaScriptありきでないドキュメント寄りのサイトに適したライブラリはあまり盛り上がらない。そのようなサイトでは割合としてのJavaScriptの量は少なくとも、規模によっては適切に設計できていなければ身動きが取れなくなっていく。制作者のためのHTMLHTMLはアクセシビリティやSEOの文脈において、「ユーザーにとって」重要であるという語られ方をする。視点を変えれば、制作者はHTMLをよいデザインを行うための思考のフレームワークとして利用できる。ユーザー自身の道具になるためのインターフェイス「モーダル」なデザインはユーザーの創造性を制限する。すると提供側がユーザーの行動を主導する形になり、使いにくく感じられる道具ができてしまう。ページ内リンクの実装から考える、a要素のclickイベントとその振る舞いページになにかしらの機能を実装するとき、開発者はブラウザがもともと備えている挙動を取り消して独自の実装で上書きしてしまう場合がある。その挙動を代替する実装を行うが、もしかしたらそれは見えている仕様の一部だけを表面的に模写したもので、開発者は重要な挙動の存在を見落としてユーザーに不利益を与えてしまっているかもしれない。プロジェクトシフトブレイン/スタンダードデザインユニット自社で所属しているチームのウェブサイト。事例紹介や技術ブログなどを投稿中。accrefsウェブアクセシビリティの参考資料をまとめたサイト。日本語の資料を中心にリンク数は200を超える。サイトのデザインおよび実装に携わる。有志のメンバーにより制作・運営されている。blog主にウェブ制作の話題について書いている個人ブログ。