記事一覧

道具と工房

クリエイティブ制作物のバージョン管理：Gitとバイナリ資産の運用で起きる問題

画像や動画などのバイナリ資産をGitでそのまま管理すると、リポジトリが際限なく膨らむ。原因はGitが差分をテキスト前提に設計されている点にあり、対策はLFSの事前導入に尽きる。

道具と工房

画像フォーマットの選択：WebP・AVIF・JPEGの制作現場での使い分け

WebP・AVIF・JPEGは圧縮効率とエンコード時間、ブラウザ対応が異なる。AVIFは最も小さくできる一方でエンコードが遅く、ビルド工程では時間が問題になる。単一の正解はなく、用途と工程で使い分ける。

道具と工房

Webフォントのサブセット化：CJKフォントの容量とfont-displayの実務的判断

日本語Webフォントは数千から数万の字形を含み、そのままでは数MBに達する。サブセット化と font-display の選択は避けられないが、CJKでは使う文字が事前に読めないため、ラテン文字とは異なる判断が要る。

インターフェース

アクセシブルなフォーム設計：ラベル・エラー・ライブリージョンの実装的検討

アクセシブルなフォームでは、ラベルをプレースホルダーで代用せず、エラーをプログラム的に関連付けたうえでライブリージョンで通知する。入力のたびに検証を走らせる実装は、支援技術の利用者にとって妨げになる。

インターフェース

デザイントークンの設計：CSSカスタムプロパティとビルド時トークンの使い分け

デザイントークンは設計判断を一元管理する仕組みだが、実行時のCSSカスタムプロパティとビルド時に静的展開する方式では性質が異なる。選択は、テーマ切り替えが実行時の要件かどうかで決まることが多い。

インターフェース

フォーカス管理とキーボード操作：モーダルとドロワーの実装で見落とされる点

モーダルやドロワーは、フォーカスを内部に閉じ込め、背景を不活性化し、閉じたときにフォーカスを元へ返す必要がある。トラップだけでは不十分で、返却の欠落と背景の放置が典型的な破綻を生む。

AIとデザイン

デザインシステムと生成AI：コンポーネント生成を任せられる範囲

生成AIはもっともらしいコンポーネントを速く作るが、トークンやアクセシビリティの不変条件を保証するのは苦手だ。デザインシステムの価値は制約にあり、それは生成モデルが緩めてしまうものでもある。

AIとデザイン

生成AIをデザインワークフローに統合して直面する運用上の問題

生成AIの統合でつまずく多くのチームは、似た経過をたどる。隠れたコストは生成そのものではなく検証にあり、出力の非決定性が再現可能なレビュー手順を崩すことが根本にある。

AIとデザイン

拡散モデルによる画像生成の仕組みと、制作での制御可能性の限界

拡散モデルはノイズから画像を段階的に復元する仕組みで、プロンプトやシードで方向づけられる。ただし制御は統計的な誘導であって決定的な指定ではなく、細かな空間配置や文字描画には構造的な限界が残る。

創造技術

プロシージャル生成の現在地：制作現場に残る判断とは

プロシージャル生成は、作り込みの手間を変化の豊かさと引き換えにする手法だ。生成AIの台頭で役割が問われているが、両者は制御の粒度が異なり、置き換えではなく棲み分けに向かうと見られる。