Works N' Others

※ WebGPU/WebGLがサポートされていないため、フォールバック表示です

【好きな技術】Claude Code

Claude Code は、Anthropic が作った、ターミナルで動く AI のコーディング支援ツールです。コードを読み、ファイルを書き換え、テストやコマンドを実行しながら、話しかけるように開発を進められます。このサイトの勉強ページやツールも、Claude Code と一緒に作っています。

【好きな技術】Tailwind CSS

Tailwind CSS は、ユーティリティファーストの CSS フレームワークです。あらかじめ定義されたクラスをHTML上に直接記述することで、CSSファイルをほとんど書かずに、効率的かつ一貫性のあるUI設計が可能になります。モバイル対応やダークモード、カスタムテーマにも柔軟に対応でき、コンポーネント駆動の開発と相性が良いのも特徴です。

【好きな技術】React

React（リアクト）は、Webサイトやアプリの「見た目（UI）」を作るためのJavaScriptライブラリです。パーツを組み合わせるように画面を作れるため、効率よく、わかりやすく開発できます。

【好きな技術】TypeScript

TypeScript は、JavaScript に型の概念を追加することで、コードの安全性と可読性を向上させるプログラミング言語です。型による補完やエラー検出により、効率的かつ堅牢な開発を実現します。

【好きな技術】Next.js

Next.jsは、世界中で最も使用されているReactフレームワークです。サーバーサイドレンダリングや静的生成、API構築などをシームレスに行うことができます。高速な表示とSEO対応が可能な、モダンなWebアプリケーション開発を支えています。コミュニティも大規模なので情報量が多いのも魅力のひとつです。

【好きな技術】Fabric.js

Fabric.jsは、2Dグラフィックスの描画と操作に特化したJavaScriptライブラリです。HTML5 Canvas 上で図形や画像を自由に追加・編集・移動・回転でき、インタラクティブな描画ツールや画像エディタの構築に活用しています。

【好きな技術】Three.js

Three.js は、Webブラウザ上で 3D グラフィックスを描画できる JavaScript ライブラリです。モデルの表示やアニメーション、インタラクションなどを通じて、動きのある表現や立体的な体験を実現しています。

【好きな技術】WebGPU

WebGPU は、Web 上で GPU の性能を活かした高度なグラフィックスや計算処理を行うための新しいAPIです。従来の WebGL よりも高性能で柔軟性が高く、リアルタイムな3D描画やシミュレーション、AI演算にも活用されています。

【好きな技術】SVG

SVG（Scalable Vector Graphics）は、XMLベースで記述されたベクター形式の画像フォーマットです。解像度に依存せず、拡大・縮小しても劣化せずに表示可能で、CSSやJavaScriptを使ったスタイリングやアニメーションにも対応しています。Web上のアイコン・図解・グラフ・アニメーション表現に最適です。

【個人開発】掘る

古着屋で無造作に置かれていたワッペンの中から、好きなワッペンを探すのに夢中になったのが着想。

【個人開発】NECTRON - ルアーの泳ぎを見比べる -

ルアーがなぜその泳ぎ方をするのかを、水から受ける力の計算で説明します。3D の水の中で泳がせて、2 つのルアーを並べて見比べられます。まだ試作版です。

・名前：草野寛幸（くさのひろゆき）・生年月日： 1992.4.17 ・職業：フロントエンドエンジニア・経歴：【正社員】 2018.9 ～ 2021.10 WEB受託会社でインフラ（aws、ロリポップ）、バックエンド（Laravel）、フロントエンド（JavaScript）の案件に携わる。【フリーランス】 2021.11 ～現在フロントエンド（React）業務を中心に、2Dや3Dグラフィックス開発の案件に参画。