Full-stack Engineer / Bridge SE

業務を理解して、使い続けられる仕組みをつくる。

2004年から業務システムとWebサービスの開発に従事。PHP / Laravel と Next.js を軸に、要件定義から設計・実装・保守まで一貫して担当します。英語圏の開発チームとのブリッジSEとしての実績もあります。

Experience
22年(2004年〜)
Domain
Web / EC / Salesforce
Role
要件定義 — 設計 — 実装 — 保守

About

2004年から、つくって、直して、引き継いできた。

小売店舗のECサイトから住宅管理情報サイト、社内システムまで。業種もプラットフォームも幅広く、要件定義・基本設計・詳細設計・実装・テスト・保守の全工程を担当してきました。案件によっては開発からマネジメントまで受け持っています。

直近の数年は、英語圏の現地開発チームとのブリッジSEを担当しました。画面仕様書やDB設計の翻訳と説明、API設計、コードレビュー、テスト仕様書の作成が中心です。仕様を正確に伝えること、そして引き継げる形で残すこと。長く運用されるシステムほど、そこが効いてきます。

Expertise

できること

開発だけ、ECだけ、には閉じずに担当してきました。要件を決めるところから、届けて運用するところまでを一続きの仕事として扱っています。

01

Web Development

Web・業務システム開発

PHP / Laravel と Next.js / TypeScript を軸に、業務システム、管理画面、Webサービスを開発します。要件定義・基本設計・詳細設計・実装・テスト・保守まで、全工程を担当してきました。

  • Next.js / React / TypeScript
  • Laravel / PHP
  • REST API設計(Swagger)
  • MySQL / PostgreSQL のDB設計
  • Supabase / PWA
  • OpenAI API による生成AI機能
  • Stripe 決済・Webhook 連携
  • 認証・権限管理
02

E-Commerce

EC構築・運用

Shopify、EC-CUBE、Magento、BASE。プラットフォームの初期設定からテーマのコーディング、決済契約の代行、公開後の販促実装まで、20年近くECに関わってきました。

  • Shopify(設定・テーマ・Liquid)
  • Shopify フローによる販促自動化
  • EC-CUBE プラグイン開発
  • Magento によるサイト構築
  • BASE ショップの開設
  • 商品登録・カテゴリ設計
  • 決済・配送設定の代行
  • GA4 による計測設定
03

Salesforce

改修・リリース運用

稼働中の組織に対する改修と運用が中心です。Apexクラス・トリガーの追加と改修、テストApexの作成、フローの追加から、変更セットによるリリースまでを担当します。

  • Apex クラス・トリガーの追加・改修
  • テスト Apex の作成
  • フロー・トリガーの設計
  • 受信変更セットによるリリース
  • Salesforce CLI
  • オブジェクト設計と処理仕様の整理
  • Laravel など外部システムとの連携
04

Bridge SE

仕様の橋渡しと品質管理

英語圏の現地開発チームと日本のクライアントの橋渡しを担当してきました。仕様を誤解なく伝え、レビューとテストで品質を担保し、リリースまで運ぶ役割です。

  • 画面仕様書の翻訳と仕様説明
  • DBテーブル設計・API設計
  • コードレビュー
  • テスト仕様書の作成と品質管理
  • GitHub によるバージョン管理・納品
  • GitHub Actions による CI/CD
  • AWS EC2 / Ubuntu の構築・運用
  • サーバ負荷の調査とパフォーマンス調整

Works

つくったもの

業務案件はコードを公開できないため、個人で開発したものを載せています。01〜03 は処理をPC内で完結させる Python + PySide6 の Windows デスクトップアプリ、04 はブラウザで動くWebアプリです。いずれも設計から実装、テストまで一人で通しました。

GitHub — Hiro-Naka-ops
01

Local Transcriber

日本語ローカル文字おこし

音声・動画・マイク入力を、ローカルAIモデルで日本語テキストへ変換します。外部APIへ音声を送らず、動画の指定区間や会議音声を文字起こしできます。

