テクノロジー

• 【今知りたい】既存サイトに構造化データを追加するとAIに検索されるのか？実態と後付け実装のリアル

  

  既存サイトに JSON-LD を足せば、ChatGPT や Gemini、Perplexity で引用されるのか。クライアントから「GEO（生成エンジン最適化）をやってほしい」と言われたとき、この期待はよく出ます。結論から書きます。構造化データは、ページに書いてある事実を機械向けにラベル付けする手段です。貼るだけで A

• ネームサーバー向けるだけじゃダメ？Microsoft 365とホームページを同時に立ち上げる時のDNS設定

  

  いつもの公開は、ドメイン会社の画面でネームサーバーをレンタルサーバー指定に変えるだけ、という人が多いです。Webもメールも同じサーバーなら、それで足ります。ところが Microsoft 365（旧称 Office 365）を使うと、メールの行き先は Microsoft です。ウィザードに「ネームサーバーを変えろ」と出る

• Webサーバー・メールサーバー・DNSの違い｜制作者が説明できるインフラ基礎

  

  「サーバーを引っ越したらメールが届かなくなった」「DNSって結局何をしているの？」は、Web制作の現場で何度も出る質問です。サイトの見た目は新しくなったのに、社内の info@ だけ静かになる。原因の多くは、Webサーバーとメールサーバーと DNS を、同じ「サーバー」という言葉で扱ってしまうことです。先に結論です。D

• WordPressサイトを放置すると危険？2026年版・企業サイトの最低限セキュリティ対策と保守設計

  

  納品して数か月、本体もプラグインも止まったままの WordPress は、珍しくありません。「うちは小さいから狙われない」と思っている間に、管理画面へのログイン試行は毎日届きます。2026年時点でも、攻撃の多くは人手の狙い撃ちより、公開された CMS を広く探す自動処理です。作って終わりにすると、自社サイトが壊れるだけ

• SEOだけでは届かない？AI検索時代にWeb制作で仕込むセマンティック実装

  

  Google の検索結果に並ぶ「10本の青いリンク」だけを想定してサイトを作っていると、答え合わせの場所が足りなくなります。Perplexity や ChatGPT の検索、Google の AI による概要のように、先に要約と出典が出る画面が増えているからです。業界では GEO や LLMO（Generative E

• Web制作のa11y対応は「着工前」で決まる｜職種別ルールと失敗しない合意形成

  

  納品の直前に「コントラストが足りない」「キーボードでメニューが閉じられない」「alt が空」と指摘が入る。デザインは確定済み、コーディングも終盤、公開日は動かない。直せる箇所と、作り直しになる箇所が混ざり、現場の温度だけが上がります。アクセシビリティ（a11y）の手戻りは、実装スキル不足だけで起きません。着工前に、どこ

• 【CSS変数 vs SCSS変数】実務での使い分けとハイブリッド運用のベストプラクティス

  

  SCSS を書いていると、色も余白もブレイクポイントも $primary で足りてしまいます。一方で、最近の実装例やコンポーネントライブラリでは var(--color-primary) が並ぶ。どちらが正しくて、どちらを捨てるべきなのか。結論から言うと、どちらか一方に寄せる必要はありません。迷いの正体は、見た目が似て

• 【脱・非同期処理アレルギー】JavaScriptのasync/awaitの使い方とメリット｜昔のコードとの比較から実務での使い道まで解説

  

  非同期処理と聞くだけで、少し身構えてしまう人は少なくありません。「コールバック地獄」という言葉だけが先行して、.then() を数珠つなぎにしたコードを見ると、どこで失敗したのか追えなくなる。実務ではこの感覚が、レビュー時間とバグの温床になります。この記事では、フリーランスのWebディレクター兼エンジニアとして、API

• 【実務ノウハウ】Contact Form 7にA8.netの成果計測タグを確実に埋め込む2つの方法｜サンクスページ・JSイベント対応

  

  Contact Form 7（以下 CF7）で問い合わせを受け、A8.net などの成果計測タグを「送信完了のタイミング」で発火させたい。ところが CF7 はデフォルトで同じページ内に完了メッセージを出すだけで、サンクスページに遷移しません。成約タグをどこに置けばよいか分からず、計測漏れや二重計測が起きやすいです。この

• 【実務レベル】Next.jsを一般的な共有サーバーで公開する完全手順｜SSG出力の注意点と対策

  

  「Next.jsで作りたいが、すでにロリポップやエックスサーバーの契約がある」「Vercelに移すほど予算も運用も変えられない」。現場ではよく聞く話です。共有サーバーは基本的にPHP前提で、Node.jsを常駐させるSSRやISRは使えません。結論から言うと、共有サーバーでNext.jsを公開するなら SSG（静的エク