検索キーワードを入力
カテゴリーを選択
この度 WordPress MAGAZINE を UMENOKI へリニューアルいたしました!今後とも何卒よろしくお願いいたします!

Engineer & Designer

高澤 翔汰

Shota Takazawa

WordPress Engineer Web Designer iOS Developer

WordPressをはじめとするCMSエンジニア兼Webデザイナーとしてエンジニア歴6年。
自社メディア「UMENOKI」を運営しながら制作・開発案件に携わる。
React.jsブロック開発・FlutterアプリにもHackし続けている。

高澤翔汰
Available for Work
6年+ Engineer Career
51 WordPress案件
48 Webデザイン
10 Shopify案件
WordPress PHP / React Swift / Flutter
0年+
Engineer Career
0件+
Total Deliveries
0
WordPress
0
Web Design

About Me

自己紹介

エンジニア兼デザイナーとして活動する高澤翔汰のプロフィール。

高澤 翔汰

Shota Takazawa

Profile

名前 高澤 翔汰(Shota Takazawa)
出身 埼玉県羽生市
最終学歴 日本大学法学部
職種 CMSエンジニア / Webデザイナー
経験年数 6年+(2019年8月〜)
運営サイト ume-noki.com
sokulabo.com

Introduction

みなさんこんにちは!エンジニア歴6年目のエンジニア兼デザイナー、高澤翔汰です。当サイト「UMENOKI」の管理・運営・執筆を行っており、サイト自体のコーディングも高澤が担当しました。

CMSでのサイト構築Webデザイン制作を兼任して6年目になります。主にWordPressエンジニアとしてテーマ開発・プラグインカスタマイズ・管理画面カスタマイズを担当してきました。

WordPressに加え、MovableType / CMS Hub / Shopify / ECCUBE4 などのコーディングとWebデザインの納品実績があります。最近はReact.jsブロック開発Flutterアプリ開発にもモーレツにはまっています。

6+ 年の経験
139+ 納品実績
4 自主開発

Career

経歴

2019年8月に正式エンジニアデビューするまでの道のり。

大学卒業後 新宿

会計系人材派遣会社へ入社

表面上はコンサルティング会社として事業をしていた新宿の会社に新卒入社。心の底から嫌々仕事をしていた結果5ヶ月で退職。悔しさを活力に変え、Web分野で猛勉強を開始。

就職活動期 模索中

日雇い派遣で繋ぎながら就活

Webサイト制作会社に内定をもらうも案件が決まらず辞退。業界未経験という壁の厚さを痛感しながらも諦めずに活動を継続。

2019年初旬 SES会社

SES会社に就職 → 家電量販店研修

SES事業の会社に就職。エンジニア研修という名目で家電量販店にて働かされ勤務した後、3〜4ヶ月で退職。しかしこのタイミングで運命の転機が訪れる。

2019年8月 念願の就職
Engineer Debut

念願のエンジニアデビュー!

同僚の方の紹介でベンチャーのSEOコンサル会社に入社。WordPressを中心にShopify・ECCUBE4・MovableTypeなど多数のCMS・Webデザイン・動画制作まで幅広く担当。ビジネスのマインドや仕事術を学んだ一生の財産となる場所。

4年半後〜現在 現職

新プロジェクトにジョイン中

前職で4年半の実績を積んだ後、現在は別会社にてWordPressエンジニアとして活動中。かれこれエンジニア歴6年を超え、React.jsブロック開発やFlutterアプリ開発にも邁進中。

Skills

筆者ができること

「こんなことはできないか?」などお気軽にご相談ください。

12 Capabilities
01

CMSサイト制作

WordPress等CMSをカスタマイズしてWebサイト制作(コーポレート・LP・採用サイト等)

CMS
02

テーマ・プラグイン開発

WordPressのオリジナルテーマ開発・プラグイン開発・管理画面カスタマイズ

WordPress
03

SEO特化サイト開発

構造化データ・Core Web Vitals最適化など技術SEOに特化したWebサイト開発

SEO
04

ECサイト制作

Shopify・ECCUBE4等のASP/CMSを活用したECサイト構築・カスタマイズ

E-Commerce
05

Webデザイン制作

Photoshop等を使ったUI/UXデザイン・コーポレートからサービスサイトまで対応

Design
06

リッチアニメーション実装

GSAP・Three.js等のライブラリを活用したインタラクティブ・アニメーションサイト制作

Animation
07

静的サイト制作

HTML/CSS/JavaScriptによる静的サイト制作・既存ページのコーディング改修

HTML / CSS
08

グラフィックデザイン

ロゴ・チラシ・バナー・名刺等の印刷物・Webグラフィックデザイン制作

Graphic
09

動画編集

YouTube・SNS向けの動画編集・テロップ・BGM追加・サムネイル制作

Video
10

サーバー・DNS対応

