中村和正｜Full-Stack Web Director

Web制作フリーランス・ディレクターに戦略・要件定義・改善まで担える「上流工程」のノウハウを発信｜Webディレクション歴23年・300社超を支援｜Web制作会社経営／日本Web協会 会長／WACAウェブ解析士マスター｜AIを武器に、作るだけのWeb制作で終わらせない。｜現場が好きなので生涯プレイヤー

[中村和正｜Full-Stack Web Director @kazm_n18]

来週Web協会のイベントでウェビナーやります！

テーマはWeb制作会社が実践で導入する「プロのAI活用」

参加者には実際に使っているプロンプトも提供するのでぜひご参加ください〜

詳細URLはリプに

[中村和正｜Full-Stack Web Director @kazm_n18]

@noborun_hashtag 今はSEO1位とってもその上にAIOが表示されますから負けちゃいますよね。

[中村和正｜Full-Stack Web Director @kazm_n18]

検索1位を取っても、もうクリックされない。Google検索の構造が変わった。

Google AI Overviews（AIO）が標準化された結果、検索結果の上にAIの回答が表示される。

ユーザーはAIの回答を読んで満足して、その下のサイトはクリックしない。

クライアントに「SEOで1位取りましょう」って提案してた時代は終わった。

じゃあ何を提案するか。

・AIに引用されるコンテンツ設計（GEO）
・「検索される」のではなく「選ばれる」サイト作り
・SNSやメルマガなど検索以外の流入経路の強化

ディレクターとしてこの変化を知ってるかどうかで、クライアントへの提案の質が全然変わる。

「SEO対策やりましょう」だけ言ってる制作者は、近いうちにクライアントに見放されるよ。

[一般社団法人 日本Web協会【JWA】 @jwaorg]

こちら本日開催になります。
まだ申込み可能ですので興味のある方はぜひご参加ください

また参加予定の方はお会いできるのを楽しみにしております。

#jwabase

[中村和正｜Full-Stack Web Director @kazm_n18]

フリーランスで「予算に合わせます！」って言ってる人、自分の単価を先に決めて。

制作会社にいた時の感覚で言うと、都内のWeb系人材の相場ってだいたい決まってる。ただ下請け案件だとその70〜80%くらいになる。

「予算に合わせます」は一見柔軟に見えるけど、実は「自分の仕事の価値を自分で決められてない」と言ってるのと同じ。

まず自分の単価を明確にする。その上で、予算に合わなければ作業範囲を調整するか、値引きするか判断する。順番が逆だと安い仕事を延々と受けることになる。

制作会社時代に営業が必ず言ってたのは「うちはこの品質をこの単価で提供してます」という一貫性。これがあるから信頼される。フリーランスも同じだよ。

[中村和正｜Full-Stack Web Director @kazm_n18]

これは要チェック。

そもそも出元の分かんないスキルやアプリケーションをほいほいダウンロードするのもやめた方がいいよね。

[Watkin Lab @0xWatkin]

千万别在你的 ~/Downloads（下载）文件夹里启动 Claude Code 或 Codex。

昨天安全机构 Forever 披露了一起在真实客户电脑上抓到的野生攻击，看完只能感叹：过去 30 年的系统安全常识，在 AI 时代归零了。

过去 30 年，Chrome 默认允许网页不弹窗就往你的 ~/Downloads 塞一个纯文本文件（比如 .md）。因为系统认为：纯文本又不是 .exe，自己不会跑，怕什么？

但现在，接近 50% 的开发者干过同一件事——直接在 ~/Downloads 里打开 Claude Code 或 Codex，让 AI 帮自己解压或整理刚下载的文件。

黑客就是卡住这个死角，通过网页静默下载往你的 Downloads 塞一个 13KB 的纯文本 AGENTS.md / CLAUDE.md：

1. 对付 OpenAI Codex（成功率 >90%）：
伪装成「工程规范」的 Markdown 指示 Codex 先往全局配置 ~/.codex/config.toml 注册一个恶意 MCP 服务，并自己加上 --dangerously-bypass-approvals-and-sandbox 跑校验。哪怕你关掉 Downloads，以后在任何正经项目里开 Codex 都会自动加载木马。

