Fireflyは自分の契約でどこまで使えるか｜生成クレジットの上限と超過後
生成クレジットとは、Adobeの生成AI機能を使うたびに減っていく、月ごとの持ち点です。付与数は契約...
続きを読む 
新着記事一覧
CodeQuest.workの全記事一覧です。HTML、CSS、JavaScript、WordPress、Webデザインなど、フロントエンド開発に関する記事を掲載しています。
全393件の記事中、1-30件を表示
DESIGN.mdとは｜AIが作るUIを「それっぽい」で終わらせない設計ファイル
DESIGN.mdとは、AIコーディングエージェントにデザインの判断基準を渡すためのファイル仕様です...
続きを読む 
手書き風文字ジェネレーター｜PNG・SVGで書き出せる無料ツール
手書き風文字ジェネレーターとは、入力した文字を手書きの書体で描き直し、PNG・JPG・SVGの画像と...
続きを読む 
WEBカタログ制作の費用相場｜デジタルカタログの作り方と依頼先の選び方
WEBカタログとは、紙のカタログをブラウザ上でページをめくるように閲覧できるようにしたコンテンツです...
続きを読む 
AI社員の職種一覧｜1人会社が実際に配属できる仕事とその境界
AI社員とは、Claude Code のサブエージェント機能を使って、業務ごとに専任のAIを定義し、...
続きを読む 
制作物の著作権は誰のものか｜納品後にもめないための取り決め
制作物の著作権は、契約で別段の定めをしない限り、実際にそれを作った側に発生します。発注して費用を払っ...
続きを読む 
商用利用できる素材の選び方｜無料と有料でライセンスはどう違うのか
素材が商用利用できるかどうかは、料金の有無ではなく、使用許諾（ライセンス）がどこまでを認めているかで...
続きを読む 
DomoAIとは｜料金プラン・使える機能・クレジットの仕組みを整理
DomoAI（ドモAI）とは、シンガポールの DOMOAI PTE. LTD. が提供する、ブラウザ...
続きを読む 
TikTok ShopのAI動画はどこまで作れるか｜DomoAIで4本検証
TikTok Shop の商品動画を AI で作るとき、映像そのものは商品を映しても崩れません。化粧...
続きを読む 
ClaudeでPhotoshopを操作する2つの方法｜公式コネクタとExtendScrip...
ClaudeからPhotoshopを操作する方法は2つあります。コードを書かずに済ませるなら、Ado...
続きを読む 
AI動画生成は指示の出し方で9割決まる｜DomoAIで6本検証
AI動画生成の出来を決めているのは、モデルの性能よりも指示の粒度です。同じツール・同じ尺・同じ解像度...
続きを読む 
GA4のダッシュボード機能の使い方｜＋作成ボタンと6種のグラフ
GA4 のダッシュボードは、必要な数字だけを 1 ページに集めた自分専用のレポート画面です。レポート...
続きを読む 
Microsoft Clarityの導入と使い方｜ヒートマップで直す手順
Microsoft Clarity（マイクロソフト クラリティ）は、Microsoft が無料で提供...
続きを読む 
Python入門｜Web制作者が最短で書けるようになる基礎とできること
Pythonとは、少ないコードで読みやすく書ける汎用プログラミング言語のことで、データ収集・ファイル...
続きを読む 
GEO・AIO対策は何から？記事0本の日に決まる着手順
GEO・AIO対策を何から始めるかの答えは、施策の優先順位ではなく「いつ敷くか」で決まります。結論か...
続きを読む 
React入門｜何が作れるかとVite 1コマンドで動かす最初の一歩
Reactとは、Webとネイティブアプリの画面を組み立てるためのJavaScriptライブラリです。...
続きを読む 
Vue.js入門｜何が作れるかとCDN 1行で動かす最初の一歩
Vue.js（ビュージェイエス）とは、Webページに動きや対話性を加えるためのJavaScriptフ...
続きを読む 
画像を高画質化する無料ツール｜ボケ補正・AI超解像に対応
画像高画質化ツールとは、小さい画像やピントの甘い写真を最大4倍まで大きくしながら、輪郭と細部を補って...
続きを読む 
副業Web制作の現実｜週何時間なら案件を受けられるか
副業とは、本業より使える時間が少ない前提で成果を出す働き方です。時間が少ないから副業なのであって、仕...
続きを読む 
生成AIで写真から動画を作る｜無料枠で3本作って本番サイトに載せた
生成AIの無料枠を使えば、手持ちの写真から数秒の動画を作ってWebサイトやSNSに載せられます。ただ...
続きを読む 
WordPressでSVGをアップロードする方法｜プラグインとコードの両方
WordPressは標準の状態ではSVGファイルをアップロードできません。使えるようにするには、サニ...
続きを読む 
動くアイコンを無料でダウンロードできるツール｜アニメSVG・PNG対応
動くアイコン ジェネレーターとは、アニメーション付きのアイコンを色・サイズ・速さ・ループ回数まで指定...
続きを読む 
学習ロードマップの作り方｜未経験は案件から逆算して順序を決める
学習ロードマップの作り方は、いま実際に発注されている案件を見て、そこから逆算するのが出発点です。作り...
続きを読む 
MCPサーバーの作り方｜Claude Codeから呼べる自作ツールを実装する
MCPサーバーの作り方は、公式SDKでツールを1つ定義して、Claude Codeに登録するだけです...
続きを読む 
GSAPアニメーションをコピペで使える無料ツール｜ScrollTrigger対応100種
GSAPアニメーション ギャラリーとは、GSAPで書ける動きをブラウザ上のカードで再生して確かめ、C...
続きを読む 
ディスプレイ広告の直帰率80%は正常なのか｜平均56.5%が使えない理由
ディスプレイ広告の直帰率を検索すると、平均56.50%という数字が見つかります。一方で運用側からは「...
続きを読む 
推測と類推の使い方｜ロジカルとラテラルを実際に動かす2つの道具
推測とは、手元にある情報から、まだ確かめていない先を読むことです。類推とは、別の場所で通用した解き方...
続きを読む 
バグ調査は水平思考だった｜実務ネタのウミガメのスープを作った
水平思考クイズ（ウミガメのスープ）とは、一見わけのわからない状況について「はい／いいえ」で答えられる...
続きを読む 
Stripeサブスク課金の設計と運用｜プラン変更・解約・支払い失敗の捌き方
Stripeでサブスクリプション課金を組むとき、難しいのは決済画面を出すところではありません。詰まる...
続きを読む 
横向き寝用枕は高さで決まる｜楽天レビュー198件を全部読んで分かったこと
横向き寝用のジェル枕について、楽天市場の購入者レビューを全件読んで分類しました。満足と不満を分けていたのは「高さ」の一点で、しかもその数値は商品ページに載っていません。
続きを読む