読込み中..

プロダクトを「速く、美しく」届ける
フロントエンドエンジニア

Next.js / TypeScript を中心に、UI設計から実装・パフォーマンス最適化まで。デザインとコードの「いい感じ」の交差点を探ります。

Next.js•TypeScript•UI/UX•Perf
モダンUIのイメージ
デベロッパーのワークスペース
コードのスクリーン
カラーパレット

Selected Works

個人・チーム案件から抜粋。サムネイルはフリー素材（Unsplash/Pexels/Picsum）を使用しています。

SaaS ダッシュボード

SaaS ダッシュボード

Next.jsChartsA11y
EC プロダクトLP

EC プロダクトLP

LandingSEOPerf
写真ギャラリー

写真ギャラリー

MasonryLightbox
モバイルアプリ連携

モバイルアプリ連携

APIAuth
ブランドサイト

ブランドサイト

DesignAnimation
メディア・ブログ

メディア・ブログ

MDXOGP

About Rin

Rin のプロフィール画像（フリー素材）

Web制作会社・自社開発での経験を経て、現在はフロントエンド領域を中心に活動。アクセシビリティとパフォーマンスを両立するUIを素早く実装するのが得意です。 小さな改善の積み上げと、綺麗なコンポーネント設計が好き。

  • 得意：Next.js / TypeScript / React / API連携 / SSR & SSG / 画像最適化
  • 趣味：写真・コーヒー・ガジェット

Skills

Frontend イメージ

Frontend

  • React / Next.js
  • TypeScript
  • 状態管理 / フォーム
  • アクセシビリティ
UI/UX イメージ

UI/UX

  • コンポーネント設計
  • 情報設計
  • モーション設計
  • デザイン連携
Performance イメージ

Performance

  • 画像/フォント最適化
  • Lighthouse/CLS
  • SSRキャッシュ
  • 計測と改善
Ops イメージ

Ops

  • CI/CD
  • Vercel/Cloud
  • 監視/ロギング
  • セキュリティベーシック

Visual Gallery

ギャラリーイメージ 1
ギャラリーイメージ 2
ギャラリーイメージ 3
ギャラリーイメージ 4
ギャラリーイメージ 5
ギャラリーイメージ 6
ギャラリーイメージ 7
ギャラリーイメージ 8
ギャラリーイメージ 9
ギャラリーイメージ 10
ギャラリーイメージ 11
ギャラリーイメージ 12

Contact

相談やご依頼はお気軽に。件名に「ポートフォリオ経由」と添えていただけると助かります。

画像出典：Unsplash / Pexels / Picsum（各ライセンスに基づき使用）

© 2025 Rin. All rights reserved.
RI-N.com
Top
Groups
Storage
Account
Login