サーバー移転・ドメイン設定・メール対応含むインフラ周りの対応

Infrastructure
11

システム・アプリ開発

PHPでのシステム開発・FlutterによるiOS/Androidアプリ開発(要件要相談)

Development
12

業務自動化

Excel・スプレッドシート・GASを活用した業務フロー自動化・ツール開発

Automation

※全ては紹介しきれないため、「できないか?」などはお問い合わせください。「絶対にできない」「厳しそう」「確認すればできます」「できます」など明確にお答えします。

Deliveries

クライアント納品実績

2025年1月時点の累計実績。

Total Deliveries

0+

件の累計納品

クラウドソーシング・直案件含む
2019年〜2025年1月の実績

WordPress
WordPress構築
0
Design
Webデザイン
0
E-Commerce
Shopify構築
0
HTML / CSS
HTML静的サイト
0
2 ECCUBE4構築
2 Bカート構築
1 MovableType構築
1 MakeShop構築
1 カラーミーショップ
1 楽天サイト構築
1 CMS Hub構築
1 ロゴ制作

WordPress Custom

WordPressでの特殊カスタマイズ実績

標準機能では賄えない要件を、独自実装で解決してきた実績の一部。

API 01

位置情報ベースの施設検索

Google Maps API + JS Geolocation APIを組み合わせ、現在地から近い施設を地図上で検索できるサイトを開発

Search 02

高度な絞り込み検索

キーワード・カテゴリー・タグ等の複数条件を掛け合わせた高度なフィルタリング検索機能を実装

Data 03

カスタムデータエクスポート

カスタム投稿タイプ・ユーザー情報・カスタムフィールドを含むデータの自作CSVエクスポート機能を実装

Admin 04

スライダー管理画面設定

独自設定ページからスライド時間・自動再生等のオプションを管理画面上で変更できるよう実装

Admin 05

管理画面UI拡張

タグ入力ボックス上にセレクトボックスを追加し、選択した値を自動でタグ入力欄に反映させる機能を実装

System 06

カスタムURLルール

リライトルールを活用し、WordPressの標準URL構造を超えた独自パーマリンク設計をPHPレベルで実装

Auth 07

独自ログイン機能

標準のWPログインに依存しない独自の認証フローをゼロから設計・実装

Data 08

CSVバルクインポート

独自CSVフォーマットを設計し、カスタム投稿タイプの記事データ100件以上を一括インポートできる機能を実装

Admin 09

ユーザー管理UI拡張

管理画面のユーザー一覧に絞り込み検索・フィルタリング機能を追加し、大量ユーザーの管理を効率化

Members 10

会員マイページ拡張

WP-Membersプラグインの会員マイページに独自カスタムフィールドデータを反映させるカスタマイズを実装

Members 11

会員登録セッション引継

WP-Membersで記事詳細から会員登録画面へ遷移した際、記事データをセッションで保持して登録後に反映

System 12

マルチ→シングルサイト移行

マルチサイト構成からシングルサイトへの移行・リニューアルをデータ欠損なく安全に実装

Tracking 13

流入元トラッキング

LPへのリファラーを取得し、ユーザー情報のカスタムフィールドとして自動記録する仕組みを実装

Tools & Environment

使用できるツール・開発環境

Design / Creative

5 tools
Photoshop Illustrator Premiere Pro After Effects Adobe XD

Collaboration

9 tools
GitHub Git Sourcetree Chatwork Slack Google Meet Zoom Excel Googleスプレッドシート

Dev Environment / CLI

11 tools
Docker Docker Compose wp-env XAMPP MAMP WP-CLI Shopify CLI HubSpot CLI npm / npx Node.js Homebrew

Languages

使用できるプログラミング言語・テンプレートエンジン

実務レベルで対応可能な言語・テンプレートエンジン(2025年1月時点)。

Programming Languages

6ヶ月

React.js

WordPressブロック開発、便利ツールサイト開発

5年6ヶ月

PHP

WordPressのテーマ開発+プラグイン開発。スクラッチ開発も要件次第で可能。

5年6ヶ月

SQL(MySQL)

基本的なCRUD操作が可能。WordPressの$wpdbを使ったカスタマイズも対応。

5年6ヶ月

jQuery

CMSテーマ開発でのカスタマイズで問題なく使用可能。多数のライブラリを使った機能実装も対応。

5年6ヶ月

JavaScript

CMSテーマ開発で問題なく使用可能。要件によってはVanilla JSでのカスタマイズが可能。

5年6ヶ月

CSS(Sass)

CMSテーマ開発で問題なく使用可能。設計思想はBEM(Block Element Modifier)ベース。

5年6ヶ月

HTML5

CMSテーマ開発・静的サイト制作どちらも対応。

Template Engines

2年

liquid(Shopify)

Shopifyのテーマ開発が可能。

3ヶ月

HubL(CMS Hub)

