THE TRACE
H. SAKAI
Web Designer & Front Engineer

東京生まれ、幼少期に山口県への転居を経験し、
再び東京で育つ


専門学校卒業後、CADを用いたTechnical Illustrator・DTP Operatorとして就職。
2002年より独学にてWebの現場に身を置く。
HTMLとCSSで世界を表現することに魅了され、デザインから実装まで一貫して担うスタイルを続けてきた。
技術はいつか枯れ、実装は過去へと消えていく。その一瞬の構築に、どれだけ純粋な構造を流し込めるか。
──それが私の仕事の、確かな痕跡。

HISTORY

黎明期

2000 — 2005

1px sp.gif / table で組む / ダイヤルアップ / Netscape

Web は並べるものだった。テーブルで列を区切り、1px の sp.gif で余白を作った。デザインと実装の境界線があいまいで、そのあいまいさの中に職人の楽しさがあった。すべてが手作りで、それが誇りだった。

HTML 4.01CSS 2.0Flash 5JavaScriptCGI / Perl

激動期

2006 — 2010

IE6 と戦う日々 / PNG 透過バグ / Ajax という魔法 / jQuery 革命

ブラウザ戦争の傷跡を抱えながら、jQuery という光が射した。表現の幅が広がるほど、ユーザーへの責任の重さを知った。スマートフォンの登場が、すべての前提を壊した夜を覚えている。

jQueryPHPWordPressMovableTypeActionScript 3

革命期

2011 — 2015

レスポンシブ元年 / Retina / モバイルファースト / フラットデザイン

レスポンシブデザインは概念ではなく、姿勢の問題だった。画面の大きさではなく、コンテンツの本質から始める。Retina 対応で SVG の価値を発見した年は、視野が二倍に広がった気がした。

HTML5CSS3 / SassSVGBootstrapGulp

成熟期

2016 — 2020

コンポーネント思考 / Figmaの登場 / JAMstack / TypeScriptの普及

コンポーネント思考が設計の語彙を変えた。UI を部品として捉えることで、チームとの対話が生まれた。設計の言語が増えるほど、余白と間の美しさに戻りたくなる逆説を感じた。

VueReactTypeScriptWebpackFigmaNext.js

邂逅期

2021 — 現在

AI との協働 / App Router / WebGL 表現 / Claude Code

AI と並走する時代に、人間らしい問いが生まれた。粒子のように浮かぶ記憶を、コードで表現できるとは思わなかった。このサイト自体が、その邂逅の痕跡。

AstroThree.jsGSAPFramer MotionTailwind v4Claude Code

SKILLS

デザインDESIGN
Figma
85%
Photoshop
80%
Illustrator
68%
InDesign
58%
XD
72%
After Effects
43%
構築BUILD
HTML / CSS
90%
JavaScript
78%
TypeScript
63%
Vue
65%
React
74%
Next.js
72%
Three.js
38%
Astro
77%
Tailwind CSS
80%
GSAP
68%
Framer Motion
62%
工程WORKFLOW
Git / GitHub
71%
Vercel
54%
microCMS
75%
WordPress
55%
Docker
47%
Volta
82%
AIA.I.
Claude
67%
ChatGPT
62%
Gemini
68%
Perplexity
66%

CONTACT

「此処に、居ります。」