--- title: "JIPDEC 事業者検索サービス Webサイトリニューアル" client: "JIPDEC 事業者検索サービス" date: 2025-10-02 tags: UIデザイン, フロントエンド実装, アクセシビリティ対応, ヘッドレスCMS構築, API連携, ディレクション, 画面構成 project_url: https://entity-search.jipdec.or.jp/ canonical: https://www.liberogic.jp/casestudy/jipdec/ --- # JIPDEC 事業者検索サービス Webサイトリニューアル ![](https://images.microcms-assets.io/assets/4b13731f29254025b91c8d846198ffc9/9b0c19474bf74367897ed6fa299fd4fa/casestudy_jipdec%20(6).png) 一般財団法人日本情報経済社会推進協会 JIPDEC様 事業者検索サービスに関するケーススタディです。 プロジェクトURL: [https://entity-search.jipdec.or.jp/](https://entity-search.jipdec.or.jp/) ## プロジェクト概要 プライバシーマーク制度の統括機関である**一般財団法人日本情報経済社会推進協会 JIPDEC**が提供する「事業者検索サービス」のリニューアルを担当させていただきました。 本プロジェクトでは「既存の高速検索体験を損なわないこと」「スマートフォンへの対応」「更新フローの大幅な改善」が大きなテーマとなりました。 ## 背景と課題 従来システムは高速な検索性能を持っていた一方で、事業者情報の更新に多くの手作業が必要でした。業務システムからデータを出力し、ローカルで加工してからアップロードするプロセスは時間と労力を要し、運用コストやリスクの原因になっていました。 システムの老朽化が進んでいたことから、保守負担の軽減と効率的な運用体制の確立が求められており、加えてスマートフォンをはじめとする多様なデバイスへの対応も課題となっていました。 ## Kurocoを選定した理由 複数のアーキテクチャを比較検討、フィジビリティ確認した中で、Kurocoは次の点で優位性がありました。 ![API連携による自動更新の図](https://images.microcms-assets.io/assets/4b13731f29254025b91c8d846198ffc9/384b3e5568914c4db8b33331ec5e2a8a/contentImg02.png) *API連携による自動更新* 1. **高速検索パフォーマンス**大規模データを扱う検索でも極めて高速なレスポンスを実現可能で、既存サイトと同等、あるいはそれ以上の快適さを維持できる。 2. **API連携による自動更新**業務システムからのデータをAPI経由で連携し更新作業を完全自動化できる。 3. **フロントエンドデプロイの簡素化と高速化**CDNベースの静的コンテンツホスティングサービスのKurocoFrontを提供しているため、別途ホスティングサービスやCDNを契約・管理する手間が省け、インフラ管理に関する負担が大幅に軽減できる。 4. **Smartyによる柔軟な拡張性**KurocoはヘッドレスCMSの機能に加えて、Smartyを利用してAPIの動作をカスタマイズ可能なため、外部システムや各種ドメインとの連携処理を柔軟に組み込める。 検索結果の加工や独自の表示ロジックを簡潔に実装できる点は、バックエンド知見を持つ開発者にとってもメリットである。 ![](https://images.microcms-assets.io/assets/4b13731f29254025b91c8d846198ffc9/22d7d84284eb4aab855ba2d93f87266b/kuroco-smarty-example.png) Lambda、Cloudflare Workers、Edge Functionsのような任意のプログラムの実行環境はないのですが、このSmartyに[豊富なプラグイン](https://kuroco.app/ja/docs/reference/smarty-plugin/)が用意されており、APIを呼び出してJSONを保存したり、一般的なユースケースであれば十分に対応可能です。 ![](https://images.microcms-assets.io/assets/4b13731f29254025b91c8d846198ffc9/27b1395ad43047e28fabd0de3e3531f4/SP_privacy.png) ## スマートフォン用検索UIの開発 従来のPC環境でも元々、使いやすい検索性は確保できていました。 その操作性をスマートフォンで表現するためには、検索条件を切り替えるモーダル画面の出し方や操作動線の整理はユーザー体験を左右する重要な要素です。 これらを工夫しモバイル環境に最適化するとともに、Webアクセシビリティにも配慮し、スマートフォンからでも直感的かつ快適に利用できる検索UIを実現しました。 難易度の高い取り組みでしたが、結果的にPC・モバイル双方で一貫した利便性を提供することができたと思います。 ## 成果と効果 初期に選定したアーキテクチャにて理想的な構築を達成することができました。 - **ユーザー体験**高速検索を継続し、多数な事業者情報から瞬時に目的の情報を取得可能。 スマートフォンからも検索性の高いUIを構築。 - **運用効率**更新フローの自動化により、人手による作業やエラーのリスクを排除。 - **拡張性**Smartyを活用したカスタマイズにより、今後の機能拡張や外部連携にも柔軟に対応可能。 ![プライバシーマーク付与事業者検索の画面キャプチャ](https://images.microcms-assets.io/assets/4b13731f29254025b91c8d846198ffc9/4554d48896c246ac9cbe791ca8437814/PC_privacy.png) ![認定個人情報保護団体の対象事業者検索の画面キャプチャ](https://images.microcms-assets.io/assets/4b13731f29254025b91c8d846198ffc9/d3bf35c00dc842aba2144f2d70fdb114/PC_nintei.png) ## まとめ 今回のリニューアルでは、運用効率化と高速パフォーマンス維持という、今までではトレードオフになりがちな課題を両立することができました。 1. **業務システムからAPI経由でKurocoに事業者情報が自動連携** 2. **バッチ処理により、サイトの情報が定期的に最新の状態に更新** 管理者は負担から解放され、利用者は引き続き快適な検索体験が可能になるという、サービス技術選定が成果に直結したプロジェクトになったと思います。 また、本プロジェクトはJIPDECのご担当者様による高い知見と、業務システムをご担当されたベンダー様の確かな技術力に支えられ、最後まで円滑かつで前向きに進行しました。 私たちにとっても非常に満足度の高いプロジェクトとなりました。 ## クレジット | 担当 | 氏名・組織 | | --- | --- | | プロジェクトオーナー | 一般財団法人日本情報経済社会推進協会 JIPDEC様 | | ディレクション | 大家 | | 設計 | 大塚 | | 構成 | 大家 / 繁田 | | UIデザイン | 長橋 | | フロントエンド実装 | 大塚、松塚 | | Webアクセシビリティ確認 | 二俣 |