道具と工房
クリエイティブ制作物のバージョン管理：Gitとバイナリ資産の運用で起きる問題
画像や動画などのバイナリ資産をGitでそのまま管理すると、リポジトリが際限なく膨らむ。原因はGitが差分をテキスト前提に設計されている点にあり、対策はLFSの事前導入に尽きる。
3分
創造技術とデザインの実践誌
創造技術とデザインを、実装の視点から。
生成 AI、インターフェース、制作の道具立て——理論より運用、宣伝より検証。Zocchic 編集部が一次資料に基づいて記録します。
記事を読む
新着
新着記事
- 道具と工房
画像フォーマットの選択：WebP・AVIF・JPEGの制作現場での使い分け
WebP・AVIF・JPEGは圧縮効率とエンコード時間、ブラウザ対応が異なる。AVIFは最も小さくできる一方でエンコードが遅く、ビルド工程では時間が問題になる。単一の正解はなく、用途と工程で使い分ける。
3分 - 道具と工房
Webフォントのサブセット化：CJKフォントの容量とfont-displayの実務的判断
日本語Webフォントは数千から数万の字形を含み、そのままでは数MBに達する。サブセット化と font-display の選択は避けられないが、CJKでは使う文字が事前に読めないため、ラテン文字とは異なる判断が要る。
3分 - インターフェース
アクセシブルなフォーム設計：ラベル・エラー・ライブリージョンの実装的検討
アクセシブルなフォームでは、ラベルをプレースホルダーで代用せず、エラーをプログラム的に関連付けたうえでライブリージョンで通知する。入力のたびに検証を走らせる実装は、支援技術の利用者にとって妨げになる。
3分 - インターフェース
デザイントークンの設計：CSSカスタムプロパティとビルド時トークンの使い分け
デザイントークンは設計判断を一元管理する仕組みだが、実行時のCSSカスタムプロパティとビルド時に静的展開する方式では性質が異なる。選択は、テーマ切り替えが実行時の要件かどうかで決まることが多い。
3分 - インターフェース
フォーカス管理とキーボード操作：モーダルとドロワーの実装で見落とされる点
モーダルやドロワーは、フォーカスを内部に閉じ込め、背景を不活性化し、閉じたときにフォーカスを元へ返す必要がある。トラップだけでは不十分で、返却の欠落と背景の放置が典型的な破綻を生む。
3分
特集
クリエイティブツール2026
制作現場の道具を、領域別に整理する。
Figma・Blender・Three.js から Style Dictionary まで、実務で定着した道具を 創造技術・AIとデザイン・インターフェース・道具と工房の四領域に沿って選び、 役割と使いどころを整理しました。網羅ではなく、判断の基準を示すことを目的としています。
特集を読むピックアップ
領域別の最新記事
- 創造技術
プロシージャル生成の現在地：制作現場に残る判断とは
プロシージャル生成は、作り込みの手間を変化の豊かさと引き換えにする手法だ。生成AIの台頭で役割が問われているが、両者は制御の粒度が異なり、置き換えではなく棲み分けに向かうと見られる。
3分 - AIとデザイン
デザインシステムと生成AI：コンポーネント生成を任せられる範囲
生成AIはもっともらしいコンポーネントを速く作るが、トークンやアクセシビリティの不変条件を保証するのは苦手だ。デザインシステムの価値は制約にあり、それは生成モデルが緩めてしまうものでもある。
3分 - インターフェース
アクセシブルなフォーム設計：ラベル・エラー・ライブリージョンの実装的検討
アクセシブルなフォームでは、ラベルをプレースホルダーで代用せず、エラーをプログラム的に関連付けたうえでライブリージョンで通知する。入力のたびに検証を走らせる実装は、支援技術の利用者にとって妨げになる。
3分 - 道具と工房
クリエイティブ制作物のバージョン管理：Gitとバイナリ資産の運用で起きる問題
画像や動画などのバイナリ資産をGitでそのまま管理すると、リポジトリが際限なく膨らむ。原因はGitが差分をテキスト前提に設計されている点にあり、対策はLFSの事前導入に尽きる。
3分
編集方針
検証できることだけを、書く。
一次資料にあたり、主張と実証を分け、反論を残し、訂正を記録する——Zocchic はこの4つの原則で記事を編集しています。宣伝的な断定や、出典のない数値は扱いません。