Local Transcriber の画面。音声・動画ファイルの一覧、認識モデルと処理デバイスの選択、用語集と対象範囲の入力欄、進捗バーと途中経過のテキストが並んでいる。(GitHub リポジトリを開く)
  • 音声と認識結果をPC外へ送信しない構成
  • マイク入力による会議の逐次文字起こし
  • 用語集を initial_prompt / hotwords へ渡して固有名詞の認識を補正
  • 開始・終了時刻を指定した部分文字起こし
  • 停止して途中結果を保存できる中断処理
  • Base / Small / Medium の精度切り替えと CPU INT8 / NVIDIA GPU の選択
  • TXT / SRT / VTT での書き出し
  • Python
  • PySide6
  • faster-whisper
  • sounddevice
  • yt-dlp
  • pytest
  • Ruff
Hiro-Naka-ops/Local-Transcriber
02

Local Media Viewer

画像・動画ビューワー

一般画像・WebPアニメーション・動画を快適に閲覧するWindows向けビューワーです。先読み、フィルムストリップ、ズーム、表示フィルター、動画のシーク・リピート再生を備えています。

Local Media Viewer の画面。写真を大きく表示し、右に明るさ・コントラスト・ガンマ・色相の表示フィルター、下にフィルムストリップのサムネイルが並んでいる。(GitHub リポジトリを開く)
  • 縮小は Lanczos、拡大は Bicubic で再サンプリングしモアレとブロック状表示を抑制
  • 前後3枚の先読みとフレームキャッシュ(最大128MB)で操作の引っかかりを軽減
  • フォルダ移動時に不要なキャッシュを解放
  • 画像・動画あわせて12形式に対応
  • 表示フィルターは非破壊
  • PyInstaller による単体EXEの配布
  • Python
  • PySide6
  • Pillow
  • PyInstaller
  • pytest
  • Ruff
Hiro-Naka-ops/local-media-viewer
03

WebP Image Converter

WebP画像変換ツール

WebP画像をPNG・JPEG・BMP・GIF・APNGへ一括変換する、Python製の完全ローカルツールです。倍率変更やアニメーション変換、進捗表示にも対応しています。

WebP 画像変換の画面。変換対象のファイル一覧、出力形式とJPG品質、倍率と拡大方式の選択、変換の進捗バーが並んでいる。(GitHub リポジトリを開く)
  • アニメーションWebPはフレーム時間とループ回数を保持して GIF / APNG へ変換
  • 1× / 1.5× / 2× / 3× / 4× の倍率指定と、Lanczos / Bicubic / Bilinear / Nearest の拡大方式
  • JPG品質と、透過画像を不透明化するときの背景色を指定
  • 同名ファイルは上書きせず連番付きで保存
  • 入力フォルダ・保存先・形式・品質・背景色・画面位置をローカルに保存して次回復元
  • サーバー・ブラウザ・インターネット接続を必要としない構成
  • Python
  • PySide6
  • Pillow
  • pytest
  • Ruff
Hiro-Naka-ops/webp-image-converter
04

sumu.

住み替え比較Webアプリ

今の住まいと候補物件を、家賃・広さ・通勤時間などの項目ごとに見比べるスマートフォン向けWebアプリです。静的ファイルだけで動くPWAとして公開しており、物件一覧は検証用の架空データを表示します。

