宮崎祐樹の経歴・スキル

2025年12月13日現在

Webサイト

自己紹介（https://m-yuuki.com）
Web制作ポートフォリオ（https://m-yuuki.com/portfolio/）

プロフィール

Webデザイン・フランス語通訳・写真撮影という3つの専門領域を軸に、18年以上にわたり多様なプロジェクトに携わってきました。
「見た目の美しさ」と「使いやすさ」を両立させる設計力、文化や言語の壁を越えるコミュニケーション力、そして瞬間を切り取る確かな撮影技術を強みとしています。
クライアントの目的を深く理解し、成果に直結するアウトプットを提供することを信条としています。

三領域の専門性（Web・語学・写真）を横断的に活かし、幅広い案件に対応できます
教育・指導力：未経験者・初心者の育成や、チーム全体のスキル底上げを実現できます
文化的感性と技術力の融合：デザイン・言語・文化背景を一体化した提案ができます

略歴

Web関連

Webデザイナー・マークアップエンジニアとして18年以上にわたって、幅広い分野のWeb制作に携わってきました。これまでに手がけたプロジェクトは、ECサイトや自社サービスのWebサイト、企業のコーポレートサイト、キャンペーン用のLP（ランディングページ）、さらには社内業務支援システムや業務用UIの設計・実装まで多岐にわたります。ユーザーの体験を第一に考え、見た目だけでなく、操作性やアクセシビリティ、更新性にも配慮した設計を心がけています。

2020年からは、Webデザインスクールやオンライン講座にて講師としての活動もスタートし、これまでに700名以上の受講生にWebデザインの基礎を指導してきました。受講生の多くが未経験からのスタートである中、それぞれの目的やペースに合わせた丁寧な指導を行うことで、デザインやコーディングの楽しさを伝えることを大切にしています。

フランス語通訳関連

フランス留学経験を活かし、フランス語の通訳・翻訳・通訳案内士として活動しています。フランスのアニメ専門家が日本の業界関係者と面会する際の通訳や、テレビの撮影通訳、また、日仏企業のwebサイトやパンフレットの仏日翻訳を担当。

通訳案内士としては、2010年の許可証取得以来、スポットで東京近郊を案内しています。

フォトグラファー

2024年以降はカメラマンとしても活動を開始。主に学校の卒業アルバム用に、各行事で子供たちを撮影しています。入学・卒業式といった式典から、運動会、遠足など幅広く撮影経験があります。

所有機材：Olympus OM-1、Panasonic Lumix G9 Pro、Lumix GH6、標準ズームレンズ、望遠ズームレンズ、クリップオンストロボ、三脚。

実績

Webデザイン講師として

2020/4～2020/10

大手オンラインWebデザインスクールでメンターを務める

Webデザインコース、Wordpressコースの2コースで、受講生に対してオンラインで面談とチャットでの質問対応や課題採点などの業務に携わりました。受講生総数25人。総合評価平均 4.6 / 5 を獲得しました。

2020/2～現在まで

ママ向けWebデザインスクールの講師を務める

初心者向けZOOM講座にて、Photoshopの基礎的な使い方からJQueryの基礎まで幅広く教えています。そのほか、資料や課題の作成・採点などを行っています。

フリーランスWebデザイナー・コーダー

2023/3～2023/5

人材紹介サイトのLPコーディング、コーディング業務支援

コーダー

デザイナー制作のLPデザイン（PC、SP）をもとに、HTML、Sass、BEMを用いてコーディング。
LPはクリエイター向け、50代向け、IT転職など。
これまで定まっていなかった社内でのコーディング規約を策定
社員向けにGit、GitHubの講座を実施し、導入を支援

正社員エンジニア採用までのヘルプとして参画しました。
成果物が後任に引き継がれること、また自らがコーディング規約を策定した関係もあって、メンテナンスのしやすさを意識したコーディングを心がけました。

リーダー：1名、デザイナー：3名

HTML, CSS, Sass, jQuery

2022/11～2023/2

医療・美容系のLPのマークアップ、WP組み込み

コーダー

デザイナー制作のLP・サイトデザイン（PC、SP）をもとに、HTML、Sass、BEM、PHPを用いてコーディング
ページはすべてWordpress上でテンプレートを用いて展開しました
タスクごとに担当者（医師など）がおり、リーダー、担当者、デザイナーとの連携を密に取りながら作業を行いました
コーディング規約が厳密に定められており、レビューも細かい点まで行いました

