PORTFOLIO

プロフィール &
制作実績

Shopify / Liquid / HTML / CSS / JavaScriptを中心に、ECサイトのテーマ改修・フロントエンド実装・運用しやすい構成づくりに取り組んでいます。

PROFILE

小山 和也 (Kazuya Koyama)

Kazuya Koyama

小山 和也

Shopify実装パートナー / / 既存改修・不具合調査・データ整理

実装責任者として、全てのコード品質に責任を持ちます。

Experience

3年

制作会社案件に即参画

Collab

制作会社
案件実績あり

Focus

調査・改修
引き継ぎ対応

制作会社様の実装フェーズを担うことに特化して活動しています。Shopifyの知識はもちろん、制作フローや報告の仕方も含めて、貴社の進行を止めない動き方を大切にしています。

Shopify / Liquid

  • セクション設計・カスタムブロック構築
  • 動的メタフィールド連携
  • カートカスタマイズ(Ajax Cart)
  • Matrixifyを使った大規模データ移行
  • アプリ競合の調査・切り分け

フロントエンド

  • JavaScript(DOM操作、Fetch API、動的UI実装)
  • レスポンシブ設計
  • WordPress(テーマカスタマイズ)

ツール・ワークフロー

  • Git(ブランチ運用、PR対応)
  • Figma(デザインカンプからの実装)

WORKS

制作実績

守秘義務のある制作会社案件が多いため、
案件名そのものではなく「どのような条件で、どこまで担当したか」が伝わる形で一部を抜粋しています。

ECサイト デモストア(hathut)
01

ECサイト デモストア(hathut)

Shopify Liquid JavaScript

公開可能なデモストア

相談内容

Shopify実装の方向性を見せるための公開用デモストア。

対応範囲

Dawnベースのカスタマイズ、商品詳細レイアウト変更、Ajaxカート対応、独自セクション追加。

使用技術

Shopify、Liquid、JavaScript。

結果

公開可能な形で、実装イメージを確認いただけるデモとして運用しています。

大規模データ移行案件
02

大規模データ移行案件

非公開
データ移行 CSV 最適化

EC-CUBEから移行 / 商品約90件 + ブログ約600件を対応

相談内容

EC-CUBEからShopifyへのリニューアル移行。ブログはWordPress運用だったため、ストア移行とコンテンツ移行を並行して進める必要がありました。

対応範囲

Dawnベースのオリジナルテーマ新規構築、商品約90件の移行、ブログ約600件の移行、画像パス書き換え対応。

進め方

商品・ブログは最初に10件前後で小さく検証し、確認後にまとめて本移行。実装はカンプ共有後に止めずに進行し、全体完成後にまとめてレビューを受ける形で対応しました。

工期

コーディング約3週間、データ移行約1〜2週間。

結果

リニューアルを問題なく完了。丁寧に進める姿勢も評価いただきました。

Dawnベースの短納期オリジナルテーマ構築
03

Dawnベースの短納期オリジナルテーマ構築

非公開
Shopify Dawn 短納期

4ページを金曜着手で月曜確認まで実装

相談内容

飲食系サイトの新規構築案件。デザインカンプ支給後、短納期でコーディングを進める必要がありました。

対応範囲

トップ、商品一覧、商品詳細、カートの4ページ実装、SP対応、バーガーメニュー構築。

進め方

金曜にカンプ共有、コーディング部分は一人で走り切り、月曜確認へ提出。商品登録は依頼側で進行しました。

工期

週末を挟んだ短納期で初回提出。

結果

初回提出後の大きな手戻りなく、そのまま進行できました。

ポイントアプリ導入に伴うUI・JavaScript拡張
04

ポイントアプリ導入に伴うUI・JavaScript拡張

非公開
ポイントアプリ JavaScript カートドロワー

標準導入で足りない表示をテーマ側で拡張

相談内容

