坂井 浩史
Web Designer & Front-end Engineer
東京生まれ
幼少期に山口県への転居を経験し、その後再び東京で育つ
CADを用いたテクニカルイラストレーターとして就職
その後DTPオペレーターを経験2002年、独学でWeb制作の道へ進み、以来ずっとこの現場に携わり続けているHTMLとCSSで画面を組み上げていく面白さに惹かれ、以来デザインから実装まで一貫して手がけている
その後DTPオペレーターを経験2002年、独学でWeb制作の道へ進み、以来ずっとこの現場に携わり続けているHTMLとCSSで画面を組み上げていく面白さに惹かれ、以来デザインから実装まで一貫して手がけている
HISTORY
歩みの記録
2000 — 2005
萌芽期
萌芽期
2000 — 2005
HTML 4.01CSS 2.0Flash 5JavaScriptCGI / Perl
Webはテーブルタグで列を区切り1pxのsp.gifで余白を作る時代 256色のバナー。gifが正義
2006 — 2010
転換期
転換期
2006 — 2010
jQueryPHPWordPressMovableTypeActionScript 3
透過pngが表示されないブラウザ戦争の日々 ハックの嵐。jQueryの登場で表現の幅が一気に広がる
2011 — 2015
拡張期
拡張期
2011 — 2015
HTML5CSS3 / SassSVGBootstrapGulp
レスポンシブの登場 設計がモバイルファーストになる。SVGの価値を発見
2016 — 2020
深化期
深化期
2016 — 2020
VueReactTypeScriptWebpackFigmaNext.js
コンポーネント思考が、再び設計の考え方を変える UIを部品として捉えることで、チームとの対話が生まれる
2021 — 現在
協働期
協働期
2021 — 現在
AstroThree.jsGSAPFramer MotionTailwind v4Claude Code
AIと協働する中で、自分の役割を問い直している ひとりで作れるものの幅が広がり、このサイトもその産物のひとつ
SKILLS
道具と技術
デザインDESIGN
Figma
Photoshop
Illustrator
InDesign
XD
After Effects
構築BUILD
HTML / CSS
JavaScript
TypeScript
Vue
React
Next.js
Three.js
Astro
Tailwind CSS
GSAP
Framer Motion
工程WORKFLOW
Git / GitHub
Vercel
microCMS
WordPress
Docker
Volta
AIA.I.
Claude
ChatGPT (Codex)
Gemini
Perplexity