間違いが許されない医療系・美容系という事もあり、コーディングの際も非常に厳格でした。
ベテランエンジニアの助けもあり、コーディングスキルが大きく向上した案件でした。

リーダー：1名、デザイナー：4名、エンジニア：3名

HTML, CSS, Sass, jQuery, PHP

2021/8～2023/4

人事関係者向けのメディアサイトやLPのデザインとマークアップ、動画用スライド資料の作成

Webデザイナー、コーダー

人事領域に特化したメディアサイトのデザインとマークアップ
上記に関連したLPのマークアップ
人事系人材紹介サイト用の広告バナーの作成
ラフ案をもとに、人事教育動画用スライドのデザイン業務

専門性の高い情報をいかに視覚的に伝えるかという課題に向き合えました。ユーザーの理解促進を意識した設計ができたと思います。ラフ案をスライド化する業務では、時には1ページ内に文字が押し込まれていることもあり、それをいかに見やすくわかりやすくするかの工夫が求められ、デザイン力を磨く良い機会になりました。

リーダー：1名、デザイナー：2名、コーダー：1名

HTML、CSS、Sass、jQuery、Photoshop、Illustrator、Git、GitHub

2019/4～2020/3

人材系LP、バナーデザイン、コーディング業務

Webデザイナー、コーダー

人材紹介企業にて、転職サイト向けLPや広告バナーなどのデザイン、コーディングなどを担当。
企業向け人材管理システムの部分的なUI設計とマークアップ
働く女性に向けたメディアサイトのデザイン・コーディング
社内の各方面との打ち合わせ、タスクの進捗管理を自身で行う。

人材管理システムのUI設計では、業務効率を左右する部分のデザインに関われたことで、実用性と操作性の両立に挑戦できました。働く女性向けメディアサイトでは、ターゲット層に合わせた柔らかく親しみやすいデザインを心がけ、ユーザーからの反応も良好でした。

リーダー：1名、ディレクター：4名、エンジニア：4名

HTML、CSS、Sass、jQuery、Photoshop、Illustrator、Git、GitHub

2018/6～2019/2

人材系LP、バナーデザイン、コーディング業務

Webデザイナー、コーダー

大手音楽配信サイトのリニューアル業務に参画
Web制作部署において、ページの部分的なデザインやHTML、CSSで静的なモックアップ作成
開発部署に異動し、上記モックアップを基にした動的ページの作成、JSの実装など

デザイン・開発両方の部門を経験しました。開発部門に異動後もデザイン部門と開発部門の橋渡し的な役割を担いました。

リーダー：2名、エンジニア：10名、デザイナー・コーダー：5名

HTML、CSS、jQuery、Photoshop、Illustrator、XD、Git、GitHub

2017/9～2018/4

映像メディア・Web制作会社でコーポレートサイト、LP制作業務

コーダー

数々のTVCMや企業LPなどを手掛けるメディア制作会社にて、マークアップを担当。
大手食品メーカーのキャンペーンLPコーディング、やコーポレートサイトの修正・編集などを20件以上。
Git、Backlog、Gulpを使用したタスク遂行。モダンCSSの考えを取り入れた設計（BEM）に基づいた作業を行いました。

大手食品メーカーのLPなど、クオリティが重視される制作に多く携わることができた案件でした。
保守性を重視したCSSを設計する大きなきっかけにもなりました

リーダー：1名、ディレクター：3名、デザイナー：5名、コーダー:3名

HTML、CSS、jQuery、Photoshop、Illustrator、XD

2017/4～8

アパレル系ECサイトの新規立ち上げ業務

コーダー

アパレル系ECサイトの運営企業にて、新規オンラインストアの立ち上げに参画。
マークアップエンジニアとして、主にスマートフォン向けページのテンプレートマークアップを担当。ロンチ後は修正等の運用業務。
HTML、CSS、JavaScript、Smartyを使用し、50ページ分以上のテンプレートを作成。
Git、Gitlab、Git-flow、Gulpを使用したタスク遂行。

リーダー：1名、デザイナー：1名、コーダー：3名、バックエンドエンジニア：3名