HubSpotのCMS Hubのテーマ開発が可能。

1年

Twig(ECCUBE4)

ECCUBE4のテーマ開発が可能。

4ヶ月

Smarty(MakeShop)

MakeShopのテーマ開発が可能。

3ヶ月

MTタグ(MovableType)

MovableTypeのテーマ開発が可能。

Libraries

JavaScript・jQueryライブラリ

使用経験があり要件によって問題なく使用可能なライブラリ。掲載内容以外でも対応可能な場合が多いためご相談ください。

UI

jQuery UI

インタラクティブなUI要素・アニメーションを提供するjQueryベースのライブラリ。

Slider

slick.js

カルーセル・スライダーを作成するためのjQueryプラグイン。レスポンシブ対応。

Slider

Swiper.js

モバイル向けに最適化されたタッチスライダーライブラリ。高度なカスタマイズが可能。

Animation

Animate.css

クラスを追加するだけでCSSアニメーションを実装できるライブラリ。

Data Viz

Chart.js

<canvas>を使ってグラフ・チャートを描画するJavaScriptライブラリ。

Animation

WOW.js

スクロールイベントに応じてフェードイン等のアニメーションを適用するライブラリ。

Parallax

Rellax.js

パララックス効果を実装するための軽量ライブラリ。

Parallax

simpleParallax.js

シンプルなパララックススクロール効果を実装するJavaScriptライブラリ。

Parallax

Parallax.js

マウスの動きに応じて背景・要素を動かす軽量なパララックスライブラリ。

Animation

skrollr

スクロールイベントを使って要素のアニメーションを制御するJavaScriptライブラリ。

Parallax

Luxy.js

スクロール位置に応じて要素をパララックス効果で動かすライブラリ。

Animation

ScrollMagic

スクロールイベントを監視しパララックスやアニメーションをトリガーするライブラリ。

実装の思想として、ライブラリを多用するとサイトが重くなりカスタマイズ性が低下するため、できる限りオーダーメイドで実装することを心がけています。

SEO

SEO対策の実装・実績

#1

Organic Rank

WordPressで実装した転職サイトでビッグキーワードの自然検索1位を獲得(2024年4月現在も継続)

Jobs

Google for Jobs

転職サイトで求人用構造化データ「Googleしごと検索(Google for Jobs)」に対応しリッチスニペット表示を実現

#1

LP Rank

社内LPで「東京 ウェブサイト制作」の自然検索1位を獲得

対応内容

アナリティクス導入

求人情報の構造化データ対応(SEO・リッチスニペット表示)

ECCUBE4へのGoogle Analytics EcommerceタグをサイトへHTML実装

パンくずリストの構造化データ対応

My Projects

自主開発したアプリ・サイト

0から自力で設計・開発・公開まで行ったプロダクト。

02 Website

ConcafeWatch コンカフェウォッチ公式サイト

WordPress PHP jQuery HTML/CSS
サイトを見る
03 IT Media Blog

IT技術ブログ「UMENOKI」

WordPress PHP jQuery HTML/CSS
サイトを見る
04 Web App

無料で使える便利ツール「UMENOKI TOOLS」

React.js HTML/CSS Photoshop
サイトを見る

Self Work

自主的に取り組んでいる技術

いずれも開発中ですが、現在進めている個人プロジェクト・技術です。すでにいくつかサービスを作っています。

Cross Platform

Flutter

Dart言語とFlutterによるAndroid / iOSクロスプラットフォーム開発を学習。

Mobile

Swift / SwiftUI

SwiftUIによるiOSアプリ開発。Firebase連携やApp Storeリリースまで実施済み。

Cloud

AWS

AWS上でWordPress環境を構築。EC2・Route 53・RDSの基本架構を学習。

Frontend

React.js / Next.js

SPA・コンポーネント設計を学習。UMENOKI TOOLSをNext.jsで実際に構築。

Backend

Laravel

MVCモデルを理解し、Laravelで掘り板機能付き掲示板を構築。

E-Commerce

Shopify App開発

Shopify CLIを使ったアプリ開発の流れとRemixベースの基本構成を学習。

Automation

VBA / GAS

Excel・Googleスプレッドシートの自動化。データ集計・メール送信自動化を構築。

Data

Python / pandas

pandasを使ったWebスクレイピングおよびデータ整形・分析を学習。

Contact

お気軽に
ご相談ください

ここで紹介しきれていない技術スキルもございます。
「こんなことはできないか?」など、どんな内容でもお気軽にどうぞ。

  • 最短翌日対応

    お問い合わせ後、迅速にご返信します

  • まずは無料相談

    費用・スケジュールのご相談も歓迎

  • NDA締結も対応

    機密情報のあるご相談も安心してどうぞ

現在受付中

お仕事依頼・技術相談・取材など
どんなご連絡もお待ちしています

通常1〜2営業日以内にご返信します