制作会社独自のポイントアプリ導入案件を継続的に担当。通常インストールだけでは足りない表示や導線追加が前提の案件でした。

対応範囲

アプリインストール、初期設定、テーマ組み込み、カートドロワー内へのポイント表示追加、獲得予定ポイントの動的更新など。

主な対応箇所

カートドロワー、マイページ、JavaScriptの動的表示まわり。

進め方

ある程度テンプレート化された導入案件をまとめて受け、既存テーマの構造に合わせて差分実装を行いました。

結果

標準導入ではカバーしきれない部分まで含めて、テーマに馴染む形で組み込みました。

要件ベースのShopifyアプリ導入・テーマ組み込み
05

要件ベースのShopifyアプリ導入・テーマ組み込み

非公開
Shopify App 導入支援 テーマ組み込み

ポイント・配送・ウィッシュリスト系の導入に対応

相談内容

既存テーマを活かしながら、要件に合わせてアプリ機能を追加したいという相談に対応。

対応範囲

アプリの導入、初期設定、テーマへの組み込み、表示位置の調整、必要に応じた他機能との干渉確認。

主な対応例

配送アプリ導入、ウィッシュリスト導入、ギフトラッピング向けメタフィールド追加など。

使用技術

各種Shopifyアプリ、Liquid、JavaScript。

結果

デフォルト導入では足りない部分を補完し、既存テーマに馴染む状態まで実装しました。

Shopifyマイページ(会員ページ)のUIカスタマイズ
06

Shopifyマイページ(会員ページ)のUIカスタマイズ

非公開
Shopify マイページ UI/UX

会員導線・表示調整を継続対応

相談内容

ポイントアプリ導入や会員向け導線の整理に合わせて、マイページの表示改善を継続的に対応。

対応範囲

注文履歴・登録情報への導線整理、日本語テキスト調整、メタフィールド情報の表示、関連UIの見直し。

主な対応箇所

マイページ、JavaScriptの動的表示、既存テーマ内の会員向けパーツ。

使用技術

Liquid、HTML/CSS、JavaScript。

結果

既存テーマに違和感なく馴染む形で、会員向け導線を整理しました。

07

WordPressフォームのメール不達調査・切り分け

非公開
WordPress 不具合調査 DNS切り分け

届くドメイン・届かないドメインを切り分け

相談内容

サイト公開から時間が経っているにもかかわらず、問い合わせ連絡がまったく来ていないという相談。

対応範囲

フォームまわりの確認、複数ドメイン宛ての送信テスト、メール到達状況の切り分け。

進め方

届く宛先と届かない宛先を整理しながら原因を追跡し、フロント側だけでなく配信経路まで含めて確認しました。

結果

DNS設定起因の可能性が高いところまで切り分け、制作会社側で次に確認すべきポイントを返却しました。

08

リライト済み原稿のブログ記事一括差し替え

非公開
ブログ運用 コンテンツ差し替え SEO配慮

URL・構造を維持したコンテンツ更新

相談内容

SEO評価を大きく崩さず、既存ブログ記事をリライト済み原稿へ差し替えたいという運用案件。

対応範囲

既存記事とリライト原稿の照合、本文・メタ情報の更新、マークアップ調整。

進め方

URLや既存構造を崩さない前提で差し替え箇所を確認しながら、順次更新を進めました。

工期

約2週間。

結果

既存構造を維持したまま、コンテンツ更新を完了しました。

09

GAS+Googleカレンダー連携予約フォーム

非公開
GAS Googleカレンダー 予約管理

ランニングコストゼロ / 約2週間で構築

相談内容

外部サービスの月額費用を抑えつつ、予約フォームとGoogleカレンダー連携を実現したいという相談。

対応範囲

予約フォーム実装、カレンダー連携ロジック、自動返信メール、iframe埋め込み。

使用技術

Google Apps Script (GAS)、HTML/CSS。

工期

約2週間。

結果

ランニングコストを増やさずに予約機能を導入しました。