utsusie

技術記事、プロジェクト、そして日々の個人的な学びを記録しています

最新のブログ記事

Instruction filesとPrompt filesを活用した階層的なルール管理手法を解説。プロジェクト全体の基本方針からファイル種別ごとの詳細規約、定型作業の自動化まで、3種類の設定ファイルを組み合わせて一貫性のある開発環境を構築する方法を紹介します。

DOM画像化ライブラリ（html2canvas、dom-to-image等）使用時のフォントライセンス問題を解説。Google Fonts等の安全なライセンス選定から、ベクター埋め込み・Webフォント規約・SNS拡散等の具体的リスクまで、法的観点から実装時の注意点を詳しく説明します。

AI学習クローラーへの対応として、現状で考えうる技術的制御（メタタグ・robots.txt・HTTPヘッダー）と法的整備（利用規約）を組み合わせたアプローチを紹介します。

snapDOMを活用したDOMの画像変換について、WebコンテンツのSNSシェア用画像生成やゲームアプリ等で活用される実装方法について紹介します。

Figma VariablesのModeシステムを活用してフルイドレスポンシブレイアウトのデザイントークンを定義する実践ガイド。Console/Handheld分離とブレイクポイント設計でスケーラブルなデザインシステムを構築します。

ビューポート幅に応じてrem値が連続的にスケールするフルイドレスポンシブレイアウトの設計理論と実装方法を解説します。デバイスタイプ別基準画面幅の設定、CSS calcによる動的スケーリング、clamp関数を使った制限など、実用的な実装例と注意点を詳しく紹介します。