才木 啓

Three.jsをはじめよう。星空や雪のような幻想的な演出【第7回】

ここまでに、立方体や外部から読み込んだモデルなど、「実体のあるもの」を扱ってきました。前回はクリック判定を学んだことで、ユーザーのアクションに対する返答もできるようになりました。今...

Google Antigravity使い方｜最新のAI統合開発環境を徹底解説

Google Antigravityの使い方を初心者にも分かりやすく解説。2025年11月リリースの最新AI IDE、インストール方法から実践的な活用法まで、WEB制作のプロが徹底...

Three.jsをはじめよう。画面上のオブジェクトに触れる【第6回】

前回、ついに外部の3Dモデルを画面に登場させることに成功しました。でも、モデルがただそこにあるだけでは、少し寂しいですよね。「これ、クリックしたらどうなるんだろう？」「マウスを重ね...

Three.jsをはじめよう。GLTFLoaderによる外部モデルの読み込み【第5回】

これまで私たちは、Three.jsの中で立方体や球体といった「基本図形」を組み合わせて学んできました。しかし、WEB制作の現場では、「自社の新製品の靴を表示させたい」「マスコットキ...

Three.jsをはじめよう。深みとドラマを与えるライティング技術【第4回】

3Dに「命」を吹き込むのは光と影の仕事です。連載第4回では、Three.jsにおける4種類の主要なライトの使い分けと、初心者が苦戦しがちな「影（シャドウ）」の設定方法を徹底解説。W...

Three.jsをはじめよう。マテリアルとテクスチャでリアルに【第3回】

前回は作成した立方体をマウスで自由に動かす事ができました。しかし、画面の中にあるのはまだ、無機質な「緑色の箱」ですよね。WEB制作でクライアントから求められるのは、「もっと商品の良...

Three.jsをはじめよう。カメラワークとレスポンシブ対応【第2回】

前回、Three.jsの「3大要素（Scene, Camera, Renderer）」を学び、真っ暗な空間に緑色の立方体を浮かべることに成功しました。しかし、今のままでは立方体が勝...

Three.jsをはじめよう。3D空間の基礎【第1回】

スマートフォンの普及とブラウザ性能の向上により、WEBサイトは「静的な情報の羅列」から「動的で立体的な体験」へと進化を遂げています。その進化の中心にあるのが、ブラウザ上で3DCGを...

企業サイトに入れたいWordPressプラグイン5選

WordPressは、その柔軟性と拡張性の高さから、現在、世界中の企業サイトで最も採用されているCMS（コンテンツ管理システム）です。しかし、その「便利さ」の裏側には、企業のWEB...

【2025】JavaScriptフレームワークの選び方や学習方法

JavaScriptフレームワークについて初心者向けに解説。React, Angular, Vue.jsなど主要フレームワークを比較し、選び方や学習方法を紹介。Web開発の効率化、...

Figma を使ったデザインシステム構築術：効率化と品質向上の秘訣

「デザインシステムって、難しそう…」そう感じているあなたへ。Figma を使えば、デザインシステムはもっと身近で、強力なツールになります。この記事では、Figma を活用してデザイ...

Google Fonts 日本語フォント おすすめ10選と導入方法【2026年】

Webデザインに役立つGoogle Fontsの日本語フォントを厳選紹介！2026年版として、おすすめフォント10選と導入方法を解説。Webサイトの表現力を高め、SEOにも効果的な...