PORTFOLIO
プロフィール &
制作実績
Shopify / Liquid / HTML / CSS / JavaScriptを中心に、ECサイトのテーマ改修・フロントエンド実装・運用しやすい構成づくりに取り組んでいます。
PROFILE
Kazuya Koyama
小山 和也
Shopify実装パートナー / / 既存改修・不具合調査・データ整理
実装責任者として、全てのコード品質に責任を持ちます。
Experience
3年
制作会社案件に即参画
Collab
制作会社
案件実績あり
Focus
調査・改修
引き継ぎ対応
制作会社様の実装フェーズを担うことに特化して活動しています。Shopifyの知識はもちろん、制作フローや報告の仕方も含めて、貴社の進行を止めない動き方を大切にしています。
Shopify / Liquid
- セクション設計・カスタムブロック構築
- 動的メタフィールド連携
- カートカスタマイズ(Ajax Cart)
- Matrixifyを使った大規模データ移行
- アプリ競合の調査・切り分け
フロントエンド
- JavaScript(DOM操作、Fetch API、動的UI実装)
- レスポンシブ設計
- WordPress(テーマカスタマイズ)
ツール・ワークフロー
- Git(ブランチ運用、PR対応)
- Figma(デザインカンプからの実装)
WORKS
制作実績
守秘義務のある制作会社案件が多いため、
案件名そのものではなく「どのような条件で、どこまで担当したか」が伝わる形で一部を抜粋しています。
大規模データ移行案件
非公開EC-CUBEから移行 / 商品約90件 + ブログ約600件を対応
相談内容
EC-CUBEからShopifyへのリニューアル移行。ブログはWordPress運用だったため、ストア移行とコンテンツ移行を並行して進める必要がありました。
対応範囲
Dawnベースのオリジナルテーマ新規構築、商品約90件の移行、ブログ約600件の移行、画像パス書き換え対応。
進め方
商品・ブログは最初に10件前後で小さく検証し、確認後にまとめて本移行。実装はカンプ共有後に止めずに進行し、全体完成後にまとめてレビューを受ける形で対応しました。
工期
コーディング約3週間、データ移行約1〜2週間。
結果
リニューアルを問題なく完了。丁寧に進める姿勢も評価いただきました。
Dawnベースの短納期オリジナルテーマ構築
非公開4ページを金曜着手で月曜確認まで実装
相談内容
飲食系サイトの新規構築案件。デザインカンプ支給後、短納期でコーディングを進める必要がありました。
対応範囲
トップ、商品一覧、商品詳細、カートの4ページ実装、SP対応、バーガーメニュー構築。
進め方
金曜にカンプ共有、コーディング部分は一人で走り切り、月曜確認へ提出。商品登録は依頼側で進行しました。
工期
週末を挟んだ短納期で初回提出。
結果
初回提出後の大きな手戻りなく、そのまま進行できました。
ポイントアプリ導入に伴うUI・JavaScript拡張
非公開標準導入で足りない表示をテーマ側で拡張
相談内容
制作会社独自のポイントアプリ導入案件を継続的に担当。通常インストールだけでは足りない表示や導線追加が前提の案件でした。
対応範囲
アプリインストール、初期設定、テーマ組み込み、カートドロワー内へのポイント表示追加、獲得予定ポイントの動的更新など。
主な対応箇所
カートドロワー、マイページ、JavaScriptの動的表示まわり。
進め方
ある程度テンプレート化された導入案件をまとめて受け、既存テーマの構造に合わせて差分実装を行いました。
結果
標準導入ではカバーしきれない部分まで含めて、テーマに馴染む形で組み込みました。
要件ベースのShopifyアプリ導入・テーマ組み込み
非公開ポイント・配送・ウィッシュリスト系の導入に対応
相談内容
既存テーマを活かしながら、要件に合わせてアプリ機能を追加したいという相談に対応。
対応範囲
アプリの導入、初期設定、テーマへの組み込み、表示位置の調整、必要に応じた他機能との干渉確認。
主な対応例
配送アプリ導入、ウィッシュリスト導入、ギフトラッピング向けメタフィールド追加など。
使用技術
各種Shopifyアプリ、Liquid、JavaScript。
結果
デフォルト導入では足りない部分を補完し、既存テーマに馴染む状態まで実装しました。
Shopifyマイページ(会員ページ)のUIカスタマイズ
非公開会員導線・表示調整を継続対応
相談内容
ポイントアプリ導入や会員向け導線の整理に合わせて、マイページの表示改善を継続的に対応。
対応範囲
注文履歴・登録情報への導線整理、日本語テキスト調整、メタフィールド情報の表示、関連UIの見直し。
主な対応箇所
マイページ、JavaScriptの動的表示、既存テーマ内の会員向けパーツ。
使用技術
Liquid、HTML/CSS、JavaScript。
結果
既存テーマに違和感なく馴染む形で、会員向け導線を整理しました。
WordPressフォームのメール不達調査・切り分け
非公開届くドメイン・届かないドメインを切り分け
相談内容
サイト公開から時間が経っているにもかかわらず、問い合わせ連絡がまったく来ていないという相談。
対応範囲
フォームまわりの確認、複数ドメイン宛ての送信テスト、メール到達状況の切り分け。
進め方
届く宛先と届かない宛先を整理しながら原因を追跡し、フロント側だけでなく配信経路まで含めて確認しました。
結果
DNS設定起因の可能性が高いところまで切り分け、制作会社側で次に確認すべきポイントを返却しました。
リライト済み原稿のブログ記事一括差し替え
非公開URL・構造を維持したコンテンツ更新
相談内容
SEO評価を大きく崩さず、既存ブログ記事をリライト済み原稿へ差し替えたいという運用案件。
対応範囲
既存記事とリライト原稿の照合、本文・メタ情報の更新、マークアップ調整。
進め方
URLや既存構造を崩さない前提で差し替え箇所を確認しながら、順次更新を進めました。
工期
約2週間。
結果
既存構造を維持したまま、コンテンツ更新を完了しました。
GAS+Googleカレンダー連携予約フォーム
非公開ランニングコストゼロ / 約2週間で構築
相談内容
外部サービスの月額費用を抑えつつ、予約フォームとGoogleカレンダー連携を実現したいという相談。
対応範囲
予約フォーム実装、カレンダー連携ロジック、自動返信メール、iframe埋め込み。
使用技術
Google Apps Script (GAS)、HTML/CSS。
工期
約2週間。
結果
ランニングコストを増やさずに予約機能を導入しました。