Works
Webサイト /
グランピング・レジャー施設
Web Development /
WordPress
全30ページで構成される大規模サイトの、全てのコーディングおよびWordPress構築を担当しました。
先方からいただいた大まかなご要望をもとに必要な機能を具体化し、FAQ投稿や食事メニュー管理など、4種類の管理機能をオリジナルプラグインとして実装しています。
1回の投稿で複数箇所へ自動反映される仕組みを構築するなど、高い更新性と運用効率を実現しています。
Webサイト / 宿泊施設
Web Development / WordPress
全てのコーディングおよびWordPress構築を担当しました。
旧サイトの制作も手掛けており、本サイトはそのリニューアル案件として制作。
支給されたPCデザインをもとに、UI設計やスマートフォン向けのレイアウト、各要素の挙動を調整し、実装面から改善提案を行いました。
ローディングアニメーションや、サイト背景に使用する霧のエフェクトも独自に実装しています。
Webサイト /
地域創生プロジェクト
Web Direction /
Web Development /
WordPress
ディレクション及び、全てのコーディングとWordPress構築を担当しました。
支給されたPCデザインをもとに、UI設計やスマートフォン向けのレイアウト設計を行い、関係者と要件を調整しながら制作を進めています。
オリジナルプラグインの開発に加え、マップ上のアイコンやメニューの選択に応じて情報が切り替わるUIを、JavaScriptを用いた独自機能として実装しました。
Webサイト / ネイルサロン
Planning / Web Direction / Design / Coding / WordPress
全ての制作工程を1人で担当。
先方の、スマートフォンのみでの情報発信や予約受付を行っていた、従来の運用形態を変えることのないサイト設計にしています。
ナビメニューがスクロールに応じてバーガーメニューに切り替わる挙動を、メニュー展開時にも適用させることで、より一貫したUIを実現しています。
Webサイト / リノベーション企業
DesignReview / Coding
企業サイトのリニューアル案として制作されたラフサイトをもとに、正式なコーディングを担当しました。
HTML構造の再構築、レスポンシブ対応、デザインの調整を行い、ユーザーが情報を把握しやすいよう再構成。
制作時に提案した改善内容の一部は、現行サイトにも反映されています。
Webアプリ / ECショップシステム
Design / Frontend
JavaのSpringFrameworkを用いたECシステム制作において、画面設計とフロントエンドを担当しました。
商品一覧、カート、購入画面などのUIを制作し、ショップページから移動した後もカート情報を保持できる仕様に対応しました。
テスト用画面では、JavaScriptを使用して画面上の挙動を実装しています。
※ポートフォリオ化にあたり、フロントエンドのみで動作するデモを、本サイト内の別ページに設置しています。
デスクトップアプリ / 家計簿
Planning / Design / Frontend
JavaのGUIライブラリであるSwingを用いた家計簿アプリ制作で、進行管理、画面設計、フロントエンドを担当しました。
入力や閲覧のしやすさを考慮し、各画面のUIをJavaでカスタム実装しています。
LINEスタンプ
Design / Graphics
グラフィック系の講義を担当する中で、LINEスタンプの制作について質問を受ける機会が多くありました。
制作の知見を深めるため、愛猫のLINEスタンプを制作。
画像を元にしたイラスト制作・申請・販売までの一連の工程を経験しました。
Webサイト / ポートフォリオ
Design / Coding
当ポートフォリオサイト。
シンプルな見た目を意識しながら、コーディングによる細部の動きや演出にこだわっています。
メインビジュアルには Vanta.js の「Rings」を採用。
ただ導入するだけではなく、マウスホバー時にモノトーンからじんわりと色づく演出（スマートフォンではタップ）、背景として使用する際の視認性を考慮した透明度調整など、独自のカスタマイズを施しています。
Other Works
特設サイト、宿泊・観光、求人、多言語ページ、楽天トラベルのカスタマイズページ、ASP型ECサイトなど、幅広いWebサイトの制作に携わってきました。
新規サイト制作だけでなく、ページ更新、機能改修、不具合対応、WordPress保守などを継続的に担当しています。
また、Google AnalyticsやSearch Consoleのデータを確認し、SEO、コンテンツ、流入経路などを踏まえた改善提案や、サーバー・ドメイン移転にも対応しています。
About
大阪出身、鹿児島市在住。
宿泊・観光業界を中心としたWeb制作会社に勤務し、主にサイト構築を担当。
新規サイト制作に加え、既存サイトの更新、機能改修、UI改善、SEO、アクセス解析をもとにした改善提案にも携わっています。
制作側の視点だけでなく、サイトを利用するユーザーと、更新・運用を行う担当者の双方にとって使いやすい構成を考えた実装を心がけています。
要件調整から制作、公開後の運用まで、継続して対応できることが強みです。
<略歴>
- 2005年
- 独学でWebサイト制作を始め、制作・更新業務に携わる。
- 2018年
- フリーランスとしてWeb関連業務の受託を開始。
- 2022年
- Web・IT事業会社のWeb部門に勤務開始。
主に講師業務やスクール運営に従事。 - 2025年
- 鹿児島市へ転居し、現在の制作会社に入社。
Webサイトの制作・運用を担当。
Skill
Web Creation & Development
SEOやAI検索を意識したセマンティックコーディングを得意とし、高品質なWeb構築を行います。
デザインカンプの再現だけでなく、画面幅や操作方法を考慮したレスポンシブ設計、UI調整、表示速度、更新性を意識して実装します。
WordPressでは、オリジナルテーマ、カスタムフィールド、カスタム投稿、オリジナルプラグインの構築に対応可能です。
実際の運用状況を踏まえ、制作後も継続的にサイトを改善します。
- HTML / CSS
- JavaScript / jQuery
- WordPress / PHP
- Web Deployment
- デザイン全般
- SEO / MEO / アクセス解析
Back-end
バックエンド開発の基礎を習得し、
短期間ながら実務を通して開発工程への理解を深めました。
- Java
- Spring Framework
- SQL / PostgreSQL
- C / C++
Web / IT Instruction
Web制作を中心とした講師経験があります。
専門用語をそのまま伝えるのではなく、相手の知識や理解度、目的に合わせて説明することを大切にしてきました。
この経験を、非エンジニアとの要件調整、操作説明、サイト改善の提案にも活かしています。
- Webコーディング実践
- プログラミング基礎
- Webデザイン全般
- SEO / MEO
- プロジェクトマネジメント
- ポートフォリオ制作
- PC基礎 / 安全衛生
- 資格取得 (IPA,Web関連など)
- 動画編集
Main Tools I Use
Web制作、サイト運用、アクセス解析、関係者との情報共有に使用している主なツールです。
- Visual Studio Code
- Figma
- Canva
- Adobe Illustrator
- Adobe Photoshop
- Adobe Premiere Pro
- Git / GitHub
- Google Analytics
- Google Search Console
- Google Workspace
- AI Assistants
Other Professional Skills
Web制作以外にも、さまざまな分野での実務経験があります。
異なる立場の人との調整、業務内容の整理、分かりやすい説明、目的から逆算した提案など、これらの経験を現在のWeb制作にも活かしています。
- 音楽制作 / プロデュース
- 映像制作 / 動画編集
- イベント企画 / 運営
- ネイチャーガイド (観光,山岳)
- 事業に関する協会立ち上げと運営
- 障害者福祉 (就労移行支援)
- 職業訓練校 (責任者,主任講師)
- 事業立ち上げ (インバウンド,外国人材派遣など)
- 就職相談 / 支援
免責事項
当サイト掲載の制作物は著作権・守秘義務に配慮しています。
内容・外部リンクの正確性や安全性は保証しません。
利用に伴う損害については一切の責任を負いかねます。
個人情報の取り扱い
取得した個人情報は業務連絡・依頼対応以外に利用しません。
法令を除き、本人同意なく第三者提供は行いません。
著作権
本サイト掲載の文章・画像・デザイン等の無断転載・使用を禁じます。
制作物の著作権はクライアント様または正当権利者に帰属します。
業務ポリシー
誠実で迅速に対応し、円滑なコミュニケーションと納期厳守で、質の高い成果をご提供いたします。
修正も合意範囲で柔軟に対応し、双方が納得できる形を目指します。
技術・デザインを学び続け、スキル向上に努めます。