日本茶通販サイト
幕末から続く日本茶販売店の通販サイトをスクラッチ開発しました。Claude.aiとClaude Codeによるバイブコーディングで開発し、DeepL APIによる多言語サイト化と、検索キーワードをあらかじめ想定したキーワードドリブン設計により、Google検索との親和性が高いサイトに仕上がりました。
STACK: Next.js / microCMS / DeepL API
STATUS: 稼働中
もっと詳しく私は、横浜を拠点とするフリーランスのフルスタックWEBエンジニアです。
独立系WEBエンジニアとして、これまで100社近い法人サイトの構築・運営を手がけてきました。最近は生成AIによる「バイブコーディング」(AIにコーディングを任せる開発手法)にも取り組んでいます。WordPressからより柔軟な環境への移行をお考えの中小企業様、ご自身のビジョンをコードにしたいグラフィックデザイナーの方など、お気軽にご相談ください。
お問合せ先
WEBサイトの構築、修正、SEO、教育などお気軽に御問い合わせ下さい
ポートフォリオ
物流会社コーポレートサイト
創業100年を記念して、コーポレートサイトを完全リニューアル。もっともアクセスしてほしい倉庫案内をフローティングメニュー化することで、どのページからでもすぐにアクセスできるようになりました。VPS上にDockerを導入し、本番サイトとテストサイトを分離しました。
STACK: WordPress / HTML / CSS / PHP
STATUS: 稼働中
もっと詳しく
ジュエリー専門店ECサイト
開発チームの一員として、横浜元町のオーダーメイドジュエリー専門店のWordPressサイト構築を支援しました。商品データを移行し、プラグインを統合することで、顧客がWooCommerceのチェックアウト画面から商品やギフトカードを購入できるようにしました。
STACK: WordPress / WooCommerce / PHP
STATUS: 稼働中
もっと詳しく
幼稚園とパパの会サイト
古くからお付き合いのある幼稚園のサイトと、パパの会のサイトをリニューアルしました。通園者にとって使いやすく、かつ幼稚園を探している方にも分かりやすいサイトになるよう工夫しています。突然の欠席や遅刻の連絡も、LINE連携により迅速に行えるようにしました。
STACK: HTML / CSS / PHP / LINE API
STATUS: 稼働中
もっと詳しく
規格文書検索サイト
JIS規格・ISO規格・IEC規格などを検索できるサイトです。大量の規格を複数のキーワードで検索でき、規格変更の履歴も確認できます。高速かつ正確な出力が求められるシステムを、オープンソースソフトウェアのMariaDBで構築しました。
STACK: HTML / CSS / PHP / MariaDB
STATUS: 稼働中
もっと詳しく
古書のHTML化
数百ページに及ぶ古書のHTML化を行いました。CZURで本をスキャンし、GoogleのCloud Vision APIで高精度のOCRを実行してHTML化。OCRしたテキストの章分けはClaude Codeで実行し、最終的な確認・校正は手作業で行いました。残存数の少ない書籍だったため、多くの方に喜んでいただけました。
STACK: CZUR / Cloud Vision API / HTML / CSS / PHP
STATUS: 稼働中
もっと詳しく対応サービス
Claude.ai、Claude Code
Claude.aiとClaude Codeを使用し最高にモダンな技術でWEBサイトを構築します。サーチエンジンへの親和性、超高速な表示速度、モダンなデザインを提供します。Claude Codeに日本語で指示してページ修正ができるので、属人性を排除することができます。
WordPress
お客様のデザインに合わせたカスタムテーマを開発して、WordPressウェブサイトやWooCommerceを使ったECサイトを作成いたします。WordPressのAPI、フック、カスタムプラグインを活用し、業務を効率化するワークフローを構築することもできます。
Next.js
Next.jsというReactフレームワークは、柔軟でモダンなウェブサイトを構築するための手段として、ますます人気が高まっています。Chakra UIのようなライブラリと、microCMSのようなヘッドレスCMSを組み合わせて使用し、XServer VPSにデプロイすることができます。
SEO(サーチエンジン最適化)
WEBサイトのコードの中にタグを埋め込むことによりGoogleの各種アクセス分析ツールを使用することができます。これらのツールが集めた情報をAIに分析させることにより、高度なアクセス分析とチューニングが可能になります。
キーワード主導開発
WEBサイトで最も大切なものは導線です。私のキーワード主導開発は、どんなキーワードでどこからアクセスさせるのかを先に考えて、コンテンツを作りこんでいきます。この手法とAIによるアクセス情報の解析を組み合わせることにより、WEBサイトの効果を高めます。
その他
すべてがこれらの枠にすっきりと収まるわけではありません!解決すべき問題があるなら、どのような解決策が有効か、ぜひご相談ください。