Portfolio 2026 Freelance Web Engineer Kanagawa, Japan

NAKAMICHI SAORI

フリーランス Webエンジニア Webサイト制作 / WordPress / Shopify / フロントエンド・SaaS開発

Shopify WordPress Next.js React TypeScript PHP Supabase AI駆動開発
(01)

Works

公開許諾のある実績のみ掲載しています

およログ 子供向け水泳記録サービスのサイト 自社プロダクト

およログ — 子供向け水泳記録サービス

SaaS開発 / iOSアプリ oyolog.com

プールの帰り道に声で話すだけで練習ノートが残る、ジュニアスイマー向けのサービス。企画・要件定義からデータ構造の設計、Web/iOSアプリ双方の実装、音声入力とAIによる記録整理、App Storeの申請・審査対応、自動更新サブスクリプションの実装まで一人で担当しました。

Next.jsTypeScriptSupabaseReact NativeExpoPWA
TakeMe のWebサイト

TakeMe

サービスサイト www.takeme.com

インバウンド向け決済・予約サービスのサイト。コーディングとWordPress構築を担当。

WordPressPHPJavaScriptレスポンシブ
たまらん坂税理士法人のWebサイト

たまらん坂税理士法人

コーポレートサイト shinsakamoto.com

サイトのコーディングとWordPressテーマ実装。あわせてデジタル資産相続の特設サイトも構築しました。

WordPressPHPSCSS特設サイト
京成電設工業 採用サイトの特設ページ

京成電設工業 採用サイト

採用特設コンテンツ keidenko.co.jp/recruit

採用特設コンテンツのコーディング。スクロールに連動した演出とレスポンシブ対応を実装。

HTML/CSSJavaScriptアニメーション
デザイナーのポートフォリオサイト

デザイナー様 ポートフォリオサイト

ポートフォリオ natsumisaito.com

コーディングとWordPress構築。既存テーマ(yStandard)をベースに、作品表示まわりをカスタマイズ。

WordPressyStandardコーディング
不動産会社のコーポレートサイト

不動産会社様 コーポレートサイト

コーポレートサイト check-fukuoka.com

コーディングとWordPress構築。既存テーマ(yStandard)をベースに各ページを実装。

WordPressyStandardコーディング
就労支援サービスのWebサイト

就労支援サービスサイト様

サービスサイト lumo-plus.jp

コーディングとWordPress構築。問い合わせ導線と更新しやすい管理画面を意識して実装。

WordPressPHPコーディング
(02)

Development

画面の公開ができない開発案件

D—01

試着来店予約 Shopifyアプリ

Shopifyアプリ開発 / 要件定義〜運用
Role
要件定義・設計・実装・運用
Stack
React, TypeScript, Shopify App

店舗での試着来店予約を受け付けるShopifyアプリを開発。予約枠と店舗情報の管理、顧客側の予約フロー、管理側の確認画面までを実装し、リリース後の運用まで担当しました。

  • 予約枠・店舗マスタのデータ設計と管理画面の実装
  • ストアフロントからの予約導線とバリデーション
  • Shopify OAuth・セッション管理を含むアプリ基盤の構築
  • リリース後の改修・問い合わせ対応
D—02

美容業界向け AI音声分析 B2B SaaS

2025.04 – 2025.12 / アジャイル開発
Role
メンバー(1〜5名)
Scope
要件定義・設計・実装・テスト・保守運用
Stack
Next.js, TypeScript, Python, OpenAI API, PostgreSQL, Docker, GCP Cloud Run

カウンセリング等の音声データを取り込み、文字起こし・感情分析・要約・ブログ生成までを行うB2B向けWebアプリケーションの新規開発。

  • ブラウザ上の録音・音声アップロード画面の実装
  • 大容量音声を扱うためのCloud Run向け分割アップロード処理
  • AI分析結果を表示する管理画面とチャットUI
  • API仕様の設計・実装・結合、認証と権限に応じたアクセス制御
  • Dockerでの環境構築、Cloud Runへのデプロイ、CI/CD運用、障害調査
  • Jestによる単体テスト、PlaywrightによるE2Eテスト
D—03

不動産会社 マッチングサイト

2024.01 – 2025.03
Role
フロントエンド開発
Stack
Next.js, React, TypeScript, React Hook Form, Python, PostgreSQL, AWS

物件・顧客情報と希望条件を登録し、条件に基づいてマッチングを行うWebシステムのフロントエンド開発。

  • 20種類以上のカスタム入力項目を持つフォームの設計・実装
  • React Hook Formによる入力制御、バリデーション、エラー表示
  • 複雑な入力条件・表示条件に応じたUIロジックの実装
  • API連携とフロントエンド単体テスト、API結合テスト
  • テスト結果をもとにしたバックエンド仕様・実装の改善提案
