WordPress 7.1.2で修正された脆弱性CVE-2026-87902の影響確認と対...
CVE-2026-87902とは、WordPress 4.7.0〜7.1.1の本体に見つかった脆弱性...
続きを読む 
中級 フロントエンド学習の基本
実務寄りの中級レベル課題集です。WordPressテーマ開発（テンプレート階層・カスタム投稿）、GA4/GTM計測、FLOCSS・Lism CSS・CSSネストといったモダンCSS、Electron・3Dカルーセルなど、案件で必要になるテーマを扱います。模写コーディング全体は 模写コーディング練習サイト も参照してください。
全49件の記事中、1-30件を表示
WEBカタログ制作の費用相場｜デジタルカタログの作り方と依頼先の選び方
WEBカタログとは、紙のカタログをブラウザ上でページをめくるように閲覧できるようにしたコンテンツです...
続きを読む 
AI社員の職種一覧｜1人会社が実際に配属できる仕事とその境界
AI社員とは、Claude Code のサブエージェント機能を使って、業務ごとに専任のAIを定義し、...
続きを読む 
制作物の著作権は誰のものか｜納品後にもめないための取り決め
制作物の著作権は、契約で別段の定めをしない限り、実際にそれを作った側に発生します。発注して費用を払っ...
続きを読む 
商用利用できる素材の選び方｜無料と有料でライセンスはどう違うのか
素材が商用利用できるかどうかは、料金の有無ではなく、使用許諾（ライセンス）がどこまでを認めているかで...
続きを読む 
ClaudeでPhotoshopを操作する2つの方法｜公式コネクタとExtendScrip...
ClaudeからPhotoshopを操作する方法は2つあります。コードを書かずに済ませるなら、Ado...
続きを読む 
推測と類推の使い方｜ロジカルとラテラルを実際に動かす2つの道具
推測とは、手元にある情報から、まだ確かめていない先を読むことです。類推とは、別の場所で通用した解き方...
続きを読む 
Stripeサブスク課金の設計と運用｜プラン変更・解約・支払い失敗の捌き方
Stripeでサブスクリプション課金を組むとき、難しいのは決済画面を出すところではありません。詰まる...
続きを読む 
Node.js練習問題集【基礎API編】
Node.jsとは、ブラウザの外でJavaScriptを実行するためのランタイムのことで、サーバー開...
続きを読む 
「QRコード」表記の商標ルール｜®だけでは足りない・登録商標文の正しい書き方
「QRコード」は株式会社デンソーウェーブの登録商標です。Webサイトや印刷物でこの名称を使う場合は、...
続きを読む 
決済ブランドロゴのECサイト掲載ルール｜未契約ブランドのロゴ掲載は規約違反です
決済ブランドのロゴは、実際に契約しているブランドのものだけを、公式配布のマークで、改変せずに掲載でき...
続きを読む 
「Googleでログイン」ボタンの使用ルール｜Gロゴの色変え・自作アイコンは規約違反です
「Googleでログイン」ボタンは、Googleのブランドガイドラインに従って表示する義務があります...
続きを読む 
App Store・Google Playバッジの掲載ルール｜「App Store」を日本...
App StoreとGoogle Playのダウンロードバッジは、AppleとGoogleが配布する...
続きを読む 
「AI組織」は組織図から作ると失敗する｜1人会社をAI会社化する正しい順序
AI組織（AI会社化）とは、Claude Codeのサブエージェントに代表されるAIエージェントを「...
続きを読む 
TikTokロゴの使用ルール｜TikTok Shop普及のいま再確認しましょう
TikTokのロゴ・アイコンの使用は、原則として「事前の書面許可制」です。許可なしで使えるのは「fo...
続きを読む 
Facebookロゴの使用ルール｜「いいね！」ボタンはもう設置できません
Facebookの「いいね！」ボタンとコメントボタンは、2026年2月10日に廃止されました。いま自...
続きを読む 
Xロゴの使用ルール｜「青い鳥ロゴは禁止された」は誤りです
「旧Twitterの青い鳥ロゴは、Xのガイドラインで使用が禁止された」——これは誤りです。Xの現行ブ...
続きを読む 
Instagramロゴの使用ルール｜「色を変えてはいけない」は誤解です
自社サイトのフッターにInstagramのアイコンを置き、自社アカウントへリンクするだけであれば、M...
続きを読む 
LINEロゴと友だち追加ボタンの正しい設置方法｜画像で貼ると規約違反になる
自社サイトにLINEのロゴやアイコンを掲載し、LINE公式アカウントへリンクするだけであれば、LIN...
続きを読む 
PWA化は必要か？既存サイトをPWAにする実装手順とやめる判断基準
PWA（Progressive Web App）とは、既存のWebサイトにWeb App Manif...
続きを読む 
JavaScriptで作るミニアプリ4選｜ToDo・電卓・クイズ・ストップウォッチ
JavaScriptの基礎文法を覚えても「で、結局なにを作れるの？」で止まってしまう人は多いはずです...
続きを読む 
デザインカンプ前に決めるWebデザインのルール｜ウィンドウ幅・コンテンツ幅・カラム設計
Webデザインのカンプは、ウィンドウ幅・コンテンツ幅・カラム構成・最小フォントサイズといった「デザイ...
続きを読む 
Tailwind CSS v4移行ガイド｜v3からの変更点・破壊的変更と移行手順
Tailwind CSS v4は、設定をJavaScriptファイルではなくCSS内で行う「CSS-...
続きを読む 
localStorageにJWTを保存すべきか
結論から言うと、JWT（アクセストークン）を localStorage に保存するのは原則として避け...
続きを読む 
Next.jsでlocalStorageがhydration errorになる原因と解決法
Next.js で localStorage を使うと hydration error（ハイドレーシ...
続きを読む 
localStorage・sessionStorage・Cookie・IndexedDBの...
localStorage・sessionStorage・Cookie・IndexedDBは、いずれも...
続きを読む 
CSSとJavaScriptで作る3Dカルーセル|キーボード操作対応のインタラクティブギャ...
Webサイトに奥行きと立体感を与える3Dカルーセル。単なる平面的なスライダーとは違い、空間の中でカー...
続きを読む 
WordPress/STUDIO/HTMLコンタクトフォームおすすめツールと実装方法
WordPress/STUDIO/HTMLでLP(ランディングページ)を制作する際、お問い合わせフォ...
続きを読む 
模擬案件プラン｜デザイン＋コーディングを計2回添削。優秀作品はサイト掲載
「ただの模写」では得られない、“実力試しの場”をつくりました ポートフォリオのLPを作っているけど、...
続きを読む 
Figma模写 #5：山と自然をテーマにした中級レイアウトに挑戦！
Figma模写シリーズ第5弾は、山・登山・ハイキングをテーマにした縦長ランディングページの模写に挑戦...
続きを読む