
子ども向けサイトの読み上げに Gemini TTS・Google Cloud TTS・Azure TTS・edge-tts を試した話
教育向けWebアプリの音声読み上げ機能に、Web Speech API・Google Cloud TTS・Gemini TTS・Azure TTS・edge-ttsの5つを比較検証。実装コード付きで、品質・コスト・導入しやすさを解説します。

教育向けWebアプリの音声読み上げ機能に、Web Speech API・Google Cloud TTS・Gemini TTS・Azure TTS・edge-ttsの5つを比較検証。実装コード付きで、品質・コスト・導入しやすさを解説します。

LangChain.jsは、LLMを活用したAIエージェントやアプリケーションを構築するためのTypeScript/JavaScriptフレームワークです。基本概念から実践的なコードサンプルまで、活用例とともに解説します。

同じサイコロゲームをReact Three Fiber(本格3D)とFramer Motion(CSS疑似3D)の2つのアプローチで実装。それぞれの特徴と使い分けを解説します。

ReactのuseEffectフックを完璧に理解するための完全ガイド。基本的な使い方から依存配列、クリーンアップ関数、よくある間違いと解決策まで、実践的な例とともに徹底解説します。

ブラウザで遊べる一人麻雀ゲームを React と Framer Motion で実装します。牌のアニメーション、役判定、リーチ・ドラ・フリテンなど本格的な機能を解説します。

Framer Motionの基本から応用まで徹底解説。motion.div、variants、AnimatePresence、useScroll、ドラッグ、レイアウトアニメーションなど、実践的なデモとともに紹介します。

Three.jsとReact Three Fiberの基本から応用まで徹底解説。メッシュ、ジオメトリ、マテリアル、ライティング、アニメーション、インタラクションなど実践的なデモとともに紹介します。

Svelteの革新的なコンパイラアプローチとSvelteKitによるフルスタック開発を徹底解説。Svelte 5のRunes、リアクティビティ、ルーティング、SSR/SSGまで実践的なコード例とともに紹介します。

tsParticlesを使用してReact/Next.jsでパーティクルアニメーションを実装する方法を解説。紙吹雪、雪、星空、花火など様々なエフェクトをインタラクティブなデモと共に紹介します。