Webサイトに構造化データを正しく実装するためのJSON-LDガイド
はじめに Webサイトを制作していると「構造化データ」「JSON LD」という言葉を耳にする機会が増えてきたのではないでしょうか。 Googleをはじめとする検索エンジンは、HTMLを解析してページの意味を理解しようとし
Insights
技術情報
制作・保守の現場で蓄積した技術的な知見を共有しています。
WordPressサイトをAstroへ移行した実装記録
ACT3の既存WordPressサイトをAstro 5へ移行した実装記録です。記事のMarkdown変換、PHPフォームの分離、Pagefindのエンコーディング問題、Xserverの.htaccessによる404について解説します。
Minecraft Forge MOD で学ぶ：乗り物システムの C/S アーキテクチャと入力同期設計
はじめに この MOD を作ったきっかけは、子どもの一言でした。 Youtubeを観ていた子供の「Minecraft で乗り物に乗りたい」という要望に応えようと既存の MOD を探したのですが、子どもでも直感的に操作でき
Claude Code / Codex のトークン消費を減らすために、MCPツールを整理した
Claude Code / Codex のトークン消費を減らすために、MCPツールを整理した話 Claude Code や Codex を使っていると、MCPツールを追加するだけでできることが一気に増えます。 Playw
Google Antigravity で `invalid UTF-8` が発生し AI チャットが不能になった
Google Antigravity の AI チャットで invalid UTF 8 エラーが出た原因は GEMINI.md だった Google Antigravity を使っていたところ、AI チャットを実行するた
Safariで「外部SVG参照のclip-pathが効かない」問題の解決方法（インラインSVGで確実に直す）
css .masked element { clip path: url "/assets/images/shapes.svg my clip path" ; } .masked image { webkit clip
【Antigravity／VS Code】起動時に毎回出る「GitHub Login」ポップアップを完全に消す方法（SSH運用編）
Antigravity / VS Code 起動時に「GitHub Login」が毎回出る原因と対処 Antigravity（またはVS Code）を起動するたびに、「GitHub Login」のポップアップが表示される
【HTML/CSS】フッターの下に消えない「謎の余白」が発生する原因と対処法（テキストノード／BOM）
Webサイトのコーディングで、ページ最下部（フッターの下）に数px〜1行分程度の「謎の余白（スクロールできる空白領域）」が発生することがあります。 html / body の margin / padding は 0、フ
CSS＋JSで作る無限マーキー（横・縦対応）
ポイントは「1セット分の幅（または高さ）」をJSで正確に計測し、CSS変数 marquee step に流し込むこと。 CSS側はその距離分だけ transform するだけで、計算不要の無限スクロールが成立します。 H
VS Code / フォークエディタ：パスコピーの区切り文字を「/（スラッシュ）」に統一する（Windows）
概要 Windows環境のVS Codeおよびそのフォークエディタ（Cursor / Windsurf など）において、エクスプローラーからパスをコピーするとデフォルトでは \ （バックスラッシュ）が使用されます。 We
MacのVSCodeとフォークエディタのエージェントが応答しなくなる - プロジェクトのパスに日本語（マルチバイト文字）が含まれている
✅ 解決方法 Macをご使用の場合、内蔵ストレージ・外付けストレージに関わらず、プロジェクトのパスに「日本語（マルチバイト文字）」が含まれていると発生します。 フォルダ名を「半角英数字」に変更すると解決する可能性がありま
PHP 8.3 → 8.4 アップデートで発生した Deprecated 警告と対応記録
忘備録 ── mbstring と headers already sent の正体（Xserver 共用サーバ） PHP を 8.3 から 8.4 にアップデート した際、 Xserver の共用サーバ環境で、以下のエ
GoogleサーチコンソールのTXTレコード追加をきっかけに、特定のサブドメインだけが表示されなくなった理由と再発防止策
Googleサーチコンソールの所有権確認のために DNS へ TXT レコードを追加したところ、 特定のサブドメインだけが表示されなくなった という相談を受けた。 ルートドメインや他のサブドメインは問題なく表示されており
PageSpeed Insights がすべてエラーになる原因と解決方法
― opacity: 0 が引き起こす LCP 判定不能問題 はじめに PageSpeed Insights を実行したところ、スコアが表示されず、LCP / CLS / TBT など すべての指標がエラー表示 になる状
WordPressセキュリティ対策はどこまで必要？実務で考える3段階モデル
はじめに WordPressのセキュリティについて調べると、「これをやらないと危険」「ここまでやって初めて安全」といった断定的な情報を多く見かけます。 しかし、実務の現場では すべてのサイトに同じセキュリティ対策を適用す
制作会社さまが困らないための納品設計（ビルド環境を前提にしない理由）
Web制作の現場では、「どんな技術を使うか」よりも、 「納品後に誰が、どう触るか」 のほうが重要になる場面が少なくありません。 制作会社との協業案件で、私どもが意識している「納品後に誰が触るか」という視点について書きます
Viteで始めるReact開発 - レンタルサーバー配置まで
これまでフロントエンドのビルドにはWebpackを使うことが多く、設定や運用にも慣れていました。ただ、今回Webで遊べるReactアプリを作るにあたり、初めてViteを使ってみました。 本記事では、実際に使って感じたWe
Sass / SCSS を使わずに CSS だけで開発するのはアリなのか？
Sass / SCSS は本当に必要なのか？ 実務開発における判断基準 時々、Sass や SCSS を使わずに、CSS のみで開発しているケースに遭遇することがあります。一方で近年は「CSS が進化したから Sass
お問い合わせ・お見積もりはお気軽に
内容に応じたお見積もりも無料で行います。