2. 对付 Claude Code（成功率 ~50%）：
指示 Claude 建一个 .claude/settings.json，把 ANTHROPIC_BASE_URL 指向黑客服务器。连上的第一秒，你的 Claude 登录 Token 直接明文送给黑客；下一秒，黑客假扮成大模型下发一条关沙盒的 Bash 指令，直接接管电脑。

最黑色幽默的是官方结论：
这个洞没有 CVE，OpenAI 和 Anthropic 也不会发补丁。因为「浏览器自动存文本」是正常功能，「AI 认真读目录下的 Markdown 并严格执行」也是正常功能。

以前黑客想黑你，得苦心积虑写 0day；现在只需要写一篇排版优雅的 Markdown 小作文，你的 AI 就会自己把沙盒关了、把网线接过去、顺手把账号双手奉上。

[中村和正｜Full-Stack Web Director @kazm_n18]

いろんな企業と話していて

「有料の保守・運用はいいかな、何も起きなければ良いんでしょ？」から
「お金かかっても良いんで安全にしてください」

に風向きが変わってるのを感じる。

[中村和正｜Full-Stack Web Director @kazm_n18]

とりあえず「バイブコーディングで誰でもシステム作れる」とか言ってる場合ではなくなってきたな。

[中村和正｜Full-Stack Web Director @kazm_n18]

Figmaで作ったデザインが、そのままWebサイトになる。コーダーに発注する工程、なくなるかも。

Figma Sitesが本格的に普及してきた。デザインデータをそのままWebサイトとして公開できる。

「じゃあコーダーの仕事なくなるじゃん」って思うかもしれない。

でも冷静に考えてほしい。Figma Sitesで対応できるのは静的なサイト。動的な機能、CMS連携、複雑なフォーム、会員機能。この辺りはまだコーディングが必要。

変わるのは「発注の仕方」。

今まで: デザイナーがデザインを作る → コーダーに実装を発注する
これから: 簡単なページはFigma Sitesで直接公開 → 複雑な部分だけコーダーに依頼

ディレクターはこの使い分けを判断する必要がある。どこまでFigma Sitesで対応して、どこからコーダーに依頼するか。

ツールの進化で、ディレクターの判断力がより試される時代になったよ。

[中村和正｜Full-Stack Web Director @kazm_n18]

確かに電源落としてケーブルぶっこ抜くのが最強の防御。

[47NEWS @47news_official]

【速報】GMO、パソコン電源落とすよう呼びかけ
https://t.co/V2ZOYknogI

[中村和正｜Full-Stack Web Director @kazm_n18]

@noble_ai_lab ストックフォトの会社は利用者に連絡入れるので、そこから制作会社にどうなってんのというルートになりますが、古いサイトだと制作者に連絡取れないケースもあるので、クライアント側も想定リスクとして対応しておくべきですね

[中村和正｜Full-Stack Web Director @kazm_n18]

Web制作を学んでる人は絶対知っておいて。素材の無断使用で100万円賠償した実話。

あるクライアントのサイトを制作して、しばらく経った頃に「素材が無断使用されてるって連絡が来た」と。

原因は外注のフリーランスがストックフォトとフリー素材の区別がついてなかったこと。悪気はなかった。でも「知らなかった」は通用しない。

ストックフォトの会社はWebを巡回して無断使用を監視してる。バレないなんてことはない。

これ、制作会社に所属してれば先輩が教えてくれる。でも独学だと教わる機会がない。

覚えておくべきは
・フリー素材でも利用規約は必ず確認する
・ストックフォトは契約してないなら絶対使わない
・「ネットで拾った画像」は基本アウト

著作権の知識は技術スキルと同じくらい大事。ここを軽く見ると、本当に取り返しがつかなくなるよ。

[中村和正｜Full-Stack Web Director @kazm_n18]

@Banner_marketer 制作会社で経験を積んでいれば当たり前にやることなんですが、スクール→フリーランスとかだどすっぽり抜けている人がかなり多いですね。。

[中村和正｜Full-Stack Web Director @kazm_n18]

@hayashiwell 最近は、ただAIで作ったことを言いたいだけで見栄えのする3Dサイトとかも多いですが、ちゃんと企画・設計してないデザインを見てもって感じですよね。。

[中村和正｜Full-Stack Web Director @kazm_n18]

Webデザインを始めたばかりの人に、勉強法を教える。

SNSで流れてくるデザインを見て「かっこいいな」って思うかもしれないけど、あれで勉強するのは遠回り。

