ATSUSHI
TERASHIMA

SCROLL

ABOUT ME

ATSUSHI TERASHIMA

はじめまして。東京都出身、平成2年生まれの寺島敦志と申します。

大学卒業後、市役所に7年間(税部門、教育部門)、区役所に1年間(福祉部門)勤務しました。
公務の中で様々なシステムを触ったり、システム更改の担当をしたことにより、
IT業界に興味を持ち、退職を決意しました。

現在は自社開発企業にて、フロントエンドエンジニアとしてサービス開発に携わっています。Vue / Nuxt、Next.js / Reactのいずれのプロジェクトも担当しています。
あわせて、既存サービスをNext.js / Reactへ移行する大型リプレイスプロジェクトに参画し、実装メンバーとして機能単位の設計・実装を担当しています。既存仕様の把握と影響範囲の確認を丁寧に行い、Gitでのブランチ運用とチーム内レビューを重ねながら開発を進めています。
また、Claude CodeやFigma MCPを開発フローに組み込み、品質を保ったまま開発速度を上げる取り組みも継続しています。
将来的には、エンジニアリングスキルに加え、チームをまとめるマネジメントやプロジェクト推進の力も磨いていきたいと考えています。これまでの経験を活かし、技術と組織の両面から成長していきたいと思っていますので、どうぞよろしくお願いいたします。

SKILLS

HTML / CSS
Sass / Tailwind

レスポンシブデザインやSassを使った効率的なコーディングができます。
BEM・SMACSS・FLOCSSなどの設計思想を取り入れた保守性の高い実装に加え、Tailwind CSSを用いたユーティリティファーストの開発にも対応しています。

JavaScript / TypeScript

API連携、状態管理、バリデーション実装、動的なUIの構築など、フロントエンドで必要となる実装を幅広く対応しています。
TypeScriptの型安全性を活かした開発や、npmによるパッケージ管理にも取り組んでいます。

Vue / Nuxt
Next / React

自社サービスのフロントエンド開発を担当し、Vue / Nuxt、Next.js / Reactのいずれのプロジェクトにも参画しています。
現在は既存サービスをNext.js / Reactへ移行する大型リプレイスプロジェクトで、実装メンバーとして機能単位の設計・実装とコードレビューを担当しています。

チーム開発 / Git

Gitを使ったソース管理や、チームでのブランチ運用・レビューを経験。
エンジニアリングの枠を越え、マネジメント視点も意識して取り組んでいます。

AI WORKFLOW

AIを「コードを書かせるツール」ではなく、
設計品質を保ったまま開発速度を上げるための仕組みとして捉えています。
Claude CodeとFigma MCPを日々の開発に組み込み、
次の流れで運用しています。

  1. 01

    規約をAIに渡す

    プロジェクトのディレクトリ構成、命名規則、コンポーネントの責務分割ルールをCLAUDE.mdに明文化しています。AIが既存の設計から逸脱したコードを出力しないよう、プロジェクトのルールを最初に共有してから実装に入ります。

  2. 02

    デザインを数値として受け取る

    Figma MCPを利用し、カラーやスペーシングなどのデザイントークンとコンポーネント構造を直接取得して実装しています。デザイン値を目視で読み取る工程がなくなったことで、デザイン差異による指摘と手戻りを減らすことができました。

  3. 03

    レビューは人がやる

    生成されたコードは必ず全行に目を通し、命名・責務分割・アクセシビリティ・パフォーマンスの観点で修正しています。「動くから通す」はしません。AIの提案を却下する判断も、エンジニアの仕事だと考えています。

  4. 04

    チームに展開する

    個人の生産性向上で終わらせないことを意識しています。有効だったプロンプトの型やCLAUDE.mdのテンプレートを、チームで再利用できる形に整備して共有しています。

  • Claude Code
  • Figma MCP
  • CLAUDE.md
  • GitHub Copilot

WORKS

ポートフォリオサイト

ポートフォリオサイト(本サイト)

個人制作 / 設計・実装すべて

Next.js(App Router)+ TypeScript + Sass で構築し、静的書き出ししたものを配信しています。スクロール連動アニメーションはIntersectionObserverで実装し、画像はWebP化して初期表示を軽くしました。設計から実装まで一人で担当しています。

  • Next.js
  • React
  • TypeScript
  • Sass

CONTACT

ATSUSHI TERASHIMA

info@a-terashima.work

SEND

COPYRIGHT©ATSUSHI TERASHIMA