[{"data":1,"prerenderedAt":837},["ShallowReactive",2],{"case-list-ja":3,"i-material-symbols:language":815,"i-material-symbols:light-mode-rounded":819,"i-material-symbols:dark-mode-rounded":821,"i-material-symbols:contrast":823,"i-material-symbols:menu-rounded":825,"i-material-symbols:arrow-back-rounded":827,"i-material-symbols:groups-outline":829,"i-material-symbols:handshake-outline":831,"i-material-symbols:mic-outline":833,"i-material-symbols:document-scanner-outline":835},[4,113,196,261,336,411,482,550,618,687,752],{"id":5,"title":6,"body":7,"description":76,"extension":83,"field":84,"icon":85,"kind":86,"meta":87,"navigation":88,"order":89,"path":90,"scope":91,"seo":98,"slug":99,"stack":100,"stem":107,"summary":108,"__hash__":109,"japaneseOnly":110,"locales":111},"cases\u002Fcases\u002Fja\u002F01-streaming-platform.md","配信プラットフォームの全面刷新と課金基盤の再構築",{"type":8,"value":9,"toc":75},"minimark",[10,14,18,21,34,37,51,54],[11,12,13],"h2",{"id":13},"概要",[15,16,17],"p",{},"クリエイターとファンをつなぐ配信プラットフォームの全面リニューアルです。長年 PHP（Laravel）で運用されてきたサービスを、機能を整理し直したうえで、Django の API と Nuxt の SSR による構成へ作り替えました。要件の整理から設計、デザイン、開発、インフラ、リリース後の運用まで一貫して担当しています。",[11,19,20],{"id":20},"課題",[22,23,24,28,31],"ul",{},[25,26,27],"li",{},"長く積み重なった機能と仕様が、コードの中にしか残っていない",[25,29,30],{},"課金・ポイント・報酬など、お金の流れが複雑で、誤りが許されない",[25,32,33],{},"既存の利用者やデータを、サービスを止めずに新しい基盤へ引き継ぐ必要がある",[11,35,36],{"id":36},"取り組み",[22,38,39,42,45,48],{},[25,40,41],{},"旧システムの挙動を洗い出し、機能を網羅した要件仕様書を作成してから再設計しました。",[25,43,44],{},"課金・ポイント・報酬は、すべての増減を台帳として記録する設計にし、残高や支払いをいつでも追跡・検証できるようにしました。",[25,46,47],{},"旧データベースから段階的にデータを移し、既存アカウントは初回ログイン時に新しい認証基盤へ移行する仕組みで、利用者に再登録を求めずに引き継ぎました。",[25,49,50],{},"ライブ配信（予約・通知）、HLS によるストリーミング再生、プッシュ通知に対応した PWA など、配信体験を支える機能を実装しました。",[11,52,53],{"id":53},"技術のポイント",[22,55,56,63,69],{},[25,57,58,62],{},[59,60,61],"strong",{},"台帳による整合性","：お金の流れを台帳で追えるようにし、不正や不整合を仕組みで防ぐ。",[25,64,65,68],{},[59,66,67],{},"段階的な移行","：旧システムと並行しながら、データと認証を利用者の負担なく移す。",[25,70,71,74],{},[59,72,73],{},"インフラのコード化","：AWS 上の環境を Terraform で管理し、再現性のある構築と運用を実現。",{"title":76,"searchDepth":77,"depth":77,"links":78},"",2,[79,80,81,82],{"id":13,"depth":77,"text":13},{"id":20,"depth":77,"text":20},{"id":36,"depth":77,"text":36},{"id":53,"depth":77,"text":53},"md","クリエイター支援","mic","migration",{},true,1,"\u002Fcases\u002Fja\u002F01-streaming-platform",[92,93,94,95,96,97],"企画","設計","デザイン","開発","インフラ","運用",{"title":6,"description":76},"streaming-platform",[101,102,103,104,105,106],"Django","Nuxt（SSR）","PWA","AWS","Terraform","Laravel（移行元）","cases\u002Fja\u002F01-streaming-platform","長く運用されてきた配信プラットフォームを、PHP から Django と Nuxt の構成へ全面的に作り直しました。ライブ配信や課金、報酬の仕組みまで含め、企画から運用までを担っています。","dztktK00YVYF2GO8xibjwSDss32_M_SqcxDsafxPtFQ",false,[112],"ja",{"id":114,"title":115,"body":116,"description":76,"extension":83,"field":180,"icon":181,"kind":182,"meta":183,"navigation":88,"order":77,"path":184,"scope":185,"seo":186,"slug":187,"stack":188,"stem":192,"summary":193,"__hash__":194,"japaneseOnly":110,"locales":195},"cases\u002Fcases\u002Fja\u002F02-ai-document-saas.md","生成 AI で書類の仕分けとデータ化を自動化する SaaS",{"type":8,"value":117,"toc":174},[118,120,123,125,136,138,152,154],[11,119,13],{"id":13},[15,121,122],{},"事業所に日々届く書類の仕分けや転記を、生成 AI で自動化するマルチテナントの SaaS です。管理サイト、事業所ごとの利用者向け画面、サービスサイト、API までをゼロから設計・開発し、リリース後の運用と改善も担っています。",[11,124,20],{"id":20},[22,126,127,130,133],{},[25,128,129],{},"書類の種類や様式がばらばらで、人の手で仕分け・転記するのに大きな手間がかかる",[25,131,132],{},"複数の事業所が使うため、データをテナントごとに確実に分ける必要がある",[25,134,135],{},"AI の処理には費用がかかるため、精度とコストの両立が求められる",[11,137,36],{"id":36},[22,139,140,143,146,149],{},[25,141,142],{},"取り込んだ書類をページ単位で解析し、向きや内容を判定したうえで、まとまりごとに分割・分類するパイプラインを構築しました。",[25,144,145],{},"必要な情報は構造化データとして取り出し、関連する記録へ自動で紐付けます。帳票の作成と PDF 出力にも対応しています。",[25,147,148],{},"処理の不要なページを早い段階で見分けて AI に送らないなど、運用コストを抑える工夫を入れています。",[25,150,151],{},"処理に失敗したときは自動で再試行・復旧し、担当者の手を止めない設計にしました。",[11,153,53],{"id":53},[22,155,156,162,168],{},[25,157,158,161],{},[59,159,160],{},"マルチテナント設計","：テナントごとのデータ分離と権限を、アプリケーションの土台から設計。",[25,163,164,167],{},[59,165,166],{},"生成 AI のパイプライン","：Gemini を使い、解析・分割・分類・抽出の各段階を組み合わせて精度を確保。",[25,169,170,173],{},[59,171,172],{},"管理画面","：django-unfold を使い、運用担当者が扱いやすい画面を短期間で実現。",{"title":76,"searchDepth":77,"depth":77,"links":175},[176,177,178,179],{"id":13,"depth":77,"text":13},{"id":20,"depth":77,"text":20},{"id":36,"depth":77,"text":36},{"id":53,"depth":77,"text":53},"介護・福祉","document","new",{},"\u002Fcases\u002Fja\u002F02-ai-document-saas",[93,94,95,96,97],{"title":115,"description":76},"ai-document-saas",[101,189,190,191,105],"django-unfold","Gemini","AWS ECS","cases\u002Fja\u002F02-ai-document-saas","事業所に届く大量の書類を、生成 AI でページ単位に解析し、分類・データ化するマルチテナント SaaS をゼロから開発しました。","cPugvORT-KQXMwQKDu3YtOWK55gIj_3EqntxrbAgQ74",[112],{"id":197,"title":198,"body":199,"description":76,"extension":83,"field":248,"icon":249,"kind":182,"meta":250,"navigation":88,"order":251,"path":252,"scope":253,"seo":254,"slug":255,"stack":256,"stem":257,"summary":258,"__hash__":259,"japaneseOnly":110,"locales":260},"cases\u002Fcases\u002Fja\u002F03-member-service.md","企業向け会員制 Web サービスの開発",{"type":8,"value":200,"toc":242},[201,203,206,208,216,218,226,228],[11,202,13],{"id":13},[15,204,205],{},"企業の担当者が利用する会員制の Web サービスです。デザインからシステムの設計・開発までを担当し、Django の管理画面と API、Nuxt の SSR による利用者向けのアプリケーションを構築しました。",[11,207,20],{"id":20},[22,209,210,213],{},[25,211,212],{},"個人と組織の両方の単位で、会員と権限を管理する必要がある",[25,214,215],{},"蓄積された情報を、利用者が目的に合わせて探しやすくしたい",[11,217,36],{"id":36},[22,219,220,223],{},[25,221,222],{},"会員登録・ログイン、組織の管理、料金プランなど、会員制サービスの基盤を構築しました。",[25,224,225],{},"蓄積された情報の検索、お気に入りや閲覧履歴、利用者どうしの掲示板を実装しました。",[11,227,53],{"id":53},[22,229,230,236],{},[25,231,232,235],{},[59,233,234],{},"SSR による体験","：ログイン後の画面も含めて Nuxt の SSR で構築し、表示の速さと検索エンジンへの対応を両立。",[25,237,238,241],{},[59,239,240],{},"管理と運営","：コンテンツや会員の情報を、運営チームが管理画面から扱える構成に。",{"title":76,"searchDepth":77,"depth":77,"links":243},[244,245,246,247],{"id":13,"depth":77,"text":13},{"id":20,"depth":77,"text":20},{"id":36,"depth":77,"text":36},{"id":53,"depth":77,"text":53},"官民連携","members",{},3,"\u002Fcases\u002Fja\u002F03-member-service",[93,94,95],{"title":198,"description":76},"member-service",[101,102],"cases\u002Fja\u002F03-member-service","企業の担当者が利用する会員制サービスを、ゼロから開発しました。会員登録から組織管理、データベース検索、掲示板までを備えています。","DG0Lht84Lr4dEC8tejKaQ7Q8veRhTQYMUDmQgDRrFVs",[112],{"id":262,"title":263,"body":264,"description":76,"extension":83,"field":322,"icon":323,"kind":182,"meta":324,"navigation":88,"order":325,"path":326,"scope":327,"seo":328,"slug":329,"stack":330,"stem":332,"summary":333,"__hash__":334,"japaneseOnly":110,"locales":335},"cases\u002Fcases\u002Fja\u002F04-event-system.md","年次イベントの特設サイトと参加者管理システム",{"type":8,"value":265,"toc":316},[266,268,271,273,284,286,300,302],[11,267,13],{"id":13},[15,269,270],{},"毎年開催されるイベントのための、特設サイトと参加者管理システムです。開催年度ごとの特設ページのデザインと実装に加え、参加者の管理、メール送信、会場での受付までを一つのシステムで扱えるようにしました。",[11,272,20],{"id":20},[22,274,275,278,281],{},[25,276,277],{},"年度ごとに特設ページを作り直しつつ、仕組みは継続して使いたい",[25,279,280],{},"申し込みに外部のサービスやフォームを組み合わせていたため、管理が分散していた",[25,282,283],{},"当日の会場受付を、多くの参加者に対して素早く行う必要がある",[11,285,36],{"id":36},[22,287,288,291,294,297],{},[25,289,290],{},"参加者ごとのマイページで、申し込みや予約ができるようにしました。",[25,292,293],{},"管理画面から、参加者の管理、コンテンツの更新、メールの一斉送信ができるようにしました。",[25,295,296],{},"会場では QR コードを読み取って受付を行い、参加者の情報と当日の割り当てをその場で確認できるようにしました。",[25,298,299],{},"年度ごとの特設ページは、共通の仕組みの上でデザインだけを差し替えられる構成にしています。",[11,301,53],{"id":53},[22,303,304,310],{},[25,305,306,309],{},[59,307,308],{},"SSG と SPA の組み合わせ","：告知ページは静的に生成して高速に配信し、マイページなどの動的な部分は SPA で構築。",[25,311,312,315],{},[59,313,314],{},"一貫した運営","：申し込みから受付までを自前のシステムにまとめ、運営の手間とデータの分散を解消。",{"title":76,"searchDepth":77,"depth":77,"links":317},[318,319,320,321],{"id":13,"depth":77,"text":13},{"id":20,"depth":77,"text":20},{"id":36,"depth":77,"text":36},{"id":53,"depth":77,"text":53},"人材・教育","ticket",{},4,"\u002Fcases\u002Fja\u002F04-event-system",[93,94,95],{"title":263,"description":76},"event-system",[101,331],"Nuxt（SSG + SPA）","cases\u002Fja\u002F04-event-system","毎年開催されるイベントの特設サイトと、申し込みから当日の受付までを一貫して扱う参加者管理システムを、ゼロから開発しました。","CCa-P-NAsVOlPHKigAy9xhJ-VOsU9yxTZ1LfV3sk-BM",[112],{"id":337,"title":338,"body":339,"description":76,"extension":83,"field":248,"icon":397,"kind":86,"meta":398,"navigation":88,"order":399,"path":400,"scope":401,"seo":402,"slug":403,"stack":404,"stem":407,"summary":408,"__hash__":409,"japaneseOnly":110,"locales":410},"cases\u002Fcases\u002Fja\u002F05-wordpress-migration.md","サービスサイトの WordPress からヘッドレス構成への移行",{"type":8,"value":340,"toc":391},[341,343,346,348,359,361,375,377],[11,342,13],{"id":13},[15,344,345],{},"WordPress で運用されていたサービスサイトを、Django の管理画面と API、Nuxt による静的サイト生成（SSG）の構成へ移行しました。既存のデザインを活かしつつ、必要な箇所は部分的にリデザインしています。",[11,347,20],{"id":20},[22,349,350,353,356],{},[25,351,352],{},"ページの表示に時間がかかり、閲覧体験と検索での評価に影響していた",[25,354,355],{},"更新する情報の種類が増え、運用に合った管理の仕組みが必要になっていた",[25,357,358],{},"デザインやコンテンツの資産は、できるだけそのまま引き継ぎたい",[11,360,36],{"id":36},[22,362,363,366,369,372],{},[25,364,365],{},"コンテンツを Django の管理画面へ移し、情報の種類ごとに入力しやすい画面を用意しました。",[25,367,368],{},"公開サイトは Nuxt の SSG で生成し、表示速度を改善しました。",[25,370,371],{},"既存のデザインを再現したうえで、使いにくかった箇所を部分的に見直しました。",[25,373,374],{},"構造化データやメタ情報を整え、SEO の対策を行いました。",[11,376,53],{"id":53},[22,378,379,385],{},[25,380,381,384],{},[59,382,383],{},"ヘッドレス構成","：管理と公開を分け、公開側は静的配信で高速かつ安定。",[25,386,387,390],{},[59,388,389],{},"資産を活かした移行","：デザインとコンテンツを引き継ぎ、見た目を大きく変えずに基盤だけを刷新。",{"title":76,"searchDepth":77,"depth":77,"links":392},[393,394,395,396],{"id":13,"depth":77,"text":13},{"id":20,"depth":77,"text":20},{"id":36,"depth":77,"text":36},{"id":53,"depth":77,"text":53},"handshake",{},5,"\u002Fcases\u002Fja\u002F05-wordpress-migration",[93,94,95],{"title":338,"description":76},"wordpress-migration",[101,405,406],"Nuxt（SSG）","WordPress（移行元）","cases\u002Fja\u002F05-wordpress-migration","WordPress で運用されていたサービスサイトを、既存のデザインを活かしながら Django と Nuxt の構成へ移行し、表示速度と SEO を改善しました。","ALnRsbYUh4IwvvyL6QRf54dCF-JYy0QZi8PpuXj_laA",[112],{"id":412,"title":413,"body":414,"description":76,"extension":83,"field":469,"icon":470,"kind":182,"meta":471,"navigation":88,"order":472,"path":473,"scope":474,"seo":475,"slug":476,"stack":477,"stem":478,"summary":479,"__hash__":480,"japaneseOnly":110,"locales":481},"cases\u002Fcases\u002Fja\u002F06-public-website.md","官民連携拠点の公式サイトと運用のための CMS",{"type":8,"value":415,"toc":463},[416,418,421,423,434,436,447,449],[11,417,13],{"id":13},[15,419,420],{},"自治体が運営する官民連携拠点の公式サイトです。デザインからシステムの設計・実装までをゼロから担当し、Django の管理画面と API、Nuxt による静的サイト生成の構成で構築しました。",[11,422,20],{"id":20},[22,424,425,428,431],{},[25,426,427],{},"公募の情報、活動の報告、お知らせ、参加団体の紹介など、性質の異なる情報を扱う",[25,429,430],{},"担当の職員が、技術者に頼らず日々の更新を行えるようにしたい",[25,432,433],{},"公共のサイトとして、安定して速く表示できることが求められる",[11,435,36],{"id":36},[22,437,438,441,444],{},[25,439,440],{},"情報の種類ごとに入力画面を分けた CMS を構築し、職員が迷わず更新できるようにしました。",[25,442,443],{},"公開サイトは Nuxt の SSG で生成し、静的に配信しています。",[25,445,446],{},"情報が増えても探しやすい一覧と詳細ページを設計しました。",[11,448,53],{"id":53},[22,450,451,457],{},[25,452,453,456],{},[59,454,455],{},"静的配信による安定性","：アクセスが集中しても表示が遅くなりにくい構成。",[25,458,459,462],{},[59,460,461],{},"運用に合わせた CMS","：入力項目を情報の種類ごとに設計し、更新の手間と誤りを減らす。",{"title":76,"searchDepth":77,"depth":77,"links":464},[465,466,467,468],{"id":13,"depth":77,"text":13},{"id":20,"depth":77,"text":20},{"id":36,"depth":77,"text":36},{"id":53,"depth":77,"text":53},"自治体・公共","city",{},6,"\u002Fcases\u002Fja\u002F06-public-website",[93,94,95],{"title":413,"description":76},"public-website",[101,405],"cases\u002Fja\u002F06-public-website","自治体の官民連携拠点の公式サイトを、デザインからシステムまでゼロから構築しました。性質の異なる情報を職員が更新できる CMS を備えています。","FdnAl6XvReQXV4Hj1AAxnarJeUsrkC7hCdjecXrir5A",[112],{"id":483,"title":484,"body":485,"description":76,"extension":83,"field":537,"icon":538,"kind":182,"meta":539,"navigation":88,"order":540,"path":541,"scope":542,"seo":543,"slug":544,"stack":545,"stem":546,"summary":547,"__hash__":548,"japaneseOnly":110,"locales":549},"cases\u002Fcases\u002Fja\u002F07-program-website.md","スタートアップ支援プログラムの公式サイトと運営 CMS",{"type":8,"value":486,"toc":531},[487,489,492,494,502,504,515,517],[11,488,13],{"id":13},[15,490,491],{},"スタートアップを支援するプログラムの公式サイトです。デザインはパートナーが担当し、LaunchAt はシステムの設計から実装までを担いました。Django の管理画面と API、Nuxt による静的サイト生成で構築しています。",[11,493,20],{"id":20},[22,495,496,499],{},[25,497,498],{},"複数のプログラムの募集、採択企業、お知らせ、関係者の紹介など、更新する情報が多い",[25,500,501],{},"運営チームが、技術者に頼らずに情報を追加・更新できるようにしたい",[11,503,36],{"id":36},[22,505,506,509,512],{},[25,507,508],{},"プログラムや採択企業、お知らせ、関係者などを、それぞれの入力画面で管理できる CMS を構築しました。",[25,510,511],{},"募集期間などのデータをもとに、締め切りの表示を自動で切り替えるようにしました。",[25,513,514],{},"公開サイトは Nuxt の SSG で生成し、デザインを忠実に再現しました。",[11,516,53],{"id":53},[22,518,519,525],{},[25,520,521,524],{},[59,522,523],{},"デザインパートナーとの協業","：受け取ったデザインを、運用しやすいデータ構造と画面に落とし込む。",[25,526,527,530],{},[59,528,529],{},"静的配信","：公開側は静的に配信し、速さと安定性を確保。",{"title":76,"searchDepth":77,"depth":77,"links":532},[533,534,535,536],{"id":13,"depth":77,"text":13},{"id":20,"depth":77,"text":20},{"id":36,"depth":77,"text":36},{"id":53,"depth":77,"text":53},"スタートアップ支援","rocket",{},7,"\u002Fcases\u002Fja\u002F07-program-website",[93,95],{"title":484,"description":76},"program-website",[101,405],"cases\u002Fja\u002F07-program-website","スタートアップを支援するプログラムの公式サイトを、システムの設計から実装までゼロから構築しました。募集情報や採択企業を運営チームが CMS で管理できます。","GcfaTkr0p1fcBCDkjwsfhd7VVTpavrMgSGc3QpS07iA",[112],{"id":551,"title":552,"body":553,"description":76,"extension":83,"field":605,"icon":606,"kind":182,"meta":607,"navigation":88,"order":608,"path":609,"scope":610,"seo":611,"slug":612,"stack":613,"stem":614,"summary":615,"__hash__":616,"japaneseOnly":110,"locales":617},"cases\u002Fcases\u002Fja\u002F08-owned-media.md","記事を継続的に発信するオウンドメディアの構築",{"type":8,"value":554,"toc":599},[555,557,560,562,570,572,583,585],[11,556,13],{"id":13},[15,558,559],{},"事例紹介やインタビュー、寄稿などを継続的に発信するオウンドメディアです。デザインはパートナーが担当し、LaunchAt はシステムの設計と実装を担いました。Django の管理画面と API、Nuxt の静的サイト生成で構築しています。",[11,561,20],{"id":20},[22,563,564,567],{},[25,565,566],{},"記事を継続的に公開していくため、編集しやすい CMS が必要",[25,568,569],{},"検索からの流入を増やすため、表示の速さと SEO への配慮が欠かせない",[11,571,36],{"id":36},[22,573,574,577,580],{},[25,575,576],{},"記事の種類やカテゴリに合わせた CMS を構築し、編集者が記事を作りやすい入力画面を用意しました。",[25,578,579],{},"カテゴリでの絞り込みや、関連する記事・サービスへの導線を設計しました。",[25,581,582],{},"公開サイトは Nuxt の SSG で生成し、表示速度と SEO を確保しています。",[11,584,53],{"id":53},[22,586,587,593],{},[25,588,589,592],{},[59,590,591],{},"記事を量産できる CMS","：記事の種類ごとに入力項目を整理し、編集の手間を減らす。",[25,594,595,598],{},[59,596,597],{},"基盤の共通化","：関連するサイトと同じ構成を使い、開発と運用の負担を抑える。",{"title":76,"searchDepth":77,"depth":77,"links":600},[601,602,603,604],{"id":13,"depth":77,"text":13},{"id":20,"depth":77,"text":20},{"id":36,"depth":77,"text":36},{"id":53,"depth":77,"text":53},"メディア","media",{},8,"\u002Fcases\u002Fja\u002F08-owned-media",[93,95],{"title":552,"description":76},"owned-media",[101,405],"cases\u002Fja\u002F08-owned-media","事例やインタビューを継続的に発信するオウンドメディアを、システムの設計から実装までゼロから構築しました。","-JT-YQBhZ5kdPrgXr1UVyWR97QoEMoo7nG0VdvMt3CQ",[112],{"id":619,"title":620,"body":621,"description":76,"extension":83,"field":84,"icon":672,"kind":182,"meta":673,"navigation":88,"order":674,"path":675,"scope":676,"seo":677,"slug":678,"stack":679,"stem":683,"summary":684,"__hash__":685,"japaneseOnly":110,"locales":686},"cases\u002Fcases\u002Fja\u002F09-help-center.md","ヘルプセンターの構築と公開の自動化",{"type":8,"value":622,"toc":666},[623,625,628,630,638,640,651,653],[11,624,13],{"id":13},[15,626,627],{},"Web サービスの利用者に向けたヘルプセンターです。よくある質問、お知らせ、ガイドライン、リリースノートなどを掲載し、記事を横断して検索できます。デザインからインフラまでを担当しました。",[11,629,20],{"id":20},[22,631,632,635],{},[25,633,634],{},"問い合わせを減らすため、利用者が自分で答えを見つけられる場所が必要",[25,636,637],{},"運営チームが、技術者に頼らずに記事を公開・更新できるようにしたい",[11,639,36],{"id":36},[22,641,642,645,648],{},[25,643,644],{},"記事は microCMS で管理し、カテゴリ別の一覧と横断検索で探しやすくしました。",[25,646,647],{},"公開サイトは Nuxt の SSG で生成し、S3 と CloudFront で配信しています。",[25,649,650],{},"microCMS で記事を公開すると、Webhook から GitHub Actions と AWS のパイプラインが動き、サイトの再生成とデプロイが自動で行われます。",[11,652,53],{"id":53},[22,654,655,661],{},[25,656,657,660],{},[59,658,659],{},"公開の自動化","：記事の公開からサイトへの反映まで、人の手を介さない仕組み。",[25,662,663,665],{},[59,664,73],{},"：配信環境を CloudFormation で管理し、再現できる形に。",{"title":76,"searchDepth":77,"depth":77,"links":667},[668,669,670,671],{"id":13,"depth":77,"text":13},{"id":20,"depth":77,"text":20},{"id":36,"depth":77,"text":36},{"id":53,"depth":77,"text":53},"support",{},9,"\u002Fcases\u002Fja\u002F09-help-center",[93,94,95,96],{"title":620,"description":76},"help-center",[680,405,104,681,682],"microCMS","CloudFormation","GitHub Actions","cases\u002Fja\u002F09-help-center","サービスのヘルプセンターを、ヘッドレス CMS と静的サイト生成で構築しました。記事を公開するだけで、サイトが自動で更新されます。","3Kr_xh9Cx_-0JX4rihZd9bEy4_HhNWZ6YQtPLGc1tIU",[112],{"id":688,"title":689,"body":690,"description":76,"extension":83,"field":322,"icon":740,"kind":182,"meta":741,"navigation":88,"order":742,"path":743,"scope":744,"seo":745,"slug":746,"stack":747,"stem":748,"summary":749,"__hash__":750,"japaneseOnly":110,"locales":751},"cases\u002Fcases\u002Fja\u002F10-corporate-site-hr.md","ヘッドレス CMS で運用するコーポレートサイト",{"type":8,"value":691,"toc":734},[692,694,697,699,707,709,719,721],[11,693,13],{"id":13},[15,695,696],{},"人材分野の企業のコーポレートサイトです。デザインから実装までを担当し、microCMS と Nuxt による静的サイト生成で構築しました。",[11,698,20],{"id":20},[22,700,701,704],{},[25,702,703],{},"サービス紹介、事例、ニュース、採用情報など、更新の多い情報を手軽に運用したい",[25,705,706],{},"サーバーの管理にかかる手間と費用を抑えたい",[11,708,36],{"id":36},[22,710,711,714,716],{},[25,712,713],{},"更新の多い情報は microCMS で管理し、担当者が管理画面から更新できるようにしました。",[25,715,443],{},[25,717,718],{},"問い合わせへの導線を、各ページから自然に用意しました。",[11,720,53],{"id":53},[22,722,723,729],{},[25,724,725,728],{},[59,726,727],{},"ヘッドレス CMS の活用","：CMS をサービスとして使い、サーバーの運用を持たずに済む構成。",[25,730,731,733],{},[59,732,529],{},"：表示が速く、保守の手間も小さい。",{"title":76,"searchDepth":77,"depth":77,"links":735},[736,737,738,739],{"id":13,"depth":77,"text":13},{"id":20,"depth":77,"text":20},{"id":36,"depth":77,"text":36},{"id":53,"depth":77,"text":53},"business",{},10,"\u002Fcases\u002Fja\u002F10-corporate-site-hr",[93,94,95],{"title":689,"description":76},"corporate-site-hr",[680,405],"cases\u002Fja\u002F10-corporate-site-hr","人材分野の企業のコーポレートサイトを、デザインから実装までゼロから構築しました。ヘッドレス CMS で、少ない負担で運用できます。","vcGYPpDKDEYfPVxunt1OF-Zvy_gZ5ZzhE-nhw4Vx-jU",[112],{"id":753,"title":754,"body":755,"description":76,"extension":83,"field":180,"icon":803,"kind":182,"meta":804,"navigation":88,"order":805,"path":806,"scope":807,"seo":808,"slug":809,"stack":810,"stem":811,"summary":812,"__hash__":813,"japaneseOnly":110,"locales":814},"cases\u002Fcases\u002Fja\u002F11-corporate-site-ai.md","プロダクトと連動するコーポレートサイト",{"type":8,"value":756,"toc":797},[757,759,762,764,772,774,782,784],[11,758,13],{"id":13},[15,760,761],{},"生成 AI のプロダクトを展開する企業のコーポレートサイトです。プロダクトの開発とあわせて、会社の顔となるサイトのデザインと実装を担当しました。microCMS と Nuxt による静的サイト生成で構築しています。",[11,763,20],{"id":20},[22,765,766,769],{},[25,767,768],{},"事業とプロダクトの両方を、わかりやすく伝えたい",[25,770,771],{},"お知らせや活動の紹介を、担当者が手軽に更新できるようにしたい",[11,773,36],{"id":36},[22,775,776,779],{},[25,777,778],{},"事業の紹介、プロダクトの紹介、お知らせ、よくある質問、問い合わせを、一貫したデザインで構成しました。",[25,780,781],{},"更新の多い情報は microCMS で管理し、管理画面から更新できるようにしました。",[11,783,53],{"id":53},[22,785,786,792],{},[25,787,788,791],{},[59,789,790],{},"プロダクトとの一体感","：プロダクトと同じチームが手がけ、伝える内容と見た目を揃える。",[25,793,794,796],{},[59,795,529],{},"：表示が速く、運用の負担が小さい構成。",{"title":76,"searchDepth":77,"depth":77,"links":798},[799,800,801,802],{"id":13,"depth":77,"text":13},{"id":20,"depth":77,"text":20},{"id":36,"depth":77,"text":36},{"id":53,"depth":77,"text":53},"apartment",{},11,"\u002Fcases\u002Fja\u002F11-corporate-site-ai",[93,94,95],{"title":754,"description":76},"corporate-site-ai",[680,405],"cases\u002Fja\u002F11-corporate-site-ai","生成 AI のプロダクトを展開する企業のコーポレートサイトを、デザインから実装までゼロから構築しました。","lamKApuDyYMRspkGMtH7vPxwLlmN6HwuncfgARtCW84",[112],{"left":816,"top":816,"width":817,"height":817,"rotate":816,"vFlip":110,"hFlip":110,"body":818},0,24,"\u003Cpath fill=\"currentColor\" d=\"M8.125 21.213q-1.825-.788-3.187-2.15t-2.15-3.188T2 11.988t.788-3.875t2.15-3.175t3.187-2.15T12.013 2t3.875.788t3.175 2.15t2.15 3.175t.787 3.875t-.787 3.887t-2.15 3.188t-3.175 2.15t-3.875.787t-3.888-.787M12 19.95q.65-.9 1.125-1.875T13.9 16h-3.8q.3 1.1.775 2.075T12 19.95m-2.6-.4q-.45-.825-.787-1.713T8.05 16H5.1q.725 1.25 1.813 2.175T9.4 19.55m5.2 0q1.4-.45 2.488-1.375T18.9 16h-2.95q-.225.95-.562 1.838T14.6 19.55M4.25 14h3.4q-.075-.5-.112-.987T7.5 12t.038-1.012T7.65 10h-3.4q-.125.5-.187.988T4 12t.063 1.013t.187.987m5.4 0h4.7q.075-.5.113-.987T14.5 12t-.038-1.012T14.35 10h-4.7q-.075.5-.112.988T9.5 12t.038 1.013t.112.987m6.7 0h3.4q.125-.5.188-.987T20 12t-.062-1.012T19.75 10h-3.4q.075.5.113.988T16.5 12t-.038 1.013t-.112.987m-.4-6h2.95q-.725-1.25-1.812-2.175T14.6 4.45q.45.825.788 1.713T15.95 8M10.1 8h3.8q-.3-1.1-.775-2.075T12 4.05q-.65.9-1.125 1.875T10.1 8m-5 0h2.95q.225-.95.563-1.838T9.4 4.45Q8 4.9 6.912 5.825T5.1 8\"\u002F>",{"left":816,"top":816,"width":817,"height":817,"rotate":816,"vFlip":110,"hFlip":110,"body":820},"\u003Cpath fill=\"currentColor\" d=\"M8.463 15.538Q7 14.075 7 12t1.463-3.537T12 7t3.538 1.463T17 12t-1.463 3.538T12 17t-3.537-1.463M2 13q-.425 0-.712-.288T1 12t.288-.712T2 11h2q.425 0 .713.288T5 12t-.288.713T4 13zm18 0q-.425 0-.712-.288T19 12t.288-.712T20 11h2q.425 0 .713.288T23 12t-.288.713T22 13zm-8.712-8.287Q11 4.425 11 4V2q0-.425.288-.712T12 1t.713.288T13 2v2q0 .425-.288.713T12 5t-.712-.288m0 18Q11 22.426 11 22v-2q0-.425.288-.712T12 19t.713.288T13 20v2q0 .425-.288.713T12 23t-.712-.288M5.65 7.05L4.575 6q-.3-.275-.288-.7t.288-.725q.3-.3.725-.3t.7.3L7.05 5.65q.275.3.275.7t-.275.7t-.687.288t-.713-.288M18 19.425l-1.05-1.075q-.275-.3-.275-.712t.275-.688q.275-.3.688-.287t.712.287L19.425 18q.3.275.288.7t-.288.725q-.3.3-.725.3t-.7-.3M16.95 7.05q-.3-.275-.288-.687t.288-.713L18 4.575q.275-.3.7-.288t.725.288q.3.3.3.725t-.3.7L18.35 7.05q-.3.275-.7.275t-.7-.275M4.575 19.425q-.3-.3-.3-.725t.3-.7l1.075-1.05q.3-.275.712-.275t.688.275q.3.275.288.688t-.288.712L6 19.425q-.275.3-.7.288t-.725-.288\"\u002F>",{"left":816,"top":816,"width":817,"height":817,"rotate":816,"vFlip":110,"hFlip":110,"body":822},"\u003Cpath fill=\"currentColor\" d=\"M12 21q-3.775 0-6.387-2.613T3 12q0-3.45 2.25-5.988T11 3.05q.325-.05.575.088t.4.362t.163.525t-.188.575q-.425.65-.638 1.375T11.1 7.5q0 2.25 1.575 3.825T16.5 12.9q.775 0 1.538-.225t1.362-.625q.275-.175.563-.162t.512.137q.25.125.388.375t.087.6q-.35 3.45-2.937 5.725T12 21\"\u002F>",{"left":816,"top":816,"width":817,"height":817,"rotate":816,"vFlip":110,"hFlip":110,"body":824},"\u003Cpath fill=\"currentColor\" d=\"M8.1 21.213q-1.825-.788-3.175-2.138T2.788 15.9T2 12t.788-3.9t2.137-3.175T8.1 2.788T12 2t3.9.788t3.175 2.137T21.213 8.1T22 12t-.788 3.9t-2.137 3.175t-3.175 2.138T12 22t-3.9-.788m4.9-1.287q2.975-.375 4.988-2.613T20 12t-2.013-5.312T13 4.075z\"\u002F>",{"left":816,"top":816,"width":817,"height":817,"rotate":816,"vFlip":110,"hFlip":110,"body":826},"\u003Cpath fill=\"currentColor\" d=\"M4 18q-.425 0-.712-.288T3 17t.288-.712T4 16h16q.425 0 .713.288T21 17t-.288.713T20 18zm0-5q-.425 0-.712-.288T3 12t.288-.712T4 11h16q.425 0 .713.288T21 12t-.288.713T20 13zm0-5q-.425 0-.712-.288T3 7t.288-.712T4 6h16q.425 0 .713.288T21 7t-.288.713T20 8z\"\u002F>",{"left":816,"top":816,"width":817,"height":817,"rotate":816,"vFlip":110,"hFlip":110,"body":828},"\u003Cpath fill=\"currentColor\" d=\"m7.825 13l4.9 4.9q.3.3.288.7t-.313.7q-.3.275-.7.288t-.7-.288l-6.6-6.6q-.15-.15-.213-.325T4.426 12t.063-.375t.212-.325l6.6-6.6q.275-.275.688-.275t.712.275q.3.3.3.713t-.3.712L7.825 11H19q.425 0 .713.288T20 12t-.288.713T19 13z\"\u002F>",{"left":816,"top":816,"width":817,"height":817,"rotate":816,"vFlip":110,"hFlip":110,"body":830},"\u003Cpath fill=\"currentColor\" d=\"M0 18v-1.575q0-1.075 1.1-1.75T4 14q.325 0 .625.013t.575.062q-.35.525-.525 1.1t-.175 1.2V18zm6 0v-1.625q0-.8.438-1.463t1.237-1.162T9.588 13T12 12.75q1.325 0 2.438.25t1.912.75t1.225 1.163t.425 1.462V18zm13.5 0v-1.625q0-.65-.162-1.225t-.488-1.075q.275-.05.563-.062T20 14q1.8 0 2.9.663t1.1 1.762V18zM8.125 16H15.9q-.25-.5-1.388-.875T12 14.75t-2.512.375T8.125 16M4 13q-.825 0-1.412-.587T2 11q0-.85.588-1.425T4 9q.85 0 1.425.575T6 11q0 .825-.575 1.413T4 13m16 0q-.825 0-1.412-.587T18 11q0-.85.588-1.425T20 9q.85 0 1.425.575T22 11q0 .825-.575 1.413T20 13m-8-1q-1.25 0-2.125-.875T9 9q0-1.275.875-2.137T12 6q1.275 0 2.138.863T15 9q0 1.25-.862 2.125T12 12m0-2q.425 0 .713-.288T13 9t-.288-.712T12 8t-.712.288T11 9t.288.713T12 10m0-1\"\u002F>",{"left":816,"top":816,"width":817,"height":817,"rotate":816,"vFlip":110,"hFlip":110,"body":832},"\u003Cpath fill=\"currentColor\" d=\"M11.875 20q.1 0 .2-.05t.15-.1l8.2-8.2q.3-.3.438-.675t.137-.75q0-.4-.137-.763t-.438-.637l-4.25-4.25q-.275-.3-.638-.437T14.776 4q-.375 0-.75.138t-.675.437l-.275.275l1.85 1.875q.375.35.55.8t.175.95q0 1.05-.712 1.763t-1.763.712q-.5 0-.962-.175t-.813-.525L9.525 8.4L5.15 12.775q-.075.075-.112.163T5 13.125q0 .2.15.363t.35.162q.1 0 .2-.05t.15-.1l3.4-3.4l1.4 1.4l-3.375 3.4q-.075.075-.112.163t-.038.187q0 .2.15.35t.35.15q.1 0 .2-.05t.15-.1l3.4-3.375l1.4 1.4l-3.375 3.4q-.075.05-.112.15t-.038.2q0 .2.15.35t.35.15q.1 0 .188-.038t.162-.112l3.4-3.375l1.4 1.4l-3.4 3.4q-.075.075-.112.162t-.038.188q0 .2.163.35t.362.15m-.025 2q-.925 0-1.637-.612t-.838-1.538q-.85-.125-1.425-.7t-.7-1.425q-.85-.125-1.412-.712T5.15 15.6q-.95-.125-1.55-.825t-.6-1.65q0-.5.188-.962t.537-.813l5.8-5.775L12.8 8.85q.05.075.15.113t.2.037q.225 0 .375-.137t.15-.363q0-.1-.038-.2t-.112-.15L9.95 4.575q-.275-.3-.637-.437T8.55 4q-.375 0-.75.138t-.675.437L3.6 8.125q-.225.225-.375.525t-.2.6t0 .613t.2.587l-1.45 1.45q-.425-.575-.625-1.262T1 9.25t.35-1.362t.825-1.188L5.7 3.175Q6.3 2.6 7.038 2.3T8.55 2t1.513.3t1.312.875l.275.275l.275-.275q.6-.575 1.338-.875t1.512-.3t1.513.3t1.312.875L21.825 7.4q.575.575.875 1.325t.3 1.525t-.3 1.513t-.875 1.312l-8.2 8.175q-.35.35-.812.55t-.963.2M9.375 8\"\u002F>",{"left":816,"top":816,"width":817,"height":817,"rotate":816,"vFlip":110,"hFlip":110,"body":834},"\u003Cpath fill=\"currentColor\" d=\"M9.875 13.125Q9 12.25 9 11V5q0-1.25.875-2.125T12 2t2.125.875T15 5v6q0 1.25-.875 2.125T12 14t-2.125-.875M11 21v-3.075q-2.6-.35-4.3-2.325T5 11h2q0 2.075 1.463 3.538T12 16t3.538-1.463T17 11h2q0 2.625-1.7 4.6T13 17.925V21zm1.713-9.287Q13 11.425 13 11V5q0-.425-.288-.712T12 4t-.712.288T11 5v6q0 .425.288.713T12 12t.713-.288\"\u002F>",{"left":816,"top":816,"width":817,"height":817,"rotate":816,"vFlip":110,"hFlip":110,"body":836},"\u003Cpath fill=\"currentColor\" d=\"M2 6V1h5v2H4v3zm18 0V3h-3V1h5v5zM2 23v-5h2v3h3v2zm15 0v-2h3v-3h2v5zM7 18h10V6H7zm0 2q-.825 0-1.412-.587T5 18V6q0-.825.588-1.412T7 4h10q.825 0 1.413.588T19 6v12q0 .825-.587 1.413T17 20zm2-10h6V8H9zm0 3h6v-2H9zm0 3h6v-2H9zm-2 2V6z\"\u002F>",1794605450639]