プロジェクト経験

WordPress / PHP

AIエージェントによるWordPress運用自動化

概要

IT教育企業在籍時に、セミナー告知、事例紹介、サービス紹介、資料ページ、コラムなどを掲載するWordPressサイトにおいて、ClaudeCodeを活用した運用自動化の仕組みを構築。投稿・カスタム投稿の作成や削除、既存記事の新デザインへの置き換えなどを、ClaudeCodeとのチャット指示のみで実行できるワークフローを設計した。

担当期間

約1ヶ月

役割

設計 / 実装

技術スタック詳細

WordPress PHP JavaScript ClaudeCode GitHub

担当内容

WordPressの投稿・カスタム投稿に対する削除、新規作成、既存記事の新デザインへの置き換え作業を、ClaudeCodeに対するチャット指示で完結できる運用フローを構築。ローカル環境での作業からステージング環境、本番環境への反映までをClaudeCodeを介して実行できる仕組みを整備した。

工夫した点

エンジニアではないメンバーでも運用できるよう、ClaudeCode用のRulesとSkillsを事前に整備。GitHubリポジトリから取得したサイトデータをローカル環境に配置すれば、ClaudeCodeとのチャットのみでコンテンツ更新からデプロイまで実行できる構成とした。また、AIによる作業のばらつきを防ぐためルールを明文化し、作業品質を一定に保てるよう設計した。

成果

WordPress運用における記事更新・ページ改修作業の効率を大幅に改善。AIエージェントを活用した運用フローを構築することで、非エンジニアでもコンテンツ更新から環境反映まで実行できる体制を整備した。

WordPress / PHP

面談予約システム連携 WordPressプラグイン開発

概要

IT教育企業在籍時に、Next.js・Go(Gin)・GraphQL・AWS・MySQLで構築された面談予約管理システムのAPIと連携するWordPressプラグインを開発。自社サービスの利用を検討するユーザーが、WordPressサイト上から面談予約を行える機能を実装した。

担当期間

約2ヶ月

役割

PM / WordPressプラグイン開発 / UI調整

技術スタック詳細

WordPress PHP JavaScript GraphQL Next.js Go(Gin) MySQL AWS

担当内容

面談予約管理システムのAPIから面談可能日を取得し、WordPressサイト上で予約可能な日程を表示するプラグインを開発。投稿・固定ページからショートコードで呼び出せる設計とし、パラメータ指定により表示形式の変更やコンパクト表示など柔軟に利用できるよう実装した。

工夫した点

予約可能日をGridレイアウトで構築したカレンダーUIに表示し、ユーザーが直感的に日程を選択できるインターフェースを設計。デザイナーやマーケティング担当と連携しながら、入力項目や操作フローを調整し、ユーザーが入力を負担に感じない予約導線の実装を行った。

成果

WordPressサイトから直接面談予約が可能となり、サービス検討ユーザーの予約導線を改善。ショートコードとパラメータ設計により複数ページで柔軟に利用できる再利用性の高いWordPressプラグインとして運用されている。

WordPress / PHP

大規模メディアサイト WordPressテーマ刷新 / インフラ移行

概要

IT教育企業在籍時に、月間100万PV規模のWordPressメディアサイトにおいて、長年の運用で複雑化していた既存テーマを刷新。運用負荷の軽減とパフォーマンス改善を目的に、有名WordPressテーマへの移行を実施するとともに、インフラをAWSからレンタルサーバーへ移行した。

担当期間

約6ヶ月

役割

PM / WordPress実装 / インフラ移行 / 一部UIデザイン(複数部署関係者と連携)

技術スタック詳細

WordPress PHP JavaScript AWS Linux DNS

担当内容

既存テーマから新テーマへの移行設計、WordPress実装、データ移行、AWSからレンタルサーバーへのインフラ移行、UI調整、運用改善設計を担当。約6,000件に及ぶ既存記事が新テーマでも正常に表示されるようテンプレート調整やデータ確認を行い、大量コンテンツを保持したまま安全に移行を実施した。マーケティング部門のメンバーが更新しやすい管理画面設計を行い、サイトの運用負荷軽減を目的としたCMS構造の再設計を実施した。

工夫した点

サイト運用に関わるマーケティングメンバーへヒアリングを実施し、実際の運用フローを整理したうえで管理画面から更新可能な範囲を拡張。従来はPHPテンプレート中心だったページ構成を見直し、テーマの標準レイアウトをベースにCSS調整で対応することで保守性を向上させた。また、クラシックエディター中心の運用からブロックエディターへの移行を行い、非エンジニアでも記事更新やページ修正がしやすい構成に改善した。

インフラ移行の工夫

AWSからレンタルサーバーへの移行にあたり、事前にテスト移行を実施して移行手順を整備し、冪等性のある移行プロセスを構築。本番移行時のリスクを最小化した。また、想定アクセスを考慮した負荷テストを行い、適切なレンタルサーバープランを選定した。

可用性対策

AWSから移行することで可用性が低下するリスクを考慮し、緊急用のバックアップサーバーを別レンタルサーバーとして構築。メインサーバー障害時にはDNS切り替えのみでサービス継続できる構成を設計した。

成果

サイト運用の属人化を解消し、マーケティング部門が管理画面から更新できる範囲を大幅に拡張。約6,000記事の既存コンテンツを保持したままテーマ移行を完了し、インフラコストについてもAWS運用時と比較して半分以上削減するなど、安定したメディア運用基盤を構築した。

WordPress / PHP

水産食品企業 コーポレート / 店舗 / ECサイト リニューアル

概要

