未分類

JavaScriptエンジンは「黒魔術」ではない多くのデザイナーにとってJavaScriptエンジンは、ブラウザの奥深くで動く「ブラックボックス」のような存在かもしれません。しかし、V8（Chrome）やSpiderMonkey（Firef...

list-style-imageが敬遠される「現場の事情」Webデザインの現場で、リストの先頭にアイコンを添える際、CSSのlist-style-imageプロパティを真っ先に選択する人は少ないでしょう。なぜなら、このプロパティには「余白の...

Webデザインの現場において、「パラメータ」という言葉をどう捉えているでしょうか。エンジニアが扱う変数や、AI生成におけるプロンプト設定といった文脈で語られがちですが、シニアデザイナーの視点から言えば、これは「意図を再現可能な数値に落とし込...

なぜ今、popoverTargetElementなのか実務の現場では、モーダルやドロップダウンを実装する際、長年JavaScriptによる状態管理が必須でした。しかし、ブラウザ標準のPopover APIの登場により、その常識が変わりつつあ...

Webデザインの世界では、新しいトレンドが次々と生まれます。しかし、シニアデザイナーとして皆さんに伝えたいのは「流行を追うこと」と「デザインの寿命を縮めること」は紙一重だということです。今回は、丸太を転がすように、要素や情報を次々と送り出し...

Webデザインの現場では、視覚的な美しさやアニメーションの滑らかさが重視されますが、最近ではCanvasやWebGLを用いた高負荷なグラフィックス表現を実装する機会も増えています。そんな時、パフォーマンスのボトルネックとなるのが「メモリ管理...

フロントエンド開発の現場で、ふと遭遇する「SyntaxError: getter functions must have no arguments」。このエラーメッセージは、直訳すれば「ゲッター関数は引数を持ってはならない」という意味ですが...

Webデザインにおいて、画像加工ソフトを立ち上げることなくCSSだけで高度な表現ができる「mix-blend-mode」は、制作のスピードとクオリティを両立させる強力な武器です。今回は、単なる色の重ね合わせに留まらない、現場で即戦力となるテ...

CSSルビの基本と実務での立ち位置Webデザインにおいて、日本語の可読性を支える重要な要素である「ルビ（ふりがな）」。以前は画像で対応するケースも多かったですが、現在はCSSのruby関連プロパティで実装するのが標準的です。特に、Webフォ...

Webデザインの現場では、チェックボックスやラジオボタンのスタイルをCSSでカスタマイズする際、かつては「appearance: none」で一旦要素を消し、擬似要素で一から作り直す手法が一般的でした。しかし、現在では『accent-col...