THE TRACE
H. SAKAI

THE TRACE — 痕跡

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

ひとつの縁から、始まります。