D—04

ECサイトのShopify移行・カスタムアプリ開発

2021.10 – 2023.12 / リーダー・SE / 6〜10名
Role
リーダー / SE
Scope
ヒアリング・要件定義・設計・実装・テスト・リリース・保守運用
Stack
Shopify, Liquid, Remix, React, TypeScript, GraphQL, Prisma, Polaris, App Bridge

既存ECサイトからShopifyへの移行、テーマ構築、管理業務を支援するカスタムアプリの開発、リリース後の保守運用を担当しました。

  • 既存ECの仕様・運用フローの整理とShopify移行要件の定義
  • Remix/React/TypeScriptによるShopify埋め込みアプリ開発
  • Admin API(GraphQL/REST)での注文・顧客・商品データ取得
  • 注文・顧客データのCSV/Excel出力機能の開発
  • チーム内のタスク整理、技術調整、レビュー、進行・品質管理
D—05

酒造販売店様 Shopifyストア

Shopify構築 / オリジナル機能開発
Stack
Shopify, Liquid, WordPress

Shopifyストアの構築とLiquidカスタマイズ。既存のWordPressサイトとShopifyを連携させる仕組みを実装し、必要なアプリの選定から導入まで行いました。

  • WordPressとShopifyの連携機能
  • Liquidによるテーマカスタマイズ
  • アプリ選定〜導入
D—06

製菓販売店様 Shopifyストア

Shopify構築 / カスタムアプリ開発
Stack
Shopify, Liquid, WordPress, カスタムアプリ

Shopifyストアの構築とLiquidカスタマイズに加え、店舗の運用業務に合わせたカスタムアプリを開発しました。

  • WordPressとShopifyブログの連携
  • 注文データCSV出力のカスタムアプリ開発
  • Liquidによるテーマカスタマイズ、アプリ選定〜導入
(03)

Clients

守秘義務のある案件は業種表記としています

制作会社・事業会社を経由した案件を含め、これまでに携わった案件から主要なものを抜粋しています。

2026大手金融機関 新サービス実装・改修新サービス向け画面の実装と既存ページの改修Web
2026大手調味料メーカー マイページカスタマイズ定期購買マイページの導線カスタマイズShopify
2026ジュエリーブランド Shopify構築ストア新規構築Shopify
2026学校法人 サイトリニューアルWordPress構築を伴う全面リニューアルWordPress
2026大手予備校 LP構築講師一覧を含むLPの実装Coding
2026国内最大級の市民マラソン大会 実装大会サイトのコーディングCoding
2026X 自動投稿ツール / LINE業務自動化ツールAPI連携による業務自動化ツールの開発Automation
2026ECサイト CSV連携システム構築受注データの連携・変換処理Development
2025ラグジュアリーファッションブランド LP制作ブランドLPのコーディングCoding
2025大手製薬・化粧品メーカー アプリ開発Shopifyアプリの開発Shopify App
2025大手ペットフードブランド 定期購買マイページサブスクリプション導線の実装Shopify
2025グローバルキャラクターブランドEC 機能実装購入体験まわりの機能拡張Shopify App
2025大手フォントメーカー LP制作プロモーションLPの実装Coding
2025大手通信キャリア Webサイト制作サイトコーディングCoding
2025大手アパレルブランド TOPページ実装Shopify TOPページの実装Shopify
2025不動産プラットフォーム Shopifyカスタマイズストアのカスタマイズ対応Shopify
2025ユニフォームECサイト構築Shopifyによる新規EC構築Shopify
2025内見予約システム開発WordPress上での予約機能開発WordPress
2025Shopify × GAS 連携自動化受注データの集計・転記自動化Automation
2024オンライン診療サービス Shopify構築・LP制作ストア構築とLP実装Shopify
2024大手菓子メーカー LP制作キャンペーンLPの実装Coding
2024大手化粧品D2C 定期便導入定期購買機能の導入Shopify
2024大手精密機器メーカー Shopify改修ストアの改修対応Shopify
2024健康食品メーカー Shopify CSVアプリ開発注文データ出力アプリの開発Shopify App
2024アニメ制作会社 WordPress構築オリジナルテーマの実装WordPress
2024訪日観光向けサイト WordPress構築多言語を含むサイト構築WordPress
2024大手ハウスメーカー コーディングキャンペーンページの実装Coding
2024カメラメーカー スクールサイトサイトのコーディングCoding
2024EC絞り込み検索機能 開発商品検索・絞り込みUIの開発Shopify
〜2023美術系大学 サイトコーディング・WordPress構築サイト実装WordPress
〜2023大手通信キャリア グリーティングアニメーション制作Webアニメーションの実装Animation
〜2023Googleビジネスプロフィール 代理店向け管理ツール口コミ表示・返信ツールの企画・開発Development
〜2023Obsidian連携 Chrome拡張機能開発Webコンテンツ保存用の拡張機能Extension
〜2023多言語・越境EC 配送要件と検索UI対応英語・フランス語を含む対応Shopify
〜2023WordPress独自プラグイン開発管理画面・データ連携機能の開発WordPress
〜2023グランピング施設・リゾートホテル サイト構築コーディングとWordPressテーマ開発WordPress
〜2023コーポレートサイト・サービスサイト・LP 多数制作会社経由での実装案件Web
(04)

