私について

Who I am

土田 祐一郎

1985年、東京都出身。
飲食店での店舗運営を経てWeb領域へ転向。
Web制作会社でのインターンを経て、2021年から都内の企業でWebコーダーとして勤務しています。
ランディングページ制作やWordPressカスタマイズを中心に、セマンティックHTML/アクセシビリティ/パフォーマンスを土台とした実装と運用改善を担当。
お客様対応や小規模チームの進行・レビューも行っています。
現在はNext.js+TypeScriptを主軸に、microCMSなどのヘッドレスCMSを用いたWeb制作や、 CloudflareやSupabaseなど、エッジ / サーバーレスを活用したWeb開発に注力しています。
日々アウトプットしながら、技術力の底上げとアップデートを続けています。

土田 祐一郎がPC作業をする様子

Strength

Web Development

2021年よりWebコーダーとして活動し、3年の実務経験があります。
実務ではWordPressやPHPをベースに、レスポンシブ対応やアニメーション実装を伴うサイト制作を行ってきました。 FigmaやAdobe XDを用いたデザインカンプの作成からコーディングまで一貫して行えるため、デザイナーとのスムーズな連携を得意としています。
現在はNext.js・TypeScriptを軸に、CloudflareやSupabaseなどのサーバレス技術を活用し、モダンフロントエンド開発に取り組んでいます。
特にLighthouseのスコア改善や、アクセシビリティとパフォーマンスを両立する設計に取り組んでいます。コードの質だけでなく、構造やアクセシビリティツリーの最適化にも関心を持ち、日々探求を続けています。 今後は、誰もが利用しやすいWeb体験の実現を目指し、より大規模・複雑な案件でも柔軟に対応できる力を高めていきたいと考えています。

  • HTML
  • CSS
  • SCSS
  • JavaScript
  • WordPress
  • PHP
  • GSAP
  • Astro
  • React
  • Next.js
  • TypeScript
  • microCMS
  • GitHub

Web Design

デザイン基礎に加え、UIやUXを探求しています。
Photoshopを用いた、画像のトリミングや画像加工。
Adobe XDやFigmaを用いたコンポーネントや配色、フォントなどの管理、Webサイトの設計と共有を得意としています。
また、Figmaでのオートレイアウトを使った作成や、プロトタイプ機能を使い画面遷移やインタラクションの挙動作成、CSSアニメーションの為に使用する素材の作成方法なども学習しています。

  • Photoshop
  • llustrator
  • Adobe XD
  • Figma

Communication

AIの進化が止まらないですが、どこまでいってもビジネスの基本は人と人との信頼関係だと考えています。
良質なコミュニケーションは仕事やビジネスを加速させるので、常にギバーの精神で相手の要望を正確に把握し、建設的かつ、柔軟に物事を解決する力を大切にしています。
また、オンラインのコミュニケーションツールは主にChatworkやSlackを使用しています。
オンラインでの効率的な情報共有や、タスク管理を通じてチームの生産性を向上させた経験があります。

  • Chatwork
  • Slack
  • Discord
  • Google meets
  • Zoom
  • Notion

VIEW ALL
WORKS