ヘッダーのロゴ

すぐに仕事で使えるIT技術情報メディア

ヘッダーのロゴ
CLOSE MENU
× 閉じる
最新の技術記事
カテゴリー
メニュー
この度 WordPress MAGAZINE を UMENOKI へリニューアルいたしました！今後とも何卒よろしくお願いいたします！
技術記事TOP 当サイト運営者 兼 執筆者について

当サイト運営者 兼 執筆者について

投稿日：2024年04月20日(土) 更新日：2024年11月30日(土)

自己紹介

みなさんこんにちは！
エンジニア歴5年目（2024年8月以降から5年目です）の高澤翔汰です！

当サイトUMENOKIを管理・運営・執筆しております！
当サイト自体も、もちろん執筆者である高澤がコーディングいたしました！

出身は埼玉県羽生市で、最終学歴は日本大学法学部です。（※ちなみに出身小学校は羽生市立羽生北小学校です←いらんこと紹介するな）

CMSでのサイト構築とWebデザイン制作を兼任して5年目になります。

主にWordPressエンジニアとしてテーマ開発を行ったり、管理画面のカスタマイズやプラグインのカスタマイズなどを行なってウェブサイトの制作案件を担当してきました。

自作のWordPressプラグインを開発することもあり、WordPressには大変お世話になっております。

WordPress以外にも、MovableTypeやCMS Hub、またECプラットフォーム領域では、Shopify、ECCUBE4、MakeShop、楽天などのコーディングとWebデザインの納品実績があります。

最近はスマホアプリ開発に興味があり、最近ではiOSアプリを自主開発し現在Apple Storeに公開しております。

どうぞよろしくお願いいたします！

筆者ができること・何ができるのか？

  • WordPress等のCMSを使って「Webサイト制作」ができます（CP、LP、採用サイト等）
  • WordPressのテーマ開発、プラグイン開発ができます
  • 要件によってはPHP等でのシステム開発ができます
  • ShopifyやECCUBE4等のASPやCMSを使って「ECサイト制作」ができます
  • Webデザインの制作ができます
  • ロゴやチラシ、バナー、名刺等のグラフィックデザイン制作ができます
  • 動画編集ができます
  • 実は少しiOSアプリ（スマホアプリ）が作れます
  • 要件によっては何かしらの作業の自動化（エクセルやスプレットシート等）ができます

これまでの納品実績（2024年4月時点）

  • WordPressプラグイン構築　1件（社内タスク）
  • WordPress構築　47件（47件中、社内タスク8件）
  • Shopify構築　10件
  • ECCUBE4構築　2件
  • CMS Hub構築　1件（社内タスク）
  • MovableType構築　1件
  • MakeShop構築　1件
  • カラーミーショップ構築　1件
  • 楽天サイト構築　1件
  • Bカート構築　2件
  • HTMLベタがき構築　7件
  • Webデザイン　48件
  • 動画制作　約10件（社内タスク）
  • ロゴ制作　1件

WordPressでの過去の特殊なカスタマイズ内容

  • Google Maps APIやJSのGeolocation APIを組み合わせて位置情報をもとに特定の場所、施設検索サイトの開発
  • カスタム投稿タイプの投稿データとユーザー情報データをカスタムフィールドやカスタムタクソノミー含む自作エクスポート機能を実装
  • 独自の設定ページを作成し、スライダー機能のオプション設定（スライド時間や自動再生の有無）ができるように実装
  • 記事編集管理画面の右サイドバーにあるタグの入力ボックスの上にセレクトボックスで設定済みのタグを選択できるようにし、選択したら自動で入力ボックスに反映
  • 掛け合わせによる絞り込み検索機能の実装
  • リライトルールによるURLのカスタマイズ
  • 独自のログイン機能の実装
  • CSVフォーマットを作成し、投稿タイプ記事データの100件以上の一括データ反映対応
  • ユーザー一覧管理画面の絞り込み検索結果の反映機能実装
  • WP-Membersプラグインを使用しつつ、マイページ等に独自のカスタムフィールドデータの反映
  • 同じくWP-Membersプラグインで、記事詳細ページごとにあるボタンをクリックしてから会員登録ページに遷移した際に記事データをセッションで反映
  • WordPress標準機能のマルチサイトをシングルサイトに戻してリニューアル実装
  • リファラーを使って、どのサイトやLPから来たのかを取得しユーザー情報にカスタムフィールドとして反映…など