About

フリーランスで活動しているWebエンジニアです。サイトの制作からWordPressのカスタマイズ、オリジナルテーマ構築、 Shopifyストア構築、Shopify Liquidのカスタマイズ、アプリ開発まで幅広く承っています。

2018年にフリーランスのコーダーとして活動を開始し、LPやWebサイトの実装からWordPress構築、Shopifyのテーマ構築・ カスタマイズ・アプリ開発へと領域を広げてきました。2024年からはフロントエンドエンジニアとして、 Webサイトの実装に加えてフロントエンド開発、アプリ開発、SaaSサービス開発にも携わっています。

ひとつの案件を通しで持てることを強みにしています。要件の整理と見積り、設計、実装、テスト、公開、 そのあとの改修まで自分で担当してきたので、実装の判断が運用にどう効いてくるかを踏まえて手を動かせます。

Shopify移行案件では6〜10名のチームでリーダー/SEを務め、ヒアリングと要件定義から進行・品質管理、 リリース後の保守運用までを担当しました。

(05)

Skills

01

Webサイト制作・コーディング

HTML / CSS / SCSS / JavaScript / jQuery。コーポレートサイト、サービスサイト、LPの新規制作と既存改修。レスポンシブ対応、アニメーション、フォーム、動画埋め込み。

02

WordPress

新規構築、オリジナルテーマ開発、既存サイトの改修・機能追加、独自プラグイン開発、管理画面のカスタマイズ、外部サービス連携。

03

Shopify

ストア新規構築、既存ECからの移行、Liquidによるテーマ・セクション開発、Shopify Functions、Admin API(GraphQL/REST)、多言語・越境EC対応、運用保守。

04

Shopifyアプリ開発

Remix / React / TypeScript による埋め込みアプリ、Shopify OAuth・セッション管理、Polaris・App Bridge、Prisma、Webhook連携、CSV/Excel出力。

05

フロントエンド開発

Next.js / React / TypeScript。App Router、SSR、コンポーネント設計、カスタムHooks、React Hook Formによる複雑なフォーム、チャットUI、状態管理。

06

バックエンド・API

Node.js / PHP / Python。REST・GraphQL APIの設計と実装、認証・認可、Webhook、外部API連携、入力値検証、エラーハンドリング。

07

データベース

PostgreSQL / Supabase / Prisma / SQL。テーブル・リレーション設計、マイグレーション、CRUD、データ移行。

08

アプリ開発

React Native / Expo によるモバイルアプリ、PWA、App Store申請・審査対応、自動更新サブスクリプションの実装。

09

インフラ・環境

AWS / Heroku / GCP Cloud Run / Vercel / VPS / Cloudflare、Docker、GitHub ActionsによるCI/CD、ドメイン・SSL、ログ確認と障害調査。

10

AI駆動開発・AI機能開発

OpenAI APIによる文字起こし・要約・分析・チャット機能の実装。Cursor/Claude Codeを使った開発、プロンプト設計、生成AIの業務導入支援と研修。

(06)

Career

2024 – 現在フロントエンドエンジニア

Webサイトの実装やフロントエンド開発に加え、アプリ開発、SaaSサービス開発に携わっています。Next.js/TypeScriptを主軸に、Shopifyアプリ開発やAI機能の実装も担当。

2018 – 現在フリーランス Webエンジニア

フリーランスのコーダーとして活動開始。LP・Webサイトの実装からWordPressの構築、Shopifyのテーマ構築・カスタマイズ・アプリ開発まで領域を広げ、制作会社・事業会社と継続的に取引しています。

2014.10 – 2017.12技術支援 / 営業企画・支援

電子カルテのインフラ周りの技術支援、営業企画・支援に従事。医療現場のシステム要件と運用の両方に触れた経験が、現在の要件整理にもつながっています。

2011.4 – 2014.9カスタマーエンジニア

医療機器(大型画像診断装置)のカスタマーエンジニアとして、X線CT装置やMRI、マンモグラフィ、エコー装置などのメンテナンス業務に従事。

2011.3卒業

松江工業高等専門学校 情報工学科 卒業。1990年生まれ、島根県出身、神奈川県在住。

  • 基本情報技術者
  • エックス線作業主任者
  • 実用英語技能検定2級
  • 普通自動車運転免許