SP WEBCREAT.

0%

logo SP WEB CREAT.
Portfolio website

Build Your Digital Castle.

コードは、ただの文字列じゃない。

設計図であり、構造体であり、

誰かの「こうしたい」を形にする素材。

美しい城には、見えない土台がある。

堅牢な基盤、緻密な設計、細部への執念。

それはWebサイトも同じだと思っている。

15年以上、数えきれないサイトを手がけてきた。

デザインもコードも、自分の手で。

その一つひとつが、今の土台になっている。

AIが当たり前になった時代。

素材は増えた。できることも広がった。

でも、城を設計するのは、人だ。

どの素材を選び、どう組み、
何を届けるか。

その判断ができるのは、
積み上げてきた者だけだと思う。

経験と技術、そして新しい力を携えて。

次の城を、創造しにいく。

Scroll

ABOUT

Profile
清水 春雄
HARUO SHIMIZU
Web・UI・UXデザイナー
Webエンジニア
名称: SP WEB CREAT. （エスピーウェブクリエイト）
所在地: 大阪府
事業内容: Webサイト・Webアプリ制作全般

Web制作歴15年以上。WEB制作会社での勤務を経て、 2022年9月にフリーランスのWEBエンジニア / Web・UI・UXデザイナー として独立しました。

独立後は受託開発企業へ4年間・週4日で長期参画しながら、 自社クライアントの制作・運用保守も並行して担当しています。

デザイン・コーディング・WordPress・モダンJavaScript、 またSEO対策やアクセス解析などのWEBマーケティング についても経験してきた事から幅広いスキルを駆使し、 近年はAI技術も取り入れながらクライアント様のニーズに 応じ柔軟な仕事をさせて頂いております。

MarkUp

  • HTML
  • CSS
  • JavaScript
  • PHP
  • TypeScript
  • TailwindCSS
  • Sass

AI

  • Claude API
  • Gemini API
  • OpenAI API

Framework

  • React.js
  • Next.js
  • Astro.js
  • Gatsby.js
  • Three.js
  • Laravel
  • WordPress

Database / Infrastructure

  • MySQL
  • PostgreSQL
  • Supabase
  • Firebase
  • Prisma
  • Docker
  • Vercel

Design

  • UI/UX Design
  • Web Design
  • Figma
  • Adobe XD
  • Photoshop

PROJECTS

profile https://ai-monster-creator.vercel.app/
AI MONSTER CREATOR.
ユーザーが入力した特徴と属性を基にAIを使用してユニークなモンスター画像を生成できるサイトです。フロントエンドはNext.js 14、バックエンドはVercel KV、Vercel Blobを使用しています。
  • Next.js 14
  • Axios
  • AI画像生成(Getimg.ai)
  • TypeScript
  • Tailwind
  • Vercel KV
  • Vercel Blob
profile https://www.sp-webcreat.pro/
SP WEB CREAT.
動きのある3DグラフィックスはReact Three Fiberを使用しています。フロントエンドはモダンJavaScript、ブログはAstro Content Collectionsで構築。サムネイル画像はGemini APIで自動生成しています。
  • Astro.js
  • Three.js
  • TypeScript
  • Tailwind
  • Gemini API
profile https://wp-manage.site/
WP MANAGE PORTAL.
9 サイト 運用保守中
フルスクラッチ業務システム。現在9サイトの運用保守を一元管理し、月次レポートの自動生成・PDF出力・クライアント配信を行う自社開発の業務効率化ポータルです。独自のChild Plugin REST APIでサイトデータを収集し、カスタムテーマとTCPDFで構築しています。
  • WordPress
  • PHP 8
  • REST API
  • TCPDF
  • Chart.js
  • Vanilla JS
  • MySQL

WORKS

担当
分類

14件中 14件

No. 年月 / クライアント 担当範囲 技術 一言
01

検索データにもとづくSEO改善提案書の作成

2026.07
  • SEO・解析
店舗 ／ 地域店舗様 ／ SEO改善提案
担当範囲 Analytics
技術
  • GA4
  • Search Console
  • 検索クエリ分析
一言

16か月の実測と371クエリの分析が根拠。数値で裏づけた提案書に

02

営業メールの3値判定AIを構築・自動振り分け

2025.12
  • AI
製造業（B2B） ／ 製造業会社様 ／ 問い合わせ判定AI
担当範囲 System
技術
  • OpenAI API
  • Google Apps Script
  • reCAPTCHA v3
一言

月約100件を自動振り分け。モデル切替で判定一致95%・費用45%減

03

カンプをもとにしたLPのレスポンシブコーディング

2025.11
  • LP
結婚相談所 ／ 結婚相談所様 ／ ランディングページ
担当範囲 Coding
技術
  • HTML
  • SCSS
  • JavaScript
  • レスポンシブ
一言

信頼感と親しみやすさを両立するデザインをHTML/SCSS/JSで再現

04

多用途レンタルスペースのサイトをデザインから構築

2025.08
  • サイト制作
  • 保守・運用
