脇山 功
Koh Wakiyama
Skills
🛠 実務経験あり
HTML
大規模なベースコーディング等、適切なマークアップができる。
実務経験11年
CSS
デザイン再現性に自信あり。アニメーションやレスポンシブ対応も可能。
実務経験11年
JavaScript
動画コンテンツの実装、タブ切り替えやアコーディオン、モーダルなどのWebサイトで利用される一般的なUIの実装ができる。
実務経験7年
jQuery
主に既存のライブラリやコードを活用し、ライトボックスやスライダーなどの導入経験あり。
実務経験あり／カスタマイズよりも活用メイン。
PHP
CMS（wordpress・MT）でのカスタマイズの経験あり。
実務経験7年
Git
SourceTreeを利用したブランチのチェックアウトやマージ、コミットなど一般的な操作ができる。
📘 学習ベース（スクールetc）
GitHub
学校課題やポートフォリオ制作において、リモートリポジトリの運用やソースコードの公開・共有を経験。
clone / push / pull など基本的な操作が可能
Laravel
学校課題にてMVC構造を意識したWebアプリケーションを制作。
ルーティングやバリデーション、Bladeテンプレートの基礎を学習。現在も復習を重ねています。
🎨 デザインスキル
Photoshop / Illustrator
主に画像の書き出しや簡単な修正で使用。
バナー制作や紙媒体デザインの経験はあるものの、実務からは一定のブランクがあります。
Works
コーディング実績
【LP】大手ヘルスケア企業啓蒙ランディングページ
使用技術：HTML / CSS / JS
※ 現職で携わった業務は守秘義務の関係上、具体的な制作物や名称の開示は控えさせていただいております。
大手ヘルスケア企業の啓蒙の一環としてのLP制作。
外部により用意されたデザインデータに対して、細部まで極力忠実に再現することを求められ、ディレクターの要望に沿った丁寧なコーディングを心がけました。
大手ヘルスケア企業新商品ページ
使用技術：HTML / CSS / JS
※ 現職で携わった業務は守秘義務の関係上、具体的な制作物や名称の開示は控えさせていただいております。
大手ヘルスケア企業の新商品ページ制作(TOPページ・配下ページ含む)。
ブランドイメージを損ねないためにクライアント様の要望に応えるよう努めました。
【コーポレートサイト制作】株式会社浜新硝子
使用技術：HTML / CSS / jQuery
商材の多さと納期の厳しさから、量とスピードが求められる案件でした。
スマートフォンでも見やすいレイアウトになるよう配慮しながら、短納期でのコーディングに対応しました。
学校制作物
【卒業制作】Syn-Tube（動画投稿サイト）
使用技術：HTML / CSS / Laravel / データベース
プログラミングスクールG'sアカデミーでの卒業制作物です。
並行して制作した音連動システム「シンビズム」の紹介の目的、スクールで学んだデータベースなどのスキルの集大成として動画投稿サイトを作成しました。
閲覧は下記アカウントからログインしてください。
動画のアップロードも可能です。
⚫︎Syn-Tube確認用アカウント
ID:gs_test2025
PW : test_gs2025
【卒業制作】シンビズム - 音と映像の同期表現システム
使用技術：TouchDesigner / MIDIフットスイッチ
音の質感に応じてビジュアルが変化するインタラクティブ表現を実装。
ギター演奏とリアルタイム映像が同期し、映像パターンはフットスイッチ操作で切替可能。
照明演出のような没入感を意識し、音源に合わせたブラー・形状変化などを工夫しました。
※音が出ます（音量注意）
【課題制作】チーズアカデミー
使用技術：HTML / CSS / jQuery
プログラミングスクールG'sアカデミーでの課題制作物です。
ポップアップでイベントコンテンツを追加した箇所に工夫しました。
【課題制作】スロットゲーム
使用技術：HTML / CSS / JavaScript
CSSで可能な限り楽しい雰囲気で心がけました。
ポップアップでイベントコンテンツを追加した箇所に工夫しました。
結果によってコメントも変わります。
【課題制作】パズルゲーム
使用技術：HTML / CSS / JavaScript
パズルゲームのテーマを布袋寅泰の柄を採用することでどのようなパズルゲームになるのかという好奇心で作成してみました
条件分岐の記述とタイルを移動する仕掛けについての理解が追いついていかないところが難しいと感じ、同時にゲームも難しく感じました。
Contact
ご連絡は以下のメールアドレスまでお願いいたします。