FUJI
Frontend Developer
Since 2006 — 19 Years
Works
文化施設・美術館・ブランド・医療・教育まで、19年にわたり幅広い領域のフロントエンドを担当してきました。 守秘義務のため、クライアント名・URL・スクリーンショットは掲載していません(ジャンルと担当領域のみ記載)。
- 01国内ブランド|コーポレートサイト立ち上げから19年継続Frontend
- 02美術館|企画展サイトFrontend
- 03文化施設|図書館Frontend
- 04研究・教育機関サイトFrontend
- 05医療|リハビリ施設サイトFrontend
- 06レストラン|ブランドサイトFrontend
ほか、庭園・採用・NPO 等のサイトを多数担当。
About
Profile
コーダーとしてWebの仕事を始め、現在はフロントエンドエンジニア。国内ブランドのコーポレートサイトを、立ち上げから19年にわたり継続して担当しています。
長く使われ・更新され続けるサイトを、設計から実装まで一貫して支えてきました。美術館・文化施設・研究機関・医療・飲食など、幅広い領域のフロントエンドを手がけています。
React / Next.js / TypeScript を軸に、デザインの意図を汲んだUI実装と、表示速度・アクセシビリティの作り込みにこだわります。制作のご相談はお気軽にどうぞ。
Skills
Writing
パフォーマンス・アクセシビリティなど、実務で得た知見を記事にしています。
Core Web Vitals を 58 → 99 に改善した話(フォント自己ホスト化が効いた)
Lighthouse スコア58のポートフォリオを、フォント読み込みの見直しだけで99まで引き上げた実例。LCP 8.6s→2.3s。計測・原因特定・改善の手順を実数値で解説します。
GSAP + Lenis で作る、没入感のある1ページポートフォリオ
極大タイポグラフィ、マグネットホバー、スクロール連動の文字飛散。GSAP ScrollTrigger と Lenis スムーススクロールで構成した1ページ構成の設計と実装の勘所をまとめます。
アクセシビリティと演出を両立する — prefers-reduced-motion の実装
派手なスクロール演出とアクセシビリティはトレードオフではありません。prefers-reduced-motion を尊重しつつ、演出を活かす実装パターン(即時表示・RAF停止・後始末)を解説します。
Contact
ウェブサイト制作やフロントエンド開発のご相談を承っています。
下記フォームよりお気軽にお問い合わせください。通常2〜3営業日以内に返信します。