sumu. の比較画面。左に「次の暮らしを、もっと身近に。」のコピーと部屋のイラスト、右にスマートフォン幅のアプリ画面があり、架空物件の概要、自宅・勤め先の登録状況、毎月の住居費を比べるカード(未確認を示す CHECK 表示)が並んでいる。(公開中のデモを開く)
  • 物件APIから架空物件100件を取得し、エリアと掲載状態で絞り込む一覧
  • 比較項目ごとに改善・注意・変化なし・未確認を表示し、不明な値を悪い評価にしない
  • 自宅・勤め先のJSONをブラウザ内で検証して取り込み(1MB上限・未知の項目は破棄)
  • 端末への保存は初期オフ。オンにした場合も IndexedDB に30日間だけ保持
  • Leaflet と地理院タイルで、APIキー不要の地図上の位置選択
  • Content-Security-Policy などのヘッダーを、本番の .htaccess とローカルサーバーで一致するようテストで検査
  • Node.js 組み込みのテストランナーによる自動テストと、GitHub Actions による配置
  • JavaScript
  • HTML / CSS
  • PWA
  • IndexedDB
  • Leaflet
  • Node.js
  • GitHub Actions
branworks.jp/sumu/

Career

やってきたこと

守秘義務に配慮し、企業名と特定につながる情報は伏せています。直近5件は担当した業務まで記載しました。

  1. 01

    2026.05 — 2026.06

    2ヶ月

    AI活用型 飲食店メディア/口コミプラットフォーム

    Role
    フルスタックエンジニア

    投稿された画像をAIが解析し、SNS向けの投稿文を自動生成するPWAアプリケーション。早期リリースを優先し、認証とデータベース基盤にSupabaseを採用して構築工数を削減しました。

    担当Duties

    • Next.js / Laravel によるサービス全体の設計・開発
    • PWA対応アプリケーションの構築
    • Supabase(PostgreSQL)のデータベース設計・実装
    • OpenAI API を用いた画像解析とSNS投稿文の生成機能
    • Stripe による決済機能と Webhook 連携
    • Ubuntu 環境でのサーバ構築・運用
    • GitHub Actions による CI/CD 環境の構築
    • Dependabot による脆弱性監視、IP制限によるアクセス制御
    • Next.js
    • TypeScript
    • Laravel
    • Supabase
    • PostgreSQL
    • OpenAI API
    • Stripe
    • Ubuntu
    • GitHub Actions
  2. 02

    2024.01 — 2026.06

    30ヶ月

    住宅情報サイトの既存開発・運用保守

    Role
    PM・SE / ブリッジSE
    Scale
    チーム8名(開発4名)/ 全体10名

    英語圏の現地開発チームとの橋渡しを担いながら、Laravel と Salesforce にまたがる機能開発・改修とリリース、AWSの安定化までを担当しました。

    担当Duties

    • 画面仕様書の翻訳と、現地開発チームへの仕様説明
    • DBテーブル設計、コードレビュー、テスト仕様書の作成
    • PHP / Laravel の機能開発・修正(他社API仕様変更など、外部影響の大きい箇所を担当)
    • Salesforce のフロー・トリガー追加、Apexクラスの改修とテストApexの作成
    • 受信変更セットを使用した納品・リリース作業
    • 頻発していたメールサーバーのダウンを調査し、メモリを圧迫していたプロセスを抑制して発生を軽減
    • Queue ワーカーの設定・調整
    • PHP
    • Laravel
    • Salesforce
    • Apex
    • Salesforce CLI
    • MySQL
    • AWS EC2
    • GitHub
  3. 03

    2023.07 — 2024.01

    6ヶ月

    育児支援アプリの既存開発

    Role
    PM・SE / ブリッジSE
    Scale
    チーム5名(開発3名)/ 全体8名

    Laravel + Next.js のスマートフォン向けアプリについて、機能追加・修正と、それに伴う画面設計の翻訳説明およびテストを担当しました。

    担当Duties

    • 画面仕様書の翻訳と、現地開発チームへの仕様説明
    • DBテーブル設計、Swagger を用いたAPI設計
    • コードレビュー、テスト仕様書の作成
    • Next.js の画面調整、Laravel のテーブル・APIエンドポイント設計
    • Next.js
    • Laravel
    • MySQL
    • Swagger
    • GitHub
  4. 04

    2022.10 — 2023.06

    9ヶ月

    中古貴金属買取管理システムの既存開発

    Role
    PM・SE / ブリッジSE
    Scale
    チーム5名(開発3名)/ 全体10名

    稼働中の業務システムへの機能追加が中心。UIとDBの変更を伴ったため、部分的な画面デザインとDB設計、海外開発チームへの仕様説明までを担当しました。

    担当Duties

    • 画面仕様書の翻訳と、現地開発チームへの仕様説明
    • PHP / Laravel の機能開発・修正
    • DB設計
    • Adobe XD を用いた画面デザイン
    • コードレビュー、テスト仕様書の作成
    • PHP
    • Laravel
    • MySQL
    • Adobe XD
    • GitHub
  5. 05

    2021.04 — 2022.10

    19ヶ月

    Shopify によるサプリメント販売サイトの構築

    Role
    PM・SE
    Scale
    チーム3名(開発1名)/ 全体5名

    デザインチームから受け取った画面をShopifyのテンプレートへ落とし込み、サイト設定と決済契約の代行から、公開後の販促メール実装までを担当しました。

    担当Duties

    • Shopify サイト上の設定代行、商品登録、継続購入プラグインの導入
    • デザインをもとにしたページのコーディング(Liquid / jQuery / HTML / CSS)
    • クレジットカード決済の契約・設定の代行
    • 公開後、Shopify フローによる訪問客へのメール送信の実装
    • Shopify
    • Liquid
    • jQuery
    • HTML
    • CSS

