Highneeds

3D・Web・AIの実装を、
事例とコードで追いかける。

Three.js / WebGL を使ったサイトの実装解説、コピーして使えるコードスニペット、AIまわりの最新動向。「実際どう作られているか」に寄せたフロントエンド開発メディアです。

3Dサイトギャラリーを見るスニペットを探す

1733Dサイト 8スニペット 612AIニュース 3コラム

3Dサイトギャラリー

Three.js / WebGL を使ったサイトを、実装の中身まで踏み込んで紹介しています。

すべて見る →

注目

Vectr

WebGPUで組んだBtoBサイト。3DシーンをWeb WorkerのOffscreenCanvasに逃がし、メインスレッドを空けている。

Three.js WebGPUWebGLフォールバックOffscreenCanvasAstro

注目

CoffeeTech®

業務用コーヒー焙煎機メーカーのサイト。3Dヒーローと360表示を載せたWebflow製で、Site of the Day と Developer Award を同時受賞している。

WebflowGSAPJavaScript360ビュー

注目

Hiroto Sato

日本のクリエイティブデベロッパーの個人サイト。ステッカーを触るインタラクションとページ遷移で Site of the Day を獲った。

WebGL3DGSAPBlender

注目

Lacoste — Polo Factory

ポロシャツができるまでを工場に見立てた3D体験。編む・刺す・染めるの各工程がそれぞれ操作できる機械になっている。

Three.jsWebGLゲーミフィケーションフルスクリーン

注目

Noomo Showcase

ショーリールを動画にせず、WebGLの3Dプレビューで並べたエージェンシーの作品集。SOTDとDeveloper Awardの二冠。

WebGLThree.jsGSAPスクロール連動

注目

TRIONN

インドのデザインスタジオの自社サイト。Site of the Day と Developer Award を同日に取った実装評価先行の3Dポートフォリオ。

Next.jsThree.jsGSAPLenis

注目

Lacoste Ace Breaker

ラコステの会員向けブロック崩し。テニスのラリーをゲーム化し、景品はローラン・ギャロスのチケット。

Three.jsWebGLブラウザゲームフルスクリーン

注目

Produx Design

Site of the DayとDeveloper Awardを同日に取ったブランディングスタジオのサイト。暗い緑2色の中で3Dを抑制的に使う。

Three.jsNext.jsGSAPフィルタ・エフェクト

AIニュース

モデル・ツール・開発環境のアップデートを開発者目線で。

セキュリティ2026/10/16JPCERT/CC 注意喚起公式

SiteGuard Server EditionにOSコマンド実行の脆弱性、悪用を確認

JPCERT/CCは10月14日、WAF製品SiteGuard Server EditionのOSコマンドインジェクション脆弱性（CVE-2026-106931）について注意喚起を公開した。既定で有効な統計機能が条件で、root権限やSYSTEM権限で任意のコマンドを実行されるおそれがある。開発元は悪用を確認済み。修正版への更新かパッチ適用、暫定的には統計機能の無効化が対策となる。

脆弱性WAFSiteGuard緊急対応

セキュリティ2026/10/16JPCERT/CC Eyes公式

JPCERT/CC、不正アクセス調査でAI支援のスキャンとAPI狙いの攻撃を確認

ツール

読むだけでなく、そのまま使えるものも置いています。

テンプレート配布

Vite + WordPress など、実案件でそのまま使える開発テンプレート。構成を選んでダウンロードできます。

テンプレートを見る →

Web診断

URLを入力するだけで、SEO・構造化データ・アクセシビリティの観点からサイトをチェックします。

サイトを診断する →

3D・Web・AIの実装を、
事例とコードで追いかける。

3Dサイトギャラリー

Vectr

CoffeeTech®

Hiroto Sato

Lacoste — Polo Factory

Noomo Showcase

TRIONN

Lacoste Ace Breaker

Produx Design

新着スニペット

AIニュース

SiteGuard Server EditionにOSコマンド実行の脆弱性、悪用を確認

JPCERT/CC、不正アクセス調査でAI支援のスキャンとAPI狙いの攻撃を確認

ツール

テンプレート配布

Web診断

ヒーローセクション

サイトヘッダー（レスポンシブナビ）

サイトフッター（サイトマップ型）

ページネーション

モーダル（native dialog）

FAQアコーディオン（構造化データ対応）

GitHub Copilot、SlackとTeamsで複数リポジトリの横断に対応

Vercel、月30ドルで80ドル分のAI利用枠「Token Pass」を開始

コラム

AIエージェントがジムの予約を消した件は、20年前からある認可の欠陥だった

WordPressサイト構築の注意点チェックリスト（随時更新）

Claudeの「エージェント」を分解する —— チャットボットではなく、ループを回す実行環境

3D・Web・AIの実装を、事例とコードで追いかける。

3Dサイトギャラリー

Vectr

CoffeeTech®

Hiroto Sato

Lacoste — Polo Factory

Noomo Showcase

TRIONN

Lacoste Ace Breaker

Produx Design

新着スニペット

AIニュース

SiteGuard Server EditionにOSコマンド実行の脆弱性、悪用を確認

JPCERT/CC、不正アクセス調査でAI支援のスキャンとAPI狙いの攻撃を確認

ツール

テンプレート配布

Web診断

ヒーローセクション

サイトヘッダー（レスポンシブナビ）

サイトフッター（サイトマップ型）

ページネーション

モーダル（native dialog）

FAQアコーディオン（構造化データ対応）

GitHub Copilot、SlackとTeamsで複数リポジトリの横断に対応

Vercel、月30ドルで80ドル分のAI利用枠「Token Pass」を開始

コラム

AIエージェントがジムの予約を消した件は、20年前からある認可の欠陥だった

WordPressサイト構築の注意点チェックリスト（随時更新）

Claudeの「エージェント」を分解する —— チャットボットではなく、ループを回す実行環境

3D・Web・AIの実装を、
事例とコードで追いかける。