なぜかというと、SNSに上がるデザインはバズるために作られたもの。実案件のデザインとは目的が違う。

やるべきはデザインギャラリーサイトで実案件のデザインを見ること。掲載されてる制作会社のサイトに飛んで、制作実績をチェックする。

まずはそのレベルのデザインを完全にトレースできるようになるのが第1のゴール。コンセプトから自分で考えて作れるようになれば一人前。

「何を見て学ぶか」で成長速度が全然変わる。最初にちゃんとした地図を手に入れようね。

[中村和正｜Full-Stack Web Director @kazm_n18]

制作会社にいた時から分かってたけど、SNSで仕事を探してる事業会社はほぼゼロだよ。

23年クライアントワークしてきて、SNSで発注先を探してたクライアントは記憶にない。

企業がWeb制作を頼もうと思ったら
・今取引してる会社に相談する
・知り合いの会社に紹介してもらう
・比較サイトで探す
・制作会社のサイトに直接問い合わせる

これがメイン。しかもフリーランスじゃなくて制作会社を探す。

SNS経由の案件は市場の1%にも満たない。だから「SNSで発信してれば仕事が来る」は幻想。

発信に意味がないかというと、そうじゃない。発信は「この人に頼みたい」と思ってもらうための信頼貯金。直接仕事が来るんじゃなくて、紹介の時に「あの人、Xで発信してる中村さんね」と認知される。

魚のいない釣り場に糸を垂らすのはやめて、業界構造を理解した上で発信しよう。

[中村和正｜Full-Stack Web Director @kazm_n18]

@latentnote そうなるとプロジェクトが止まってしまうのでキックオフ段階でいつどのくらいの作業が発生するかを説明しますね。
そこで仕事の調整が発生したり、追加の担当がアサインされることもよくありますね

[中村和正｜Full-Stack Web Director @kazm_n18]

制作会社にいた頃、最も対応が難しかった案件の話。

技術的に難しい案件じゃない。予算が少ない案件でもない。「クライアントが非協力的な案件」。

メイン業務じゃないのに担当にされた社員さんで、メールを送っても3週間返事がない。デザイン確認も放置。原稿は「まだ用意できてません」が3ヶ月続いた。

Web制作はクライアントも含めたワンチームで進めるもの。クライアントの協力がないと、いつまでも完成しないし請求もできない。

この経験から学んだのは「受注前にクライアントの体制を確認する」こと。

・担当者は専任か兼任か
・意思決定者は誰か
・レスポンスの目安はどれくらいか

ここを受注前に確認しておくだけで、不採算案件を抱えるリスクが激減する。23年やってきて、唯一対応できないのがこのパターンだよ。

[中村和正｜Full-Stack Web Director @kazm_n18]

復旧したみたいでよかった。

IDCFの障害でデータ飛んで、復旧中にあちこちで情報漏えいのリリースでるし、PHPの件もあってかなりハードは復旧プロジェクトだったろうなぁ。

[茨城県 @Ibaraki_Kouhou]

【県HP復旧のお知らせ】
10/7に発生したクラウド障害により、県HPが閲覧できない状態が続いておりましたが、本日復旧しましたので、お知らせします。
これに伴い、暫定版HPの運用を終了させていただきます。
https://t.co/ugnaKQ97qw

長期間にわたり、ご迷惑をおかけしましたことをお詫びいたします。

[中村和正｜Full-Stack Web Director @kazm_n18]

@tanaka_webdev クライアント側が思ったよりやること多くてまわらないとかもあるのでプロジェクト計画のステップを踏むのがポイントですよね

[中村和正｜Full-Stack Web Director @kazm_n18]

@chihiro_cplatz クライアントも含めたチーム戦になるので、プロジェクトの成否は体制構築で決まってきますよね

[中村和正｜Full-Stack Web Director @kazm_n18]

「WordPressは終わった」「PHPは使うな」「今は〇〇一択」

とか、絶対に事故らない車はどれかみたいな話なので、永遠に答えは出ない。

最新の安全装置は確かに優秀。でも無謀運転すれば事故るし、古い車でも丁寧に乗って無事故の人はいくらでもいる。

自分に合った車を選んで、ちゃんと整備して乗り続けられるかが本質。

ツールの提案しかしてないのはアマチュア。
計画を提案するのがプロ。