高品質なWordPressアプリサイト

WordPressの枠組みを超えた、堅牢でインタラクティブなアプリケーションサイトを開発します。代表的な事例として、日本労働者協同組合（ワーカーズコープ）連合会 神奈川県本部（kanagawa.jwcc.coop）のサイトリニューアルがあります。このサイトは、静的・動的のハイブリッド（Layered）アーキテクチャを採用し、ローカルJSONファイルを信頼の唯一の情報源（DNA）としつつ、最新イベント、外部の行動追跡を行わないプライバシー第一の求人情報・事業所マップ（MapLibre GLローカル構成）や、ITスキルが低めな現場の管理者が簡単にログインできる独自の「マジックリンク」トークン認証システムを導入しています。

1. 複数事業所対応と自主管理・運用システム

組織全体のポータルと各事業所の個別カスタマイズを両立する、複数事業所対応型のCMS構造です。各拠点の担当者が個別にログインし、自拠点ページの内容や求人情報を直接管理できます。背景画像（権太坂事業所などの設定例を参照）をお好みの写真に差し替えたり、独自にお知らせ記事を投稿したり可能です。トップページの背景画像には、各拠点から集まった写真がランダムに表示され、組織全体でつくる動的なポータルサイトを実現します。

2. インタラクティブマップ＆求人・事業所検索

MapLibre GLとLeafletを用いて構築された、直観的な事業所マップおよび求人情報検索システムです。クライアントサイドで高速に動作し、地域やカテゴリーに応じた求人のフィルタリング、キーワード検索にマッチした部分のリアルタイムハイライト表示に対応しています。 （クリックで高解像度で拡大表示）

3. 事業所ごとの個別アクセスマップ

各事業所の個別ページには、オリジナルのベクトルイラスト型アクセスマップを実装しています。ページタイトル下に配置された「地図・アクセスへ」というクイックアクセスボタンにより、スクロールすることなく、ページ下部の連絡先やマップ情報のあるセクションへスムーズなアニメーションで瞬時に移動できます。 （クリックで高解像度で拡大表示）

4. コマンドパレット型スポットライト検索

OSライクなグローバル検索ウィンドウです。インデックスデータを事前にキャッシュすることで、固定ページ、お知らせ記事、求人情報、PDFドキュメントを遅延ゼロで高速検索できます。検索結果はカテゴリ別にきれいに整理され、PDFファイルは検索から直接ファイルを閲覧できます。 （クリックで高解像度で拡大表示）

5. インタラクティブなイベント・記事一覧フィード

カテゴリー分類タブ、カレンダー表示とリスト表示のレイアウト切り替え機能、イベントのフィルタリング機能、遅延のない高速なクライアントサイドページネーション機能を備えたイベント・お知らせ一覧フィードです。カスタムタグ、アイキャッチ画像、そして選択状態がサイアンに美しく発光するプレミアムな丸型ページネーションボタンを実装しています。 （クリックで高解像度で拡大表示）

6. 統一協同フッターカードシステム

全ページで共有される、充実した構成の統合フッターです。複数の事業所・仕事情報や協同への案内などの「キャンペーンカード」がグリッド上に配置され、整理されたサイトマップメニューやパートナー組織ロゴの紹介セクションを備えています。 （クリックで高解像度で拡大表示）

7. 管理者向け操作ガイド＆対話型ツアー

ITシステムに不慣れな現場の管理者でも直観的に操作できるよう、WordPressの管理画面内にクライアントサイドの対話型「操作ツアー」機能を実装しました。ユーザーは画面上に浮かび上がる吹き出しHUDの案内に従って、ステップバイステップでコンテンツの更新手順を学ぶことができます。 （クリックで高解像度で拡大表示）

8. Google Lighthouse 主要監査項目で100点満点を獲得

徹底したアセットの圧縮・軽量化、アクセシビリティマークアップ、セマンティックHTMLの順守により、Google Lighthouse評価において極めて高いスコアを獲得しています：

• パフォーマンス (Performance): 95/100点 (高速な初期読み込み、最適化されたサーバー応答、効率的なアセット配信)
• ユーザー補助 (Accessibility): 100/100点 (コントラスト比完全適合、スクリーンリーダー及びキーボード操作への完全対応)
• ベストプラクティス (Best Practices): 100/100点 (安全な接続セキュリティ、コンソールエラー皆無、クリーンな読み込み構造)
• SEO (検索エンジン最適化): 100/100点 (セマンティックな見出し階層構造、正確なクローラーメタデータの整備)

また、AIエージェントによるテストや自動ブラウジングをスムーズにするためのAgentic Browsing互換性（一意のテスト用属性の付与や表示領域の最適化）も特別に設計されています。

9. WCAG 3.0 APCAコントラスト監査HUD＆ダイナミックカバー

各事業所が自由にアップロードした背景用カバー写真に対して、文字の視認性を数学的に保証するダイナミックカバーシステムです。フロントエンドの画像解析エンジンが読み込まれた写真の輝度をサンプリングし、次世代アクセシビリティ基準である WCAG 3.0 APCA (Advanced Perceptual Contrast Algorithm) に基づいてテキストコントラストを算出。文字色、半透明グラスモーフィズムの透過率、テキストシャドウを動的調整します。 （クリックで高解像度で拡大表示）

10. 独自の下書き承認・編集ワークフロー

公開前に内部レビューを円滑に行うための、承認システムをWordPress管理画面に統合しました。現場の担当者が作成した下書きは一度承認待ちステータスとなり、管理者が内容を確認・合意した上で正式公開される仕組みです。余計な事務手続きを増やすことなく、表記の統一や合意形成に基づいた運用の健全性を維持します。

AIを活用したリサーチ＆ニュースアーカイブ

国内外の報道機関やWebソースから情報を収集、抽出、整理する半自動調査システムを開発しています。ログインセッションを維持するクローラーを用いて各種メディアからテキストデータを抽出し、特定の調査テーマ（再生可能エネルギー、教育工学、農業貿易など）に沿って記事を分類するとともに、バイリンガル対応のアーカイブデータベースやウェビナーの文字起こしポータルを構築します。

E2E自動テスト

ウェブアプリケーションのテスト自動化において、様々な企業での実績があります。Playwrightなどの最新ツールを用いた包括的なテストスイートを構築し、ブラウザを横断した検証やCI/CDパイプラインへの統合により、信頼性の高いアプリケーション運用を支援します。

デスクトップアプリ開発

業務要件に特化した、ローカル環境で動作するソフトウェアを開発しています。特に、セキュリティ意識向上を目的としたソフトウェアや、タイピングスキル向上に寄与するアプリケーションの開発実績があります。

AIチャットボット連携

大規模言語モデル（LLM）を活用し、業務を支援するAIチャットボットを構築します。特に、人事（HR）部門の社内向けエンタープライズチャットボットの開発と導入において、確かな実務経験を持っています。