プロフィール

みなと

Web制作会社勤務18年のフロントエンドエンジニア。
本業はコーポレートサイト・LP・CMSサイトなど、Webサイトの実装。その現場の品質基準で、AIツールの出力を検証・判定しています。

自己紹介

東京のWeb制作会社に入社して18年、いまも現役で手を動かし続けているフロントエンドエンジニアです。

入社時はウェブデザイナーでした。当時はデザインとコーディングの分業が今ほどはっきりしておらず、両方を担当するうちにコーディングへの比重が増え、フロントエンド専任になって現在に至ります。マネジメント職に進む選択肢もありましたが、手を動かし続けるスペシャリストの道を選びました。デザイナー出身なので、デザインカンプの意図を汲んだ実装を得意としています。

年間100〜150案件が動く制作現場で、ナショナルクライアントから中小企業まで、コーポレートサイト、キャンペーンLP、採用サイト、メディアサイトを中心に実装してきました。CMS実装はWordPressとMovable Typeのテーマ自作を軸に、Shopify、Drupal、HubSpot、microCMSなど8種以上のCMSに構築・運用で携わってきました。

モーダルやカルーセルといった定番UIはもちろん、パララックス演出や料金シミュレーターのような込み入った実装まで、自作できるものはライブラリに頼らず素のJavaScriptで書くスタイルを貫いてきました。GSAPやThree.jsを使ったアニメーション主体のサイトの実装経験もあります。パフォーマンスやマルチデバイス対応に気を配り、一つひとつの仕事を丁寧に積み重ねて、期待以上の価値を届けることを常に意識してきました。お取引先の方から「ミスのない完璧なコーディング」と指名をいただいたことは、いまでも仕事の支えになっています。ウェブアクセシビリティは義務化のタイミングで徹底的に学び直しました。

ビルド環境はgulpからviteへの移行を実務で進め、Claude Code、Copilot、ChatGPT、Geminiなどを業務に日常的に使っています。

なぜ「AI × 実務検証」を書くのか

AIツールを業務で使うようになって、私の中には相反する2つの実感があります。

ひとつは、世間のAI賛美への抵抗感です。受託コーディングの現場を知っているからこそ、「AIで実装は不要になる」という言説には首をかしげます。理由はAIの性能というより、現場の環境や体制にあります。分業の現場ではAIコーディングを想定したデザインカンプはまず共有されませんし、明文化されていないルールや更新の止まったマニュアルを読み解いて判断する場面も少なくありません。AIだけでは越えにくい事情が、現場には積み重なっています。

もうひとつは、AIの効率化は本物だという確信です。コードの生成、データの整理、技術選定の相談——ひとりで抱えていた思考の負担が確実に軽くなっている。完成形が見えているのに、そこへたどり着くまでに時間のかかる作業。逆に、アイデアはあるが完成形はまだ見えず、壁打ちしながら方針を探りたい作業。そういう場面でこそ、AIは大きな力になってくれます。

つまり私は、AI否定派でも賛美派でもありません。このブログでは、18年の現場基準でAIの出力の「使える／使えない」を、境界線ごと具体的に検証し、記録していきます。ポジショントークではない一次情報を必要としている、制作現場の方に届けば嬉しいです。

できること（お仕事のご依頼）

副業として、平日夜・土日祝の稼働でお受けしています。量産型の実装要員としてではなく、規模は小さくても品質が問われる実装と、長年の現場経験による判断をご提供します。ご相談から納品までメールやチャットのやり取りだけでも完結できますし、必要に応じてオンラインでのお打ち合わせにも対応します。

1. フロントエンド実装（小規模・スポット）

LP1本、既存サイトの部分改修、コンポーネント実装など、週5〜10時間の稼働で収まる規模の案件をお受けします。対応範囲はHTML/CSS/JavaScript（Pug・Sass）から、WordPress・Movable Typeのテーマ実装まで。本業と同じ品質基準で納品します。納期に1〜2週間程度の余裕をいただける案件が対象です。

2. AIツール導入の検証・相談

「Claude CodeやCursorを実装工程に導入したいが、品質を守れるか判断できない」という制作会社・チーム向け。貴社のデザインカンプやコーディング規約を使ってAIに実装させ、その出力を現場品質で判定したうえで、「任せられる工程・人が握るべき工程」の切り分けと運用ルールをレポートにまとめます。