制作会社在籍時に、高級水産食材を扱う企業が運営するコーポレートサイト、飲食店舗サイト、ECサイトのリニューアルプロジェクトを担当。既存サイトの運用保守を引き継ぎつつ、新規店舗サイトのWordPress構築およびECサイトのデザインリニューアルを実施した。

担当期間

約1年

役割

PM / 実装担当(複数サイト横断プロジェクト)

技術スタック詳細

WordPress PHP JavaScript ショップサーブ Ajax

担当内容

既存コーポレートサイトおよび飲食店サイト(複数店舗)の運用保守を引き継ぎ、デザインリニューアルおよび機能改善を担当。加えて、新規オープン店舗のWordPressサイト構築、ECサイト(ショップサーブ)のデザインフルリニューアルを実施した。

工夫した点

扱う食材の特性上、海況や天候により入荷状況が変動するため、WordPress管理画面に入荷状況を入力する管理機能を実装。入力された情報をAPIとして公開し、Ajaxで各サイトから取得する仕組みを構築したことで、複数サイト間でリアルタイムに近い入荷情報を共有できるようにした。

成果

コーポレートサイト、店舗サイト、ECサイトのデザインを統一し、ブランドイメージを整理。加えて、商品の入荷状況を各サイトから確認できる仕組みを構築したことで、ユーザーへ鮮度の高い情報提供が可能となった。

WordPress / PHP

食品メーカー コーポレートサイト / コンテンツメディア構築

概要

制作会社在籍時に、食品メーカーのコンテンツ発信基盤として、コーポレートサイト兼オウンドメディアを新規構築。ECサイトや外部ブログに分散していたレシピ記事・企業ストーリー・商品情報などを統合し、ブランドの世界観を伝える情報発信サイトとしてWordPressで構築した。

担当期間

約3ヶ月

役割

PM / 画面設計 / フロントエンド実装 / WordPress実装(小規模チーム)

技術スタック詳細

WordPress PHP JavaScript HTML CSS

担当内容

企画提案、サイト構成設計、ワイヤーフレーム作成、UIデザイン一部制作、フロントエンドコーディング、WordPressテーマ実装を担当。レシピ記事やコラムなどのコンテンツ管理を想定し、更新しやすい投稿設計とテンプレート構築を行った。

工夫した点

ECサイト・ブログ・SNSなど複数の場所に分散していたコンテンツを整理し、ブランドの魅力が伝わる導線設計を重視。特にレシピ記事や商品ストーリーなどのコンテンツを軸にした画面構成を設計し、閲覧者が自然に企業の価値観や商品背景を理解できる構成にした。また、更新頻度の高い記事コンテンツについては運用担当者が更新しやすいようWordPressの投稿構造とテンプレートを設計した。

成果

企業の魅力を伝えるコンテンツ発信拠点を構築し、ブランドの世界観を統一的に表現できるサイト基盤を整備。分散していた情報を集約することで、企業ストーリー・商品・レシピなどのコンテンツを横断的に閲覧できる構造を実現した。

WordPress / PHP

団体紹介サイト WordPress構築

概要

制作会社在籍時に、特定の疾患を持つ方々が集まり交流活動を行う団体の紹介サイトを新規構築。交流会・講演会・研修会などの活動内容を紹介し、会の概要や活動の雰囲気が初めて訪れた人にも分かりやすく伝わる構成でWordPressサイトを制作した。

担当期間

約1ヶ月

役割

PM / 要件整理 / 画面設計 / デザイン / フロントエンド実装 / WordPress実装 / デプロイ(営業以外の全工程を担当)

技術スタック詳細

WordPress PHP JavaScript HTML CSS

担当内容

クライアントヒアリングをもとにサイト構成を設計し、ワイヤーフレーム作成、UIデザイン、コーディング、WordPressテーマ実装、サーバーへのデプロイまでを一貫して担当。活動報告などの更新を想定し、投稿機能を用いたコンテンツ更新ができる構造を構築した。

工夫した点

限られた制作予算の中でサイトの目的を達成するため、基本構成はトップページ中心のシンプルな設計とし、団体の概要・活動内容・イベント情報が一画面で把握できる情報設計を行った。また、将来的な運用を考慮し、WordPressの投稿機能を用いて活動報告やお知らせを管理画面から更新できる構造とした。

成果

シンプルな構成ながら団体の活動内容が分かりやすく伝わるサイトを構築し、継続的に更新・運用できるWordPress基盤を整備した。

WordPress / PHP

複数Webサイトの保守運用(30サイト以上)

概要

制作会社在籍時に、企業コーポレートサイトや店舗サイトなど30サイト以上のWebサイト保守運用を担当。WordPressサイトを中心に、機能改修・不具合対応・サーバー設定・セキュリティ対応などの運用業務を継続的に実施した。

担当期間

3年6ヶ月

役割

運用担当 / 実装担当

技術スタック詳細

WordPress PHP JavaScript MySQL Linux

担当内容

WordPressテーマ修正、機能追加、JavaScript改修、プラグイン更新対応、セキュリティアップデート、サーバー設定変更、サイト移行作業、軽微なデザイン修正など、各サイトの継続的な運用保守を担当した。

工夫した点

複数サイトの運用を効率化するため、更新手順の整理や作業手順の標準化を行い、定期更新や改修作業をスムーズに実施できるよう改善した。また、障害やトラブル発生時には原因調査から修正まで迅速に対応し、サイトの安定運用に貢献した。

成果

30サイト以上のWebサイトの安定運用を継続的に支え、クライアントからの改修要望や不具合対応を迅速に実施することで、長期的なサイト運用体制の維持に貢献した。