使用できるツール

高澤が使用できるツールは以下になります。

  • Photoshop
  • Illustrator
  • Premiere Pro
  • After Effects
  • Adobe XD
  • Excel
  • Googleサービス全般（スプレットシート等）
  • GitHub
  • Git
  • Sourcetree…など

よく利用する開発環境・ツール

高澤が使用、構築できる開発環境は以下になります。
Dockerが一番大好きです。

  • Docker
  • Docker Compose
  • wp-env
  • XAMPP
  • MAMP
  • WP-CLI
  • Shopify CLI
  • HubSpot CLI
  • npm・npx
  • node
  • Homebrew

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

高澤が使用できるプログラミング言語、テンプレート言語・エンジンは以下になります。

実は以下の内容以外にもPythonやSwiftなど色々経験はありますが、仕事レベルで全面に得意と言えるのは以下の内容になります。

以下の内容は2024年4月時点になります。

言語、テンプレート言語・エンジン経験期間具体的なスキル内容
PHP4年9ヶ月WordPressのテーマ開発＋プラグイン開発が可能（要件要相談）。
PHP自体のコードのカスタマイズが可能。
また、簡単な掲示板を実装したり、お問い合わせページを実装したり、要件次第ではスクラッチ開発が可能です。
SQL（MySQL）4年9ヶ月基本的な取得、追加、更新、削除の操作が可能です。
WordPressの$wpdbオブジェクト等においてカスタマイズが可能。
jQuery4年9ヶ月CMSのテーマ開発でのカスタマイズで問題なく使用可能。
多数のjQueryライブラリを使用して機能を実装したり、自身でjQuery自体のコードのカスタマイズが可能。
JavaScript4年9ヶ月CMSのテーマ開発でのカスタマイズで問題なく使用可能。
要件を要確認ではありますが、自身でJavaScript自体のコードのカスタマイズが可能。
CSS4年9ヶ月CMSのテーマ開発でのカスタマイズで問題なく使用可能。
設計思想はBEM(Block Element Modifier)ベースで記述します。
HTML54年9ヶ月CMSのテーマ開発でのカスタマイズで問題なく使用可能。
また、HTMLベタがき
liquid（Shopify）2年Shopifyのテーマ開発が可能。
HubL（CMS Hub）3ヶ月HubSpotのCMS Hubのテーマ開発が可能。
Twig（ECCUBE4）1年ECCUBE4のテーマ開発が可能。
Smarty（MakeShop）4ヶ月MakeShopのテーマ開発が可能。
MTタグ（MovableType）3ヶ月MovableTypeのテーマ開発が可能。

WordPressで使用可能なプラグイン

WordPressで使用可能なプラグインは以下の記事の内容すべてのプラグインになります。

WordPress Popular PostsやWP-Members、MW WP Form等カスタマイズを必要とするプラグインについても問題なく対応が可能です。

実務で使える！WordPressプラグインまとめチートシート（仕事で使えるものだけ厳選）

JavaScript・jQueryライブラリで使用可能なライブラリ

基本的に以下のライブラリが使用可能であり、以下の内容が使用経験があり、要件にもよりますが、問題なく使用可能なライブラリになります。

全ては書ききれておりませんが、学習したライブラリも含めます。

ライブラリ名内容
jQuery UIインタラクティブなWebアプリケーションの開発に便利なユーザーインターフェース要素やアニメーションを提供します。
slick.jsカルーセルやスライダーを作成するためのjQueryプラグインです。レスポンシブデザインに対応しており、カスタマイズが容易です。
Swiper.jsモバイル端末向けに最適化されたタッチスライダーライブラリです。スワイプジェスチャーをサポートし、高度なカスタマイズが可能です。
Animate.cssCSSアニメーションを簡単に実装するためのライブラリです。事前に用意されたアニメーションクラスを要素に追加するだけで、アニメーションを適用できます。
Chart.jsHTML5の<canvas>要素を使用してグラフやチャートを描画するためのJavaScriptライブラリです。折れ線グラフ、棒グラフ、円グラフなどの表示が可能です。
WOW.jsスクロールイベントに応じて要素にアニメーションを適用するためのライブラリです。スクロールに応じてフェードインやスライドインなどのアニメーションを実行します。
Rellax.jsパララックス効果を実装するための軽量なライブラリです。背景や要素のスクロール速度を制御し、奥行きのある動きを作成します。
simpleParallax.jsシンプルなパララックススクロール効果を実装するためのJavaScriptライブラリです。複数の要素に対して異なるスクロール速度を設定できます。
Parallax.jsパララックス効果を実装するための軽量なJavaScriptライブラリです。マウスの動きに応じて背景や要素を動かします。
skrollrスクロールイベントを使って要素のアニメーションを制御するためのJavaScriptライブラリです。滑らかなスクロールと高度なアニメーションを実現します。
Luxy.jsスクロールイベントに応じて要素をパララックス効果で動かすライブラリです。スクロール位置に応じて要素の透明度や移動速度を制御します。
ScrollMagicスクロールイベントを監視し、パララックスや他のアニメーションをトリガーするためのJavaScriptライブラリです。滑らかなスクロールと高度なアニメーションを実現します。