HTML、CSS、GitLab、Smarty、Git-Flow

Webデザイナー・コーダー（正社員）

2013/10～2017/2

ECプラットフォームを提供する外資系企業

Webデベロッパーとして、大規模Eコマースサイトのデザイン・フロントエンドコーディング(製品ページ、カート、ランディングページ)。メンテナンス業務(コード修正・情報更新)。大手セキュリティ系ソフトウェアメーカー、ハードウェアメーカーなどのECサイトに携わる。アジア太平洋地区の上司のもと、グローバルなチームの一員として業務に貢献

2010/5～2013/10

工業系メーカーを主たるクライアントとするWeb制作会社

Webデザイナーとして、主にB2Bのコーポレートサイトのデザイン・構築に携わる。WordPressでのフルスクラッチ制作、HTML・CSSでの静的サイトの制作。既存サイトの更新/運営管理など

フォトグラファーとして

2024～現在

スクールカメラマンとして子供たちの撮影

フリーランスのスクールカメラマンとして、主に小中高の学校行事で生徒たちの撮影を行っています。運動会、文化祭、遠足、校外活動から入学・卒業式まで幅広く対応実績があります。写真の用途はアルバム・販売。

生徒やその保護者が後から見返した時に、見てうれしく、思い出が蘇って来るような画作りを心掛けています。

フランス語関係

2024～現在

フランスのアニメ専門家の通訳・アテンド

フランスから定期的に来日するアニメの専門家が日本のアニメ関係者と面会する際に同行。通訳として日仏の文化交流に貢献しています。

主な訪問先：大手アニメ制作会社、制作スタジオ、元アニメーター等

2010～現在

フランス語全国通訳案内士として活動

2010年にフランス語通訳案内士(全国通訳案内士)の試験に合格しました。

フランス本土やフランス領ポリネシアからのインバウンド客(FIT)を中心に、主に東京近郊の案内をスポットで行っています。

また、歌舞伎・文楽の鑑賞歴は15年以上。日本伝統文化検定の3級合格しており、様々な角度から日本を紹介しています。

主な実績エリア:浅草、上野、谷中、秋葉原、渋谷、原宿、新宿、鎌倉、日光

スキルセット

マークアップ・開発

HTML/CSSを用いた構造的かつ保守性の高いマークアップを得意としています。特にBEM（Block Element Modifier）記法やSassを活用し、大規模サイトやチームでの開発にも対応できる設計を心がけています。

HTML（BEM） / CSS（Sass）でのマークアップ
jQueryプラグインの導入、カスタマイズ
PHP：基本的な構文理解、WordPressオリジナルテーマの製作

チャット・タスク管理ツール

複数名のチームで進行するプロジェクトにも対応可能です。リモートワーク環境下での円滑なコミュニケーション経験も豊富です。

Slack / Chatwork / Backlog などを用いたタスク・情報共有
クライアントとのチャット対応、ディレクション業務も一部担当経験あり

Webコーディング関連

開発効率と品質管理の両立を意識し、ツールやワークフローも柔軟に対応しています。

エディタ/IDE：PHPStorm / Visual Studio Code
バージョン管理：Git（GitHub / Bitbucket / SourceTreeなど）
WordPress：テーマ制作、カスタム投稿タイプ、ウィジェット化、サイト修正・運用
Gulp：Sassコンパイル、画像圧縮、ライブリロード等の自動化処理

デザインツール

ビジュアル面では、ユーザー目線を重視したUI/UXデザインを心がけており、静的なデザインカンプからインタラクティブなプロトタイプまで幅広く対応可能です。

Photoshop / Illustrator：バナーやビジュアル制作、画像補正など
Figma / XD：ワイヤーフレーム作成、UI設計、プロトタイプ制作

その他スキル

フランス語（流暢）：日仏間の通訳・翻訳、フランス語での資料作成やコミュニケーション
英語（ビジネスレベル）：英文メール対応、海外クライアントとの基本的なやり取りが可能
カメラ：ミラーレス一眼による撮影、Adobe LightroomによるRAW現像、Adobe Premiere Proによる映像編集。所有機材：Olympus OM-1、Panasonic Lumix G9 Pro、Lumix GH6、標準ズームレンズ、望遠ズームレンズ、クリップオンストロボ、三脚。