AI × Web Coding

高速コーディングで、アイデアを即座に形に

2日で20ページ制作可能

About Me

事務職20年の経験とユーザー視点を活かした、実践的なコーディング

プロフィール

事務職歴20年以上の経験を持ち、ユーザーとしての目を活かしたフロントエンド業務を目指しています。WEBデザインスクールで学んだ知識をベースに、AIを活用した高速コーディングを実践中です。

※事務職で得たスキル：設計力
プロフィール画像

強み

  • AIによる高速コーディング(2日で20ページ制作)※1
  • Figmaデザインカンプからの正確な実装
  • JavaScriptによる動的な表現の実装
  • 既存サイトのコード最適化・整理
  • 20年の事務経験から培ったユーザー視点
  • 円滑なコミュニケーションと正確なニーズ把握
  • リアルタイムでの進捗共有※2
※1.前案なしからHTML/CSS/JSを作成し、レスポンシブデザインのデモサイトとしてLocalに構築するまで。その後の修正・WordPressへ実装(各種設定)・画像入れ等は含まない。
※2.Slack/ChatWork/LiveLink(Local)使用。メール・Zoom等も可能。(指示は文字でのやり取りを希望)

対応可能な業務

  • Figmaデザインカンプなしイチからのサイト構築
  • Figmaデザインカンプからのコーディング
  • 既存サイトのコード修正・最適化
  • レスポンシブデザイン実装
  • アニメーション・インタラクション実装
  • ランディングページ制作
  • 各種素材作成

使用できるツール

Languages

HTML5 CSS3 JavaScript PHP

CMS / Framework

WordPress React (学習中)

Development

VS Code Local Chrome DevTools

Design

Figma (読み取り) Photoshop Canva

AI Tools

Claude ChatGPT Gemini Adobe Firefly SeaArt AI

Communication

Slack ChatWork Zoom

Web Works

制作したWebサイトのご紹介

コーポレートサイトサムネイル

コーポレートサイト

企業の信頼性を高める洗練されたコーポレートサイト。レスポンシブデザインで、どのデバイスでも最適な表示を実現しています。素案はデザインカンプなしから2日で制作しました。

HTML/CSS JavaScript Responsive WordPress
サイトを見る
ECLPサムネイル

ECサイトランディングページ

商品の魅力を最大限に引き出すランディングページ。旅行関係。視覚デザインと、スムーズな導線設計を実現しています。

Landing Page React Animation
サイトを見る
趣味コミュニティサイトサムネイル

趣味コミュニティサイト

趣味を共有するコミュニティのためのサイト。親しみやすいデザインとユーザー同士の交流を促進する機能を実装しました。

Community UX Design Mobile First
サイトを見る

Contact

お仕事のご依頼・ご相談はこちらから

お問い合わせについて

コーディング案件のご依頼、お見積りのご相談など、お気軽にお問い合わせください。

  • Figmaカンプからのコーディング
  • 既存サイトの修正・改善
  • レスポンシブ対応
  • WordPressテーマ制作

※ 通常3営業日以内にご返信いたします