WordPress / PHP / React / Laravel / Next.js

無駄を削ぎ落とし、
構造から組み上げる。

小規模事業者向けのWebサイト制作から、 WordPressテーマ・プラグイン開発、 業務効率化ツールまで。 「あとで困らない設計」を重視して構築します。

Leon.C
Web Developer / Code Artisan

About

Web開発を通じて、手作業や非効率を減らし、長く使える仕組みを作ることを重視しています。

デザインだけではなく、フォーム、管理画面、CSV連携、 カスタム投稿、簡単な業務効率化ツールまで、 「使える仕組み」を作ることが得意です。

Laravel・React・TypeScript・Next.jsを用いた開発にも取り組み、 業務改善につながるWebアプリ開発へ領域を広げています。

Leon.Cのキャラクター風プロフィールイラスト
得意分野
PHP / JavaScript / WordPress / Laravel
制作できるもの
企業サイト / LP / フォーム / 管理画面 / 小規模Webアプリ
開発思想
非エンジニアにも伝わるよう、例えを用いて仕組みを分かりやすく説明し、認識のズレを防ぐことを重視しています。
保守しやすさ、責務分離、再利用性を重視し、後から直しやすい構成で実装します。

Skills

HTML / CSS

・レスポンシブ対応（スマホでも見やすい）
・LP制作、BEM設計（崩れにくい構造）
・保守しやすいCSS設計

JavaScript / jQuery

・ハンバーガーメニュー
・スライダー画像ギャラリー
・アコーディオンメニュー
・Ajax処理（ページ遷移なしで更新）

PHP / WordPress

・オリジナルテーマ制作
・カスタム投稿追加（更新しやすい仕組み）
・問い合わせフォーム
・管理画面カスタマイズ

Laravel

・認証機能、CRUD（データの登録・編集・削除）
・タスク管理アプリ
・組織図閲覧アプリ
・Docker環境構築

React / TypeScript

・Next.js（Web履歴書サイトなどのUI構築）
・CSVデータ表示（Google Sheets連携）
・UIコンポーネント設計（再利用性重視）
・ポモドーロタイマー

Git / GitHub

・バージョン管理
・GitHub Actions、自動デプロイ（更新を自動化）

Works

これまでに制作したWebサイトやアプリの一部を掲載しています。

LazyGenius V5 WordPress Theme

LazyGenius V5 WordPress Theme

通常のWordPressクラシックテーマとして扱える構成を保ちながら、Vite / Tailwind CSS / TypeScript を導入したオリジナルテーマです。

使用技術
WordPress / PHP / Vite / Tailwind CSS / TypeScript / JavaScript / GitHub Actions / Xserver
意識したこと
WordPressテーマとしての納品しやすさを維持しつつ、CSS・JavaScriptをViteで管理。Tailwind CSSによる高速なレイアウト調整、UI部品のモジュール管理、GitHub Actionsによる自動デプロイまで含め、保守性と開発効率を両立する構成を意識して制作。
LG Job Hunter

LG Job Hunter

求人情報の収集・保存・管理を効率化するために制作している、自分用のWordPressプラグインです。

使用技術
WordPress / PHP / Custom Post Type / Meta Box / HTML Parser / Cron設計
意識したこと
ハローワーク求人情報を取得し、カスタム投稿として保存・管理できる構成を検証。求人収集を手作業で行うのではなく、後から比較・判断しやすい形で蓄積することを目的に、CPT、メタ情報、取得処理、保存処理の責務を分けて設計。
WordPress × Next.js ヘッドレスCMS表示デモ

WordPress × Next.js ヘッドレスCMS表示デモ

WordPressをヘッドレスCMSとして利用し、REST APIから取得した投稿データをNext.jsで表示するMVPデモです。

使用技術
WordPress / REST API / Next.js / TypeScript / Tailwind CSS / Vercel
意識したこと
既存のWordPress運用を活かしながら、表示部分をNext.js / Vercelに分離する構成を検証。WordPress REST APIで取得したHTML本文をNext.jsで描画し、Tailwind CSSの任意セレクタで記事本文を装飾。Vercelデプロイ時には、海外ビルド環境からのREST APIアクセス制限にも対応。

Client Work / Support

デザイナーからの依頼をもとに、既存サイトの修正、LP制作、フォーム改修、CSS調整、公開対応などを行っています。

WordPressカスタマイズ

既存テーマやサイトの修正、表示調整、機能追加に対応。

LP制作

HTML / CSS / JavaScript を用いたランディングページ制作。

フォーム改修

問い合わせフォームの調査、エラー対応、送信改善。

技術相談

デザイナーからの実装相談、仕様整理、対応方針の提案。

CSS調整

レイアウト崩れ、余白、レスポンシブ、デザイン再現の調整。

画像・動画配置

サイト内コンテンツとしての画像・動画の配置、表示調整。

公開対応

サーバー・ドメイン・DNS・SSLなどの公開設定を含め、Webサイトを本番環境で閲覧できる状態まで対応。

Flow

お問い合わせから納品まで、制作の流れをわかりやすくご案内します。

FAQ

初めての方でも安心してご相談いただけるよう、よくあるご質問をまとめています。

Contact

ご依頼・ご相談の種別

個人情報の取り扱い

特定商取引法に基づく表記