自社でサイト構築
「Webサイトは外注するもの」という常識は終わりました。修正のたびに見積もり、更新のたびに請求——そのコストと時間は、本来ビジネスに使えるはずのリソースです。
AIの登場により、コードを書けなくてもWebサイトは作れます。必要なのは「何を伝えたいか」を明確にすることだけ。デザインもコードもAIがサポートします。
外注の都合で更新を待つこともなくなります。コストも年間1400円程度に抑えることが可能。社内に知識がたまるだけでなく、AIを使える人材が増えていきます。
まずは1ページから。ランディングページ、採用ページ、キャンペーンサイト——小さく始めて、成功体験を積み重ねる。それが自社Web内製化への最短ルートです。
すべてお教えします。あなたの会社にWEB受注が可能な部署が誕生します。
AIコーディングの基礎
Claude — Anthropic製。長文理解と正確性に強み。コード生成の品質が高い。
ChatGPT — OpenAI製。汎用性が高く情報も豊富。
Gemini — Google製。大規模コンテキストと多言語対応。無料枠が太っ腹。
Cursor — AI特化エディタ。コードベース全体を理解して提案。
Antigravity — Google製。エージェント優先IDE。複数AIが自律的にタスク実行。
HTML / CSS — Webの見た目を作る。最も基本。
JavaScript — 動きをつける。React、Vue等のフレームワークも。
Python — 自動化、データ分析、AI連携に強い。
TypeScript — JavaScriptに型をつけて安全に。大規模開発向け。
AIは「動くコード」を書くのは得意。でも「正しいコード」とは限らない。
セキュリティ、パフォーマンス、保守性——これらは指示しないと考慮されないことが多い。「動いたからOK」で終わらせると、後で痛い目を見る。
AIは優秀だが、指示待ち。「いい感じにして」では「いい感じ」にならない。
何を作るか、どう作るか、何を守るか——これを明確に伝えられる人が、AIを使いこなせる。
一発で完璧なコードは出てこない。対話しながら修正、確認、改善を繰り返す。これが「バイブコーディング」の本質。雰囲気で任せるのではなく、対話で育てる。
生成コードに潜む脆弱性の回避
□ 「APIキーが外から見えないように」と頼む
□ 「悪意のある入力を防いで」と確認する
□ 「このコードに問題ないか確認して」と聞く
外注削減とセキュリティ管理
修正のたびに見積もり、更新のたびに請求——
その繰り返し、もう終わりにしませんか。
10年間のコスト比較
「自分でできる」状態になるまで、しっかり伴走します。
セキュリティ管理：会員管理
SECURITY & MEMBERSHIP MANAGEMENT
Firebase Authenticationは「本人確認」を行う仕組みであり、「見せていいか」の判定は別途設計が必要です。
「ログイン済みならOK」という設定では、悪意あるユーザーが他人の注文履歴や個人情報を自由に閲覧できてしまいます。会員ランク別の卸価格も要注意。
誰でも全データ読み取り可能
ログイン済みなら他人のデータも見放題
ブラウザで書き換えて卸価格で購入
他人のIDを偽装してリクエスト
・ セキュリティルールで「誰が何を操作できるか」を最小権限で定義
・ サーバーサイドでIDトークンを検証
・ 価格決定は必ずバックエンドで
F12キーで見えてしまうものから守る
あなたのサイト、丸見えです。
サーバーへ送るデータも、すべて書き換えられます。
「お一人様3点まで」が無意味に。
<input max="3"> → <input max="999">
1万円の商品が0円で注文される。
price = 0;
一般客が卸価格で購入。
userRank = 'wholesale';
金額を書き換えてサーバーへ送信。
amount: 10000 → amount: 1
ルール構築が甘いと、F12ひとつで改ざんされます。
② アクセスする人間は全員がハッカーであるという前提で構築。
③ サーバーに格納した情報にブラウザから侵入されないようなサーバールールの構築。