2004 — 2021

  • 2021.01 — 2021.06BASE によるショッピングサイトの開設設定代行を中心に担当
  • 2020.01 — 2021.01EC-CUBE によるショッピングサイトの開発EC-CUBE プラグインの開発
  • 2017.01 — 2020.01住宅検索サイトのフロントエンド開発PHP / Laravel
  • 2016.01 — 2017.01Magento によるショッピングサイトの開発PHP
  • 2013.01 — 2016.01玩具メーカーの動画配信サービス基盤の開発PHP / 全体20名
  • 2010.01 — 2013.01ゴルフ雑誌のWEB有料配信サービスの開発PHP
  • 2008.01 — 2010.01建設会社の社内システム開発VB.NET / C#
  • 2004.01 — 2008.01製薬会社の社内システム開発全体100名規模

Skills

使う道具

特定のツールだけに閉じず、要件整理・実装・テスト・運用までを一つの流れとして扱えることを重視しています。

Language & Framework

20年以上の実務で使ってきた言語とフレームワーク

  • PHP
  • Laravel
  • Next.js
  • React
  • TypeScript
  • JavaScript / jQuery
  • Liquid
  • Apex
  • VB.NET / C#

Platform & Data

EC・CRM・データベースまわり

  • Salesforce
  • Shopify
  • EC-CUBE
  • Magento
  • BASE
  • MySQL
  • PostgreSQL
  • Supabase

Infrastructure & Tools

構築・運用・品質管理に使う道具

  • AWS EC2 / CentOS
  • Ubuntu
  • GitHub
  • GitHub Actions
  • Swagger
  • Stripe
  • OpenAI API
  • GA4
  • Adobe XD

Approach

大切にしている3つのこと

01

画面より先に、利用者と業務の流れを理解する

作るものを決める前に、誰が、どの順番で、何のためにその作業をしているかを聞きます。仕様が固まっていない段階の相談こそ、いちばん効きます。

02

決めたことを、誤解なく伝わる形にする

仕様は、書いた人の頭の中にあるうちは仕様になりません。図と文章、そして動く画面で、開発チームと同じ絵を共有してから手を動かします。言語や拠点が違うチームほど、ここで差が出ます。

03

引き継げるコード・履歴・ドキュメントを残す

自分が離れても続けられる状態を成果物とみなします。変更履歴、判断の理由、動かし方をコードと一緒に残します。

Contact

まだ整理できていない相談も歓迎します。

info@branworks.jp

要件が固まる前の調査、既存システムの小さな不具合、今後の進め方など、現在地から一緒に整理します。ご相談の内容は守秘義務に配慮して取り扱います。