Frontend × Design × Data

SCROLL
WHAT I DO01/03
01/ 03

Frontend Development

要件と更新頻度に応じて Next.js / Astro / Nuxt を選定し、SSR / SSG / ISR を使い分ける。Sanity / microCMS / Supabase / 外部 API 統合、Vercel デプロイ、Sentry 監視まで一気通貫で対応。

TypeScriptReact 19Next.js 16Astro 5Nuxt 3Tailwind
02/ 03

Visual Design

UI/UX 設計、タイポグラフィ、Framer Motion / GSAP / WebGL によるアニメーション。サイト自体をポートフォリオとする思想で技術と表現を統合する。

FigmaFramer MotionGSAPLottieWebGL ShaderSVG
03/ 03

Data & Analytics

Pandas / scikit-learn / Plotly + Jupyter での統計分析、Plotly / D3 での可視化、python-docx での DOCX 自動生成パイプライン。再利用可能な分析基盤を設計する。

PythonPandasscikit-learnPlotlyJupyterPostgreSQL

Frontend Developer
based in Chiba.

Frontend を中心としたフルスタック寄りの Web デベロッパー。 要件・規模・更新頻度に応じて Next.js / Astro / Nuxt を選定し、 SSR / SSG / ISR と配信戦略を設計する。Riot API 連携の戦績可視化アプリから ZXing による QR スキャン Web アプリ、Sanity / microCMS 連携の コンテンツサイトまで、UI 設計・状態管理・外部 API 統合・ パフォーマンス監視を一気通貫で担当する。

視覚表現と実装の両輪を重視。Tailwind での UI システム構築、 Framer Motion / GSAP でのアニメーション設計、WebGL を組み込んだ インタラクティブ表現を得意とする。Python (Pandas / scikit-learn) で データ分析基盤も構築する。

NAME
Altie
ROLE
Frontend Developer
BASED
Chiba, Japan
FOCUS
Web · Design · Data

Selected
Projects.

Tools &
Tech I use.

Frontend / Framework
TypeScriptReact 19Next.js 16Astro 5Nuxt 3Vite
Styling / Animation
Tailwind CSSFramer MotionGSAPLottieWebGLSVG
Data / Backend
Sanity CMSmicroCMSSupabasePostgreSQLRESTRiot API
Analytics
PythonPandasscikit-learnPlotlyJupyterSciPy
Tooling / Ops
VercelVitestSentryDockerGitESLint

Recent
Articles.

All posts →

Let's create
something.