📚 ナレッジベース
tech_技術・作り方
最終更新 2026年08月25日 ／ 21_ナレッジベース/マニュアル_ナレッジ/FS部署/tech_技術・作り方.md
出典: FS商談マニュアル 技術・作り方（自動ミラー・正本は /Users/oogushiyuuki/dev/terasu-fs-manual）
技術・作り方
技術・作り方（「何で作ってるの？」）
技術が苦手でも、これで堂々と答えられる。 要点：Web標準の"静的サイト"＋AIツール＋Cloudflare。
静的HTML/CSS/JS とは（Webの最も標準的な作り）
| 技術 | 役割 |
|---|---|
| HTML | ページの構造・中身（文章・画像の配置） |
| CSS | 見た目・デザイン（色・フォント・レイアウト） |
| JavaScript | 動き（スクロールアニメ・メニュー・フォーム） |
| 世界中のサイトの土台。 特殊な独自技術ではない＝将来どんな会社にも引き継げる。 |
「静的」vs WordPress（動的）
WordPress等は アクセスのたびにサーバーがページを組み立てる（動的） 。 TERASUは 完成済みページをそのまま配信（静的） 。
静的のメリット： 速い・安全・安い・落ちにくい 。 → 伝え方は「WordPressじゃない＝劣る」ではなく 「WordPressより速くて安全な作り」 とポジティブに。
Claude Code / Codex で作る
AIコーディングツールに 日本語で「こう作って」「ここ直して」と指示するとコードを書いてくれる 。 TERASUはAIにコードを書かせ、人がデザイン監修・調整して制作。 弊社の制作担当も非エンジニア。 これが「AIで工程を効率化→価格に還元」の正体。
ホスティング = Cloudflare Pages
作った静的サイトをCloudflare Pagesで公開。 高速・安全・無料枠・SSL自動 。 だからサーバー代ほぼゼロで、速くて落ちにくい。
模範回答（ライト） 「Webの標準技術で、表示が速くて壊れにくい作りにしています。 制作はAIも活用して効率化しているので、制作会社品質をこの価格で出せるんです。 サーバーもSSLも全部込みで、御社は何も用意いただかなくて大丈夫です」