Portfolio

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

【ツール】aws

aws (Amazon Web Services) は、Amazonが提供するクラウドコンピューティングサービスの総称で、様々なWebサービスを指します。具体的には、サーバー、ストレージ、データベースなどのITインフラをインターネット上で提供し、利用者は必要な機能だけをオンデマンドで利用できます。これにより、物理的なサーバーの購入や運用、保守の負担を軽減し、ITリソースを効率的に活用することができます。

【ツール】Supabase

Supabaseは、オープンソースのBaaS（Backend as a Service）で、PostgreSQLをベースにデータベース、認証、ストレージ、リアルタイム機能などを提供します。サーバーを自前で構築することなく、素早くWebアプリのバックエンドを開発・運用できます。

【ツール】Prisma

Prismaは、Node.jsとTypeScriptでデータベースを扱うためのORM（Object-Relational Mapping）ライブラリです。SQLを直接書かずに、直感的なAPIを使ってデータベースとやり取りできるよう、開発者の生産性を向上させます。

【ツール】Remix

Remixは、ReactベースのWebアプリケーションフレームワークです。サーバーサイドレンダリングや効率的なデータ取得が可能で、SEOやパフォーマンスに優れたWebアプリケーションを構築できます。 Shopifyのヘッドレスコマースの基盤としても採用されています。Next.jsに比べてキャッシュ回りの機能が不足していますが、Web標準APIを尊重するフレームワークです。

【ツール】Next.js

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

【ツール】TypeScript

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

【ツール】React

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

【ツール】GSAP

アニメーションを作成するためのJavaScriptライブラリです。

【ツール】Three.js

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

【ツール】Fabric.js

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

【ツール】Tailwind CSS

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

【ツール】SVG

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

Profile

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

【ツール】WebGPU

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

【ツール】Blender

Blender は、オープンソースで提供されている統合型3Dコンテンツ制作ツールです。モデリング・スカルプト・UV展開・リギング・アニメーション・物理演算・レンダリング・コンポジット・動画編集まで、3D制作に必要な機能を一通り備えています。GLTFやUSDZなどを通じて、Web向け（Three.js や WebGPU）にも活用できます。

【リスペクト】燃焼を極める者

アグニスはこれまでに無い究極の燃焼率を追求する至高の焚火台ブランドです。独自開発された正方形の形状が他を圧倒する燃焼率で焚火マニアを唸らせるホンモノの火を創ります。『Agniz.』

【コンテンツ】のみたがり

表情を分析して元気な人にはアルコール度数が高いお酒を提案します。

お問い合わせ

お仕事のご依頼やお問い合わせはお気軽にどうぞ。

【コンテンツ】キキキ - 新感覚UI -

新感覚UI。あなただけのWebページ。

【リスペクト】湯けむり演出家

静かな空間に、ふっと広がる湯けむり。「セルフロウリュ」は、ただの演出じゃない。注ぐ人によって、空気もリズムも変わる“瞬間演出”。『渋谷サウナス』

【リスペクト】操るのは、魚の本能。

一瞬のトゥイッチ、一度のジャーク。水中のリアクションを支配するのは、ロッドでもルアーでもない。アングラーの「引き出し」の数だ。エリアミノーイング。それは、技術と読み合いのステージ。エリアミノーイングYotubeチャンネル『Jyubei』

【リスペクト】最高の渇きにDRY。

缶を開ける、それだけでスイッチが入る。飲み干すまでのわずかな時間に、飲みごたえとキレの嵐が駆け抜ける。残るのは空き缶と、冴えわたった気分だけ。スーパードライは、一日の締めにふさわしい。『アサヒスーパードライ』

【リスペクト】未来の乗り物

機体外部固定カメラからの映像。旋回時には空間識失調による事故に備え、旋回姿勢制御システムとカメラ映像が連動する。・推進駆動反転システム搭載・旋回姿勢制御システム搭載『映像研には手を出すな！』