— Knowledge Sharing

Community.
チームで、知見を磨く。

質問掲示板・業界トレンド配信・技術アップデート。
過去の質問はすべて蓄積され、未経験者も即学べる場所に。

よくある質問と回答。新人が最初に詰まる場所を集約。
Q.クライアントから「他社サイトみたいにかっこよくして」と言われた時、どう深掘りすればいい?
カテゴリ: ヒアリング回答: 山田PM2026-04
A. 「他社サイト」を必ず3つ以上具体的に出してもらいます。「Apple みたいに」と「リクルート みたいに」では全然違う。3サイト並べてもらって「特にどこが好きですか?配色?レイアウト?写真の使い方?」と要素ごとに掘り下げます。Templates のヒアリングテンプレも参考に。
Q.月¥10,000の修正無制限、本当に何でもやって大丈夫?
カテゴリ: 契約回答: 大串2026-04
A.運用範囲内」のみ無制限です。テキスト変更・画像差替・色調整・お知らせ追加 OK。「ページ新規追加・大規模リニューアル・新機能追加」は別商品(LP Plus ¥30k/本)で扱います。月の対応時間が30時間超えそうなら PM にエスカレーション。
Q.Claude Code への指示書、どこから書き始めればいい?
カテゴリ: 制作回答: 鈴木Designer2026-04
A. Templates の「HP制作 完全指示書プロンプト」をベースに、クライアント情報を埋めるだけ。最初は Templates テンプレ通りに使う、慣れてきたら自分の改善を加える、の順がスムーズです。
Q.Lighthouse Performance スコアが80止まり、どうすれば90超える?
カテゴリ: 技術回答: 山田Senior2026-04
A. 大体 ① 画像未最適化(WebP化必須) ② フォント未preload ③ JSバンドル肥大 ④ LCP画像にfetchpriority未設定 のどれか。Archive のトラブル対処「Lighthouse スコアが90に届かない」を参照。
Q.クライアントが「考えさせてください」で1週間返事ない時、どう動く?
カテゴリ: 顧客対応回答: 田中PM2026-04
A. 3営業日後に「いかがでしょうか」とフォロー。1週間後にもう1度。それでも返答ない場合は PM に連絡。「営業しすぎ」を恐れず、丁寧に追いかける。沈黙=放置 と捉えられがちなので、可視化が大事。
Q.ヒアリングで聞き漏れた質問、どうやって追加で聞く?
カテゴリ: ヒアリング回答: 山田PM2026-04
A. Slack/メールで「先日のヒアリングで聞き漏れた点が3つございました」と素直に追加質問。質問理由も明示「サービス概要シートの完成度を高めるため」と書くと相手も協力的に。
Q.同業他社の好事例を見つける一番のコツは?
カテゴリ: デザイン回答: 鈴木Designer2026-04
A. Gallery を最初にチェック。それで足りなければ「業種名 + LP best」でググる、Awwwards / SiteInspire で業種フィルタ。同業3社見るとパターンが見えてきます。

質問は #terasu-knowledge Slack にどうぞ。
毎週まとめてここに追加していきます。

月1回、Web制作業界の最新トレンドを配信。
— 2026-04 月次配信
AI Engine Optimization (AEO) が新SEOに
公開: 2026-04-15
要点: 従来の「Google検索順位」だけでなく、ChatGPT / Perplexity / Claude などのAI検索結果に表示されることが集客の新軸に。

TERASUへの示唆: 納品サイトに llms.txt 標準実装、JSON-LD強化、AI bot対応の robots 設定を Lens 評価項目に追加すべき。
— 2026-03 月次配信
Vibe Coding 系(Lovable / Bolt / v0)が急成長
公開: 2026-03-15
要点: チャット形式でWebアプリ全体を生成するLovable が $400M ARR、Bolt.new も急成長。Webサイトを超えて「Webアプリ」を一発生成する流れ。

TERASUへの示唆: 静的サイト+簡易管理画面(予約・問い合わせDB)をオプション化検討。Lovable等を「裏側で使う」レイヤー戦略も視野。
— 2026-02 月次配信
国内サブスク型HP制作サービスが乱立
公開: 2026-02-15
要点: ホームページできるくん(Soldout出資1億)、ラクスルホームページ(チラシ→HP無料代行)、freeeホームページ(月¥980)など、TERASUの直接競合が急増。

TERASUへの示唆: 「修正完全無制限」「業種無制限」「日本BtoB特化」の独自ポジを死守。大串X/note発信で個人ブランディング強化が必須。
CSS新機能・AI新ツール・制作環境のアップデート情報。
— Tech Update
CSS @scope ルールが Chrome / Safari 安定版で利用可能に
2026-04 / Browser Support
何ができる: @scope ルールで特定要素配下にCSSをスコープ化。BEM命名から解放されます。

TERASU での使い所: Section単位のスタイル分離。複数セクションで同じクラス名を使ってもバッティングしません。
— Tech Update
View Transitions API が広く対応
2026-04 / Browser Support
何ができる: ページ遷移にアニメーションを付与可能。view-transition-name プロパティ。

TERASU での使い所: ヒーロー → about セクションへのスムーズな遷移演出。Motion セクションに新規アニメ追加予定。
— Tech Update
Claude Opus 4.7 が 1Mトークン対応
2026-04 / AI
何ができる: コンテキスト1M トークンに対応。クライアントの全資料・既存サイトHTML・競合HTMLを一度に投げて分析可能。

TERASU での使い所: AI コピー添削(B1)の精度向上。ヒアリング音声書き起こし全体を投げてサマリ生成。
— Tech Update
Cloudflare R2 が 5TB まで無料化
2026-03 / Hosting
何ができる: 画像・動画ストレージが大容量無料に。

TERASU での使い所: AI画像生成(B2)・AI動画生成(B3)の保存先として活用。コスト削減。
— Tech Update
Sora 2 / Veo 3 / Kling AI 動画生成 API が安定
2026-04 / AI
何ができる: テキストから5-15秒の高品質動画を1分以内に生成。

TERASU での使い所: ヒーロー背景動画・商品紹介動画の自動生成。AI動画生成(B3)機能で順次連携予定。