現在、新規のご相談を受け付けています
制作会社で6年、国立大学から東証プライム上場企業まで、Webサイトの制作・改修・運用を担当してきました。
現在は事業会社でWebサービス開発に携わりながら、副業としてWeb制作・コーディング案件を承っています。
巧Takumi
Webエンジニア ／ 東京
Services
デザインの実装から公開までまるごとでも、プロジェクト内の一部分だけでも、関わり方に合わせて柔軟に対応します。
得意分野
実装だけでなく、サーバー契約から本番公開までを一貫して対応できます。「制作ツールで作ったものの、更新方法がわからない」といった運用のご相談も承ります。
既存サイトの改修は、影響範囲の見極めが重要です。直したい箇所だけを直し、他に影響を出さないことを前提に作業します。
デザインデータ支給でのコーディングや、実装・公開部分のみのご依頼も歓迎します。約6年間、制作会社の実装担当として、大学・企業のサイト制作に携わってきました。
Works
守秘義務およびクライアント帰属の都合により、サイト名・URLの公開は控えています。担当範囲と取り組んだ内容を記載しています。
Case 01 年制作
長年の継ぎ足し運用により投稿タイプとカテゴリが増え続け、内部構造が複雑化していた既存WordPressサイトのリニューアルを担当しました。
再設計にあたっては、投稿タイプを1つに絞り、カテゴリによる分類で整理するシンプルな構造に置き換えています。同時に、日常的に更新を行う運用担当者の方がこれまでと変わらない感覚で更新できることを重視し、どこまで作り変え、どこを残すかを見極めながら改修しました。
作り直すこと自体は難しくありません。ですが運用が止まってしまっては意味がない。公開後に誰がどう使うかを起点に設計しています。
Case 02 年制作
スクロール量に連動して変化するアニメーションなど、リッチなインタラクションを実装しました。ファーストビューのアニメーションは、デザイナーと認識をすり合わせながら、意図した見え方になるまで調整を重ねています。
カスタム投稿タイプは約10種におよび、一人で実装を担当した案件としては最大規模のサイトです。
公開して終わりではなく、Gitで管理しながら公開後の保守・運用も継続して担当しました。
Case 03 年制作
投稿機能は別のシステム開発会社が担当するため、静的実装を担当しました。実装したモックアップを外部ベンダーへ連携する必要があり、先方の確認待ちが重なる中でも、納期を動かさずデザインに忠実な実装が求められる案件でした。
約40ページを1ヶ月で、上場企業のコーポレートサイトとして求められる品質を担保しながら実装しています。正確さとスピードの両立が最も問われた案件でした。
すべての案件で、WCAG 2.1 AA相当の達成基準に沿った実装を標準としています。
※ 守秘義務のため、サイト名の公開は控えています。詳細は面談時にお伝えできます。
Process
副業としてお受けしているため、対応可能な時間帯や連絡頻度に制限がありますが、納期が読めないという状態にはならないよう、一回ごとのコミュニケーションを大切にしながら進行します。
Slack ／ Chatwork ／ Microsoft Teams ／ Google Chat ／ メール
オンライン打ち合わせ：Google Meet ／ Zoom ／ Microsoft Teams
いずれも業務で使用しているツールです。ほかにご指定のツールがある場合も、可能な範囲で合わせます。
ご納品前の修正は 2回 まで対応します。文言の変更、余白・色の調整といった軽微なご調整は回数に含めません。お気づきの点は遠慮なくお申し付けください。
なお、当初の仕様に含まれないレイアウトの作り直しや機能の追加については、「修正」ではなく追加のご依頼として、別途お見積りさせていただきます。
About
グラフィックデザインのバックグラウンドを経て、Web制作会社へ。約6年間、大学・研究機関・企業のWebサイト制作と運用に携わってきました。
2026年3月からは事業会社に移り、社内制作のWebサイト（サービスサイト、LP、ECプラットフォームのフロントデザイン実装など）を担当。数値を元に、経営視点、マーケティングの知見も取り入れて、「伝えるためのWeb制作」を日々の業務で学んでいます。
訪れる人に
伝わること。
情報が迷わず届き、誰にとっても操作しやすいこと。
更新する人に
迷わないこと。
管理画面から、決まった手順で更新できること。
引き継ぐ人に
読めば分かること。
構造と命名に、実装の意図が残っていること。
見えない部分まで整えて、はじめて良いWebサイトだと考えています。
Webサイトは公開して終わりではありません。実際には、そこから何年も更新され続けます。
更新する人が迷わないか。修正が必要になったとき、どこを触ればいいかが分かるか。作っている最中よりも、公開したあとのほうが長い。そこを起点に設計しています。
同じ見た目でも、中の構造次第で、後の修正しやすさは大きく変わります。
見出しの階層、要素の選び方、CSSの設計。表面には出ない部分ですが、サイトの寿命を決めるのはここだと考えています。
大学や研究機関のサイトを担当する中で、アクセシビリティを意識した実装が当たり前になりました。
要件として指定されるかどうかにかかわらず、セマンティックなHTML、キーボード操作への対応、十分なコントラストの確保は標準として実装しています。
デザインデータをそのまま座標に変換するのではなく、なぜこのレイアウトなのか、なぜこの余白なのかを考えながら実装します。
実装上の制約でそのまま再現できない場合も、何を優先すべきかをデザイナーと相談しながら進めます。
Skills
Contact
公開できる制作実績を増やしたいと考えています。そのため、実績としての掲載にご了承いただける案件に限り、初回は特別価格でお受けしています。
掲載が難しい案件も、もちろん通常どおりお受けしています。その場合は通常のお見積りとさせてください。
現在の受付枠 残り 2件
Web制作・コーディングに関するご相談を承っています。小規模な修正のご相談も歓迎します。
まずは内容をお聞かせください。対応できるかどうか、率直にお返事します。
すべて揃っていなくて構いません。分かる範囲で問題ありません。