本文へスキップ

Portfolio — Coding since 2022

Scroll

わたしについて

Natsu のプロフィール写真

医科・歯科クリニック専門のWeb制作会社で、サイトのコーディングのほか、カスタマーサポート業務などに携わっています。デザインカンプからの再現コーディングやWordPressでの構築、公開作業に加え、お客様からの不具合やコンテンツ追加などのご相談にも対応しています。サーバーやDNS、メールの設定にも触れてきたため、表示の崩れからメールが届かないといったトラブルまで幅広く対応できます。

Name
Natsu
Role
Web Coder
Skills
HTML / CSS / Sass / JavaScript / PHP / WordPress

Career

  1. 2022.08

    コーディングの勉強を始める

    一つずつ手で書きながら、コーディングの基礎を身につける。

  2. 2024.01 – 2026.03

    都内のWeb制作会社でインターンとして勤務

    WordPressサイトを中心に、一からコーディングを担当。

  3. 2026.04

    医科・歯科クリニック専門のWeb制作会社にコーダーとして入社

    サイトのコーディングや、不具合対応などのカスタマーサポート業務などに携わっています。

制作実績

掲載しているのは、2026年4月に入社した現在の会社での実績です。WordPressサイトを、月3件〜のペースで制作しています（TOPページは20,000px前後、LPは50,000〜60,000px前後）。まだ公開されていないサイトや、下層のみを担当した案件は掲載していません。最近は社内でAIエージェントを活用してコーディングを効率化していますが、ここでは純粋なコーディングスキルを見ていただけるよう、AIを使わずに制作した過去の案件を掲載しています。

インターン時代に制作したサイトの中から、クオリティの高いものを2件ピックアップしました。

今後やってみたいこと

最近ではAIを活用することで、コーダーとしてできることが大きく広がっています。基礎を大切にしながら、次のようなことに挑戦していきたいと考えています。

  1. コーディングの効率化と、保守しやすいコード設計の両立

    AIを活用してコーディングのスピードを上げつつ、あとからAIに修正させたり、クライアントによる文言の変更があったりしても崩れにくいコードを書いていきたいです。例えば、文字数が増えても崩れないよう高さを固定しすぎない、命名ルールをそろえてAIにも意図が伝わるようにする、といった点を大切にしたいです。

  2. SEOに強いサイトづくり

    検索エンジンに内容が正しく伝わり、評価されやすいサイトをつくっていきたいです。例えば、見出しや main・nav などのタグを意味どおりに使う、住所や営業時間などの基本情報を構造化データで伝える、画像のサイズ指定や軽量化で Core Web Vitals を悪くしない、といったことをコードの段階で押さえたいです。

  3. 誤字脱字や表記ゆれ、法律に触れる表現など、公開前チェックの効率化

    原稿やページをAIで自動チェックし、見落としやすいミスを洗い出してみたいです。例えば、「必ず効果が出る」「業界No.1」といった根拠のない言い切りの表現や、ページによって電話番号や営業時間が食い違っていないかなどです。最終的な判断は人が行う前提で、確認にかかる時間を短くしたいです。

  4. ブランドが伝わる動きと、使いやすい導線づくり

    企業の雰囲気・らしさを伝えるために、必要に応じて動きを取り入れたいです。例えば、やわらかい印象のブランドなら、ふわっと現れる控えめな動きにするなどです。また、スマホでも予約ボタンがいつも押しやすい位置にあるなど、迷わず予約やお問い合わせまでたどり着ける導線を意識し、動きを加えても表示が重くならないサイトをつくっていきたいです。

  5. 保守しているサイトの品質管理と、フォームのスパム対策などのセキュリティ対策

    保守サイトを毎日自動でチェックするしくみをつくってみたいです。例えば、WordPress や PHP のバージョンを一覧で見られるようにしたり、意図しない noindex の付与や表示崩れにすぐ気づけたりするしくみです。フォームには reCAPTCHA や Cloudflare Turnstile などのボット対策を入れ、スパムを防ぎたいです。

  6. サーバーやドメイン、メールのことも含めて、安心して任せてもらえるコーダーになること

    AIが発達しても、トラブルが起きたときに状況を判断し、対応を決めるのは、人の役割だと考えています。例えば、2026年10月に PHP の重大な脆弱性が見つかったときのように、急いでバージョンを上げなければならない場面や、その影響でサイトが表示されなくなったときにも、慌てずに判断し、迅速に動けるようにしたいです。そのために、サーバーやDNS、メールの仕組みや、サイトを守るためのセキュリティの知識も積極的に身につけ、「Webのことはこの人に任せておけば大丈夫」と思ってもらえる人材になりたいです。