[{"data":1,"prerenderedAt":327},["ShallowReactive",2],{"/hoppo-ryodo-story":3,"hoppo-ryodo-storyrelated":108},{"id":4,"title":5,"architecture":6,"body":7,"client":85,"createdAt":86,"date":6,"description":74,"dist":87,"duration":6,"extension":88,"homePickup":89,"imageCount":6,"layout":90,"meta":91,"navigation":92,"path":93,"pickup":92,"release":94,"seo":95,"stem":96,"summary":97,"tags":98,"term":6,"voice":6,"__hash__":107},"works/works/hoppo-ryodo-story.md","北方領土ストーリーテーリングアーカイブ",null,{"type":8,"value":9,"toc":73},"minimark",[10,15,37,41,49,53,57,61,64,67,70],[11,12,14],"h2",{"id":13},"team-チーム編成","Team - チーム編成",[16,17,18,22,25,28,31,34],"ul",{},[19,20,21],"li",{},"ディレクター：1人",[19,23,24],{},"アシスタントディレクター：1人",[19,26,27],{},"アーキテクチャ設計・インフラ実装：1人",[19,29,30],{},"UI/UX統括・コンサルティング：1人",[19,32,33],{},"デザイナー：2人",[19,35,36],{},"エンジニア：6人",[11,38,40],{"id":39},"issue-課題背景","Issue - 課題背景",[16,42,43,46],{},[19,44,45],{},"歴史的・文化的な情報資産を公開するだけでは、資料同士の背景や関連性を利用者が直感的に理解しにくい状態でした。",[19,47,48],{},"情報が持つ魅力や価値を伝えながら、継続的に資料を蓄積・公開できる運用環境が求められていました。",[11,50,52],{"id":51},"solution-対応内容","Solution - 対応内容",[54,55,56],"h3",{"id":56},"地理情報と物語を組み合わせた体験型アーカイブを設計",[58,59,60],"p",{},"歴史資料を3D地図上にマッピングし、紙芝居形式のストーリーと連携させました。資料の所在や背景を視覚的にたどれる構成とすることで、当時の暮らしや記憶を追体験できる閲覧体験を設計しています。",[54,62,63],{"id":63},"公開機能と管理機能を一体化",[58,65,66],{},"資料の蓄積から公開までを一元的に管理できる仕組みを構築しました。運営側がコンテンツを管理しやすく、継続的な情報発信につなげられるアーカイブ基盤を整えています。",[54,68,69],{"id":69},"複数技術を組み合わせてアーカイブ配信基盤を構築",[58,71,72],{},"Reactを中心としたフロントエンド、AWS上のバックエンド・データベース、WordPressによるポータルサイト、IIIF準拠の画像タイル配信を組み合わせ、公開・管理・画像配信を支える構成としました。",{"title":74,"searchDepth":75,"depth":75,"links":76},"",2,[77,78,79],{"id":13,"depth":75,"text":14},{"id":39,"depth":75,"text":40},{"id":51,"depth":75,"text":52,"children":80},[81,83,84],{"id":56,"depth":82,"text":56},3,{"id":63,"depth":82,"text":63},{"id":69,"depth":82,"text":69},"北方領土問題対策協会","2026-06-22","https://portal.digital-archives.hoppou.go.jp/","md",false,"web",{},true,"/works/hoppo-ryodo-story","2026",{"title":5,"description":74},"works/hoppo-ryodo-story","北方領土に暮らした人々の記録を広く伝え、歴史的問題の風化を防ぐためのデジタルアーカイブです。収集された歴史資料を3D地図上にマッピングし、紙芝居形式のストーリーと組み合わせることで、資料の背景や当時の暮らしを追体験できる形で公開しています。公開サイトと管理機能を一体化し、継続的な情報発信とアーカイブ運営を支える基盤を構築しました。",[99,100,101,102,103,104,105,106],"digital-archive","government","website-development","system-app-development","data-integration-visualization","aws","wordpress","react","s0tYSuXbJRmKS1_Ze5gH__e-to15ZiEKn2-uSaf_tfM",[109,183,202,221,238,309],{"id":110,"title":111,"architecture":6,"body":112,"client":171,"createdAt":172,"date":6,"description":74,"dist":173,"duration":6,"extension":88,"homePickup":89,"imageCount":6,"layout":90,"meta":174,"navigation":92,"path":175,"pickup":92,"release":94,"seo":176,"stem":177,"summary":178,"tags":179,"term":6,"voice":6,"__hash__":182},"works/works/chiba-pref-bfm.md","ちばバリアフリーマップ",{"type":8,"value":113,"toc":162},[114,116,132,134,142,144,147,150,153,156,159],[11,115,14],{"id":13},[16,117,118,120,123,126,129],{},[19,119,21],{},[19,121,122],{},"サーバーサイドエンジニア：2人",[19,124,125],{},"フロントエンジニア：2人",[19,127,128],{},"インフラエンジニア：1人",[19,130,131],{},"デザイナー：1人",[11,133,40],{"id":39},[16,135,136,139],{},[19,137,138],{},"利用者ごとに必要なバリアフリー条件が異なり、膨大な設備項目から自分に合う施設を効率的に探しにくい状況がありました。",[19,140,141],{},"施設情報を探しやすくする一方で、幅広い利用者が使いやすいアクセシビリティへの配慮も求められていました。",[11,143,52],{"id":51},[54,145,146],{"id":146},"利用条件に応じて探しやすい検索体験を設計",[58,148,149],{},"利用者別の簡易カスタマイズ機能や地図検索、距離順表示を導入しました。必要な条件に合う施設へたどり着きやすい導線を整え、施設検索の利便性を高めています。",[54,151,152],{"id":152},"操作性と管理性を両立したシステムを構築",[58,154,155],{},"利用者の操作性だけでなく、運用側の管理性も考慮してシステムを構築しました。ユーザー体験と運用面の双方を改善し、継続的に情報を提供しやすい環境を整えています。",[54,157,158],{"id":158},"幅広い利用者を想定したアクセシビリティ対応",[58,160,161],{},"アクセシビリティに配慮した設計を行い、幅広い利用者にとって使いやすいサービスを目指しました。",{"title":74,"searchDepth":75,"depth":75,"links":163},[164,165,166],{"id":13,"depth":75,"text":14},{"id":39,"depth":75,"text":40},{"id":51,"depth":75,"text":52,"children":167},[168,169,170],{"id":146,"depth":82,"text":146},{"id":152,"depth":82,"text":152},{"id":158,"depth":82,"text":158},"千葉県","2026-03-18","https://wwwp.pref.chiba.lg.jp/pbbfmap/",{},"/works/chiba-pref-bfm",{"title":111,"description":74},"works/chiba-pref-bfm","千葉県が提供する、公共施設などのバリアフリー情報を発信するサイトです。利用者ごとに異なるバリアフリー条件に応じて施設を探しやすくし、誰もが使いやすいデザインとアクセシビリティに配慮しながら、検索性と運用性の向上を目指しました。",[180,100,101,102,106,181],"communication-dx","laravel","WZItFFJ7iUYzxeqsQ0mw91mb103EaxRPMV0InCPbDT0",{"id":184,"title":185,"architecture":6,"body":186,"client":190,"createdAt":191,"date":6,"description":74,"dist":192,"duration":6,"extension":88,"homePickup":89,"imageCount":6,"layout":6,"meta":193,"navigation":92,"path":194,"pickup":89,"release":6,"seo":195,"stem":196,"summary":197,"tags":198,"term":6,"voice":6,"__hash__":201},"works/works/kmcs.md","国立情報学研究所 知識コンテンツ科学研究センターサイト",{"type":8,"value":187,"toc":188},[],{"title":74,"searchDepth":75,"depth":75,"links":189},[],"国立情報科学研究所","2025-06-16","https://www.kmcs.nii.ac.jp/",{},"/works/kmcs",{"title":185,"description":74},"works/kmcs","Movable Typeを使って構築しました。 知識コンテンツ科学研究センターは国立情報学研究所の研究センターの一つです。",[199,101,200],"education-academic","movable-type","CiGiL6xzHcR8iK3UEHDFCQc_pOYCUHQpHloAL0kYH_s",{"id":203,"title":204,"architecture":6,"body":205,"client":209,"createdAt":210,"date":6,"description":74,"dist":211,"duration":6,"extension":88,"homePickup":89,"imageCount":6,"layout":6,"meta":212,"navigation":92,"path":213,"pickup":89,"release":6,"seo":214,"stem":215,"summary":216,"tags":217,"term":6,"voice":6,"__hash__":220},"works/works/opendata-manazuru-kanagawa.md","真鶴町オープンデータ図書館",{"type":8,"value":206,"toc":207},[],{"title":74,"searchDepth":75,"depth":75,"links":208},[],"真鶴町役場","2025-04-01","https://opendata.manazuru.kanagawa.jp/",{},"/works/opendata-manazuru-kanagawa",{"title":204,"description":74},"works/opendata-manazuru-kanagawa","BODIKのCKANと別途Wordpressで構築いたしました。デザインは真鶴を連想させる折り鶴をモチーフにしました。ダッシュボード作成やオープンデータの登録、データのクリーニングも担当しました。",[218,100,101,103,105,219],"data-utilization","tableau","82gPENoqZWDJsZpiEc7OcOY2_YyxJxqfA6ZXuI-JNQI",{"id":222,"title":223,"architecture":6,"body":224,"client":228,"createdAt":229,"date":6,"description":74,"dist":230,"duration":6,"extension":88,"homePickup":89,"imageCount":6,"layout":6,"meta":231,"navigation":92,"path":232,"pickup":89,"release":6,"seo":233,"stem":234,"summary":235,"tags":236,"term":6,"voice":6,"__hash__":237},"works/works/nagoya-city-opendata.md","名古屋市オープンデータカタログサイト",{"type":8,"value":225,"toc":226},[],{"title":74,"searchDepth":75,"depth":75,"links":227},[],"名古屋市","2024-11-25","https://odcs.bodik.jp/231002/",{},"/works/nagoya-city-opendata",{"title":223,"description":74},"works/nagoya-city-opendata","BODIKを使用したオープンデータカタログサイトです。BODIKの子サイトプランでカタログサイトの構築をするのは、当社初めての取り組みでした。3ヶ月間という短い納期でサイト構築、ダッシュボード作成、デザイン作成を行いました。",[218,100,101,103,105,219],"BcKvTDkKOpJrdJf6Ip0KLeHnh27RWMVQTbWf2J4ROFE",{"id":239,"title":240,"architecture":6,"body":241,"client":298,"createdAt":299,"date":6,"description":74,"dist":6,"duration":6,"extension":88,"homePickup":89,"imageCount":6,"layout":90,"meta":300,"navigation":92,"path":301,"pickup":89,"release":302,"seo":303,"stem":304,"summary":305,"tags":306,"term":6,"voice":6,"__hash__":308},"works/works/meta-bath-museumcollection-tokyo.md","Meta Bath 〜デジタルで見る東京型銭湯〜",{"type":8,"value":242,"toc":289},[243,245,257,259,267,269,273,276,280,283,286],[11,244,14],{"id":13},[16,246,247,249,252,255],{},[19,248,21],{},[19,250,251],{},"サーバーサイドエンジニア：1人",[19,253,254],{},"フロントエンジニア：1人",[19,256,131],{},[11,258,40],{"id":39},[16,260,261,264],{},[19,262,263],{},"江戸東京たてもの園に移築された子宝湯をウェブ上の仮想空間で体験できるようにし、現存しない大黒湯との比較もできる展示が求められていました。",[19,265,266],{},"1GBを超える建物の3Dモデルをウェブブラウザ上で快適に閲覧できるよう、読み込み負荷を抑える必要がありました。",[11,268,52],{"id":51},[54,270,272],{"id":271},"ブラウザで楽しめる3d展示空間を構築","ブラウザで楽しめる3D展示空間を構築",[58,274,275],{},"3Dデータ制作を担当したgluonと連携し、ReactとThree.jsを用いてウェブブラウザ上で3Dグラフィックスを体験できる展示を構築しました。",[54,277,279],{"id":278},"大容量3dモデルの読み込みを最適化","大容量3Dモデルの読み込みを最適化",[58,281,282],{},"銭湯の3Dモデルを3DTiles形式に変換し、データの読み込み時間を短縮する工夫を行いました。大容量の3Dデータを扱いながら、ブラウザで閲覧しやすい環境を整えています。",[54,284,285],{"id":285},"スクロールに連動するストーリー演出を実装",[58,287,288],{},"Three.jsとthree-story-controlsを組み合わせ、ブラウザのスクロールに応じてシナリオが展開する「スクロールテリング」を実装しました。昭和の建物の雰囲気に合わせ、ノスタルジーを感じさせるビデオゲーム調のインターフェースも採用しています。",{"title":74,"searchDepth":75,"depth":75,"links":290},[291,292,293],{"id":13,"depth":75,"text":14},{"id":39,"depth":75,"text":40},{"id":51,"depth":75,"text":52,"children":294},[295,296,297],{"id":271,"depth":82,"text":272},{"id":278,"depth":82,"text":279},{"id":285,"depth":82,"text":285},"東京都歴史文化財団","2024-06-27",{},"/works/meta-bath-museumcollection-tokyo","2024",{"title":240,"description":74},"works/meta-bath-museumcollection-tokyo","江戸東京たてもの園に移築されている銭湯「子宝湯」を通じて、日本の銭湯文化を学べるウェブブラウザ向けのメタバース展示企画です。3D空間上で子宝湯を体験しながら、現存しない大黒湯との比較や学芸員による解説コンテンツを楽しめる構成としました。大容量の3Dモデルを扱うための読み込み最適化や、スクロールに応じて物語が展開する演出にも取り組んでいます。",[99,307,101,102,106],"cultural-institution","o5s2ojTVIsZwDXwYgDOoJ_ZDSkBjzOHZfX_aoH3XkcE",{"id":310,"title":311,"architecture":6,"body":312,"client":316,"createdAt":317,"date":6,"description":74,"dist":318,"duration":6,"extension":88,"homePickup":89,"imageCount":6,"layout":6,"meta":319,"navigation":92,"path":320,"pickup":89,"release":6,"seo":321,"stem":322,"summary":323,"tags":324,"term":6,"voice":6,"__hash__":326},"works/works/scop-toyama_jp.md","SCOP-TOYAMA",{"type":8,"value":313,"toc":314},[],{"title":74,"searchDepth":75,"depth":75,"links":315},[],"株式会社plan-A","2024-06-17","https://scop-toyama.jp/",{},"/works/scop-toyama_jp",{"title":311,"description":74},"works/scop-toyama_jp","富山で「いきかた」「しあわせ」をほりおこせ！をコンセプトにした創業・移住促進サイトです。スマートフォン、パソコンどちらの使いやすさ、見やすさも保ちつつ、新しいことにチャレンジするサイトのイメージが落とし込まれた洗練されたデザインが特長のウェブサイトの構築を担当しました。",[325,101,105],"private-company","w4hHHWm1p4JDg8rzfkkVgkkOlqgXBXd1OPY4cxxMwX0",1792124026229]