また、要件要確認ではありますが、上記以外に使用経験がなくてもライブラリは使用可能である場合が多いため、ご相談いただければと思います。

高澤の実装の思想としては、ライブラリを数多く使用してしまうとサイトの動作が重くなったり、カスタマイズ性が低くなってしまう問題を回避するため、できる限りライブラリを使わずオーダーメイドで実装することを心がけておりまして、どうしても必要になるライブラリのみ使用するようにしております。

SEO対策に関する実装・対応

サイト制作においてSEO対策に関する過去の仕事での対応内容は以下になります。

  • アナリティクス導入
  • 求人情報の構造化データ対応（検索エンジン最適化（SEO）や検索結果のリッチスニペット表示）
  • ECCUBE4にGoogle Analytics（GA）のEcommerceタグをサイトに実装
  • パンくずリストを構造化データ対応…などなど

SEO対策の実装に関する実績

これまでのSEO対策の実装に関する実績として、以下の内容があります。

WordPressで実装した転職サイトで「〇〇」のイメージでビックキーワードで自然検索1位を獲得（2024年4月現在も継続）
WordPressで実装した転職サイトで求人用の構造化データであるGoogleしごと検索（Google for Jobs）の対応
社内プロジェクトにおけるランディングページで「東京 ウェブサイト制作」で自然検索1位を獲得

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

自主的に開発したアプリ・サイトは以下になります。

タイトル対応範囲使用技術URL
コンカフェで使える予算管理タイマーiOSアプリ「ConcafeWatch」コーディング、デザイン、企画等（全て）Swift UI（Swift）、Firebase（リモート通知実装）、Photoshopなどhttps://apps.apple.com/us/app/concafewatch/id6480421545
ConcafeWatch コンカフェウォッチ公式サイトコーディング、デザイン、企画等（全て）WordPress、PHP、jQuery、HTML・CSS、Photoshopなどhttps://concafewatch.com/
IT技術ブログ「UMENOKI」コーディング、デザイン、企画等（全て）WordPress、PHP、jQuery、HTML・CSS、Photoshopなどhttps://ume-noki.com/
無料で使える便利ツール「UMENOKI TOOLS」コーディング、デザイン、企画等（全て）React.js、HTML・CSS、Photoshopなどhttp://tools.ume-noki.com/

コンカフェで使える予算管理タイマーiOSアプリ「ConcafeWatch」

https://apps.apple.com/us/app/concafewatch/id6480421545

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

https://concafewatch.com

IT技術ブログ「UMENOKI」

https://ume-noki.com

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

http://tools.ume-noki.com/

自主的に学習したこと

実務レベルとしてはまだ到底いえませんが、自主的に学習したことのある内容が以下になります。

  • Swift（Swift UI）によるiOSアプリ開発
  • AWSにてWordPress立ち上げ
  • React.js、Next.jsによるSPA実装
  • LaravelによるMVCモデルによる簡単な掲示板構築
  • Shopifyのアプリ開発
  • VBAやGASによるシートの自動化
  • PythonのpandasライブラリでWebサイトのスクレイピング…などなど

当ページでご紹介しきれていない技術スキルについて

これまで実務で経験した技術は多数に及び、当ページでご紹介しきれていない技術スキルがある可能性がございます。

もし気になった方がいらっしゃいましたらお問い合わせいただけましたら幸いです。

サンタさん