CASES

Web・SEO の事例

静的化、多言語、アクセシビリティ、スパム対策

5 件

自社プロダクト

newspick

LLM が毎日ニュースを選んで、1本の記事にまとめる

  • 上流
  • 自走
  • フルスタック

情報漏洩の事件と AI エンジニア向けの報道を1日2回自動で集め、宣伝や攻撃的な投稿を落としてから、同じ出来事の報道を1本の記事にまとめて公開しているサイトです。続報が来るたびに記事を書き直します。

担当
  • 要件
  • 提案・計画
  • 設計
  • 実装
  • 運用
  • 改善

取り組んだこと

  • 収集・遮断・選別・名寄せ・要約を、段ごとにモデルを使い分けて自動で回す
  • 外部の LLM へ出る口を1か所に閉じ込め、ほかの場所から出ようとしたらテストで落とす。原文は保存せず、要約と事実だけを残す
  • すべての LLM 呼び出しを台帳に残し、月の上限で自分で止まる。止める順番も決めてあり、遮断と選別は最後まで止めない
  • 記事を意味のベクトルにして、意味で検索でき、地図として並べて見られる
受注

ビデオ会議・ライブ配信システム

ブラウザだけで動くマルチテナント

  • 上流
  • フルスタック
  • ワントップ

映像通信からデータ設計・権限管理・運用手順・法令対応の文書まで、一貫して設計・実装しました。専用の配信インフラを持たずに構成しています。

担当
  • 要件
  • 設計
  • 実装
  • 運用

取り組んだこと

  • ⭐ 「人を集めないと確認できない画面」を機械で確認する——デモモード＋映像サロゲート＋ビジュアル回帰15シナリオ
  • 録画をブラウザ側からサーバー側へ差し替えられる層設計にした
  • 運営を特例のコードパスにしないテナント設計（運営も1テナントとして扱う）
受注

サーバーごと載せ替える

稼働中サイトの EC2 → サーバーレス移行

  • 折衝・プランニング
  • フルスタック

常駐サーバーで動いていたサイトを、配信・API・DB・メールまでエッジで完結する構成へ移行。常駐プロセスが無くなり、月額の固定費と当番が消えました。

担当
  • 提案・計画
  • 設計
  • 実装
  • 運用

取り組んだこと

  • ドメインは移管せず NS の切り替えだけで進めた。問題があれば戻せる形にする
  • エッジでは AWS SDK が使えないので、SigV4 署名を自前で組み立てて SES を直接叩いた
  • 旧構成の手順書を消さずに、冒頭へ廃止の印と現行の行き先を書いて残した
受注

WordPress からの全面再構築

塗装業の企業サイト

  • 上流
  • 自走
  • フルスタック
  • ワントップ

旧 WordPress を廃止し、React ＋ 自前の静的化へ全面再構築。旧URLの構造を温存したまま移行し、公開後の検索対応・スパム対策・メール基盤の運用まで担当しました。

担当
  • 相談
  • 要件
  • 提案・計画
  • 設計
  • 実装
  • 運用
  • 改善

取り組んだこと

  • ⭐ 技術SEOは土台。順位は「狙い」と「見える文章」で決まる——プリレンダ・JSON-LD・sitemap を整えたうえで、地域の狙いと画面に見える文章を直し、約2週間で1〜2位
  • 迷惑メールを仕組みで止める。 フォームの検証を、鍵が無ければ通さない作り（fail-close）にした
  • 自前SSG は80行程度。ヘッドレスブラウザ不使用・SSRサーバー常駐なし
参考

多言語ショーケース

浅草のヴィンテージ着物店（架空店舗）

  • 自走
  • フルスタック

インバウンド向けに、UI だけでなく商品説明・FAQ・道案内まで全項目を9言語で持つ静的サイト。提案の材料として、実物を先に作って持っていったショーケースです。

担当
  • 提案・計画
  • 設計
  • 実装

取り組んだこと

  • 9言語を型で担保した。翻訳キーが1つでも欠けるとビルドが止まる
  • サーバーが無い前提で CSP を通す（ハッシュ方式＋ビルド時の自己点検でデプロイを止める）
  • Lighthouse 100 / 100 / 100、LCP 730ms、CLS 0.00

3人日（実装）