レンタルスペース ／ レンタルスペース・スタジオ会社様 ／ サービスサイト
担当範囲 Design Coding Maintenance
技術
  • WordPress
  • PHP
  • SVGアニメーション
  • GSAP
一言

リノベーション倉庫を活用した多用途施設の魅力を伝えるデザイン。以後 計5サイトを月次保守

05

貸切ウエディングのサービスサイトをデザインから構築

2025.08
  • サイト制作
  • 保守・運用
ウエディング ／ ウエディングプロデュース会社様 ／ サービスサイト
担当範囲 Design Coding Maintenance
技術
  • WordPress
  • PHP
  • WebP最適化
  • GSAP
一言

1日1組限定の特別感を、上品で洗練されたデザインで表現

06

解析・広告運用の月次Web顧問と定例MTG進行

2025.05
  • SEO・解析
  • 保守・運用
製造業（B2B） ／ 製造業会社様 ／ Web顧問（運用・解析・広告）
担当範囲 Advisory Maintenance
技術
  • GA4
  • Search Console
  • Google広告
  • Yahoo広告
一言

アクセス解析と広告のデータから改善案を作り、対面で合意を取って実行する運用を月次で継続

07

2サイト分のテーマ構築と記事2,085行の移行

2024.08
  • サイト制作
不動産 ／ 不動産会社様 ／ コーポレート＋採用
担当範囲 Coding
技術
  • WordPress
  • PHP
  • Python
  • BeautifulSoup4
一言

デザインの異なるコーポレート・採用の2サイト。旧記事はスクレイピングで抽出して移行

08

サイトのデザイン・構築と旧サイトからのデータ移行

2024.06
  • サイト制作
  • 保守・運用
飲食店 ／ 沖縄料理飲食店様 ／ コーポレート
担当範囲 Design Coding Maintenance
技術
  • WordPress
  • PHP
  • Lottie
  • Lenis
  • GSAP
一言

沖縄らしさを波や首里城で表現。軽量なLottieアニメーションで表現と速度を両立

09

構成案から公開までコーポレートサイトを一貫制作

2024.03
  • サイト制作
クリエイティブ制作 ／ クリエイティブツール製作会社様 ／ コーポレート
担当範囲 Design Coding
技術
  • WordPress自作テーマ
  • ACF Pro
  • MW WP Form
  • Lenis
  • GSAP
一言

特集一覧・個別商品ページをACFと自作テーマで構築。以後 保守を継続

10

7段階ワークフローの業務システムを設計・開発・運用

2023.11 〜 継続中
  • システム開発
  • 保守・運用
店頭プロモーション ／ 店頭プロモーション支援会社様 ／ 業務システム
担当範囲 Design Coding System Maintenance
技術
  • Next.js
  • TypeScript
  • Prisma
  • Supabase
  • Vercel
一言

約400店舗・1,000超の什器を管理。要件定義からUIデザイン・構築・月次運用まで担当

11

在籍時に制作したサイトを自作テーマでリニューアル

2023.07
  • サイト制作
  • 保守・運用
ウエディング ／ パーティープロデュース会社様 ／ サービスサイト
担当範囲 Design Coding Maintenance
技術
  • WordPress自作テーマ
  • PHP
  • MySQL
  • GSAP
一言

キャラクターが随所に登場する楽しい世界観を活かして全面リニューアル。現在も月次保守

12

特設サイトの構築と自動デプロイの整備

2023.02
  • サイト制作
短期大学 ／ 短期大学様 ／ オープンキャンパス特設
担当範囲 Coding
技術
  • WordPress
  • レスポンシブ
  • GitHub Actions
一言

WordPress組み込みとGitHub Actionsの自動デプロイ。以後 毎年の改修と定期更新を継続

13

学習管理システム管理画面のUI追加コーディング

2022.11
  • システム開発
大学 ／ 大学様 ／ 学習管理システム管理画面
担当範囲 Coding
技術
  • Bootstrap
  • HTML
  • CSS
一言

Bootstrapベースの既存管理画面へ画面を追加するコーディング

14

日英4サイトの継続改修と月次保守・不正アクセス対策

2022.10
  • サイト制作
  • 多言語
  • 保守・運用
多拠点展開企業 ／ 日英サイトを運営する企業様 ／ 多言語サイト（日英4サイト）
担当範囲 Coding Maintenance
技術
  • WordPress
  • PHP
  • 多言語
一言

拠点一覧の日英改修を起点に改修を継続。2025年〜月次保守、2026年7月に不正アクセス対策

BLOGS

さくらサーバー × GitHub Actions FTPデプロイで詰まった3つのポイント
Tech
さくらサーバー × GitHub Actions FTPデプロイで詰まった3つのポイント
GitHub ActionsFTPさくらサーバーCI/CD
お問い合わせフォームに届く営業メール、AIで自動振り分けしてみた
Tech
お問い合わせフォームに届く営業メール、AIで自動振り分けしてみた
AIGAS
初投稿。
Diary
初投稿。
All Posts →