[{"data":1,"prerenderedAt":361},["ShallowReactive",2],{"/hoppou":3,"hoppourelated":122},{"id":4,"title":5,"architecture":6,"body":7,"client":98,"createdAt":99,"description":90,"dist":100,"extension":101,"homePickup":102,"imageCount":103,"layout":104,"meta":105,"navigation":106,"path":107,"pickup":106,"seo":108,"stem":109,"summary":110,"tags":111,"__hash__":121},"works/works/hoppou.md","北方領土ストーリーテーリングアーカイブ","TypeScript + React + Vite + Hono + Kysely + Aurora + AWS + WordPress + Kinsta + Cantaloupe",{"type":8,"value":9,"toc":89},"minimark",[10,15,37,41,45,49,52,56,59,63],[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},"problem-課題","Problem - 課題",[42,43,44],"p",{},"社会的意義の高い歴史的記録を広く普及させる必要がありましたが、大量の資料を単純にリスト表示するだけでは、資料の地理的・歴史的な文脈を一般ユーザーが直感的に理解するのが難しい状況でした。記録を「知識として読む」ではなく「体験として感じる」形で届けられるシステムが求められていました。",[11,46,48],{"id":47},"approach-提案","Approach - 提案",[42,50,51],{},"地理情報システムと視覚的なストーリーテリングを組み合わせた体験型アーカイブを設計しました。3D地図へのマッピングと紙芝居形式のストーリー表示を組み合わせることで、資料を「場所」と「物語」として届ける独自の仕組みを提案。ポータルサイトから各種管理画面まで5システムをワンストップで構築する体制を整えました。",[11,53,55],{"id":54},"results-成果","Results - 成果",[42,57,58],{},"ポータルサイト・ストーリー公開画面・ストーリー管理画面・アーカイブ公開画面・アーカイブ管理画面という5システムを同時並行で開発しました。バックエンドにはHonoとKyselyを社内初採用し、型安全な実装基盤を確立しています。また、IIIF準拠のタイル配信サーバーCantaloupeの構築にも成功し、今後の様々なプロジェクトへ応用できる技術資産となりました。",[11,60,62],{"id":61},"system-システム構成","System - システム構成",[16,64,65,68,71,74,77,80,83,86],{},[19,66,67],{},"フロントエンド　TypeScript / React / Vite",[19,69,70],{},"バックエンド　Hono / Kysely",[19,72,73],{},"データベース　Aurora",[19,75,76],{},"認証　Cognito",[19,78,79],{},"ストレージ・CDN　S3 / CloudFront",[19,81,82],{},"ホスティング　Amplify Hosting / Lambda API",[19,84,85],{},"ポータルサイト　WordPress / Kinsta",[19,87,88],{},"画像タイル配信　Cantaloupe（IIIF準拠）",{"title":90,"searchDepth":91,"depth":91,"links":92},"",2,[93,94,95,96,97],{"id":13,"depth":91,"text":14},{"id":39,"depth":91,"text":40},{"id":47,"depth":91,"text":48},{"id":54,"depth":91,"text":55},{"id":61,"depth":91,"text":62},"北方領土問題対策協会","2026-06-22","https://portal.digital-archives.hoppou.go.jp/","md",false,null,"web",{},true,"/works/hoppou",{"title":5,"description":90},"works/hoppou","北方領土に暮らした人々の記録を広く伝え、歴史的問題の風化を防ぐためのデジタルアーカイブシステムです。収集された歴史資料を3D地図上にマッピングし、紙芝居形式のストーリーとして体験できる形で提供しています。資料を閲覧するだけでなく、当時の暮らしや記憶を追体験できるデジタルアーカイブとなっています。",[112,113,114,115,116,117,118,119,120],"react","wordpress","local-government","arts-and-culture","public-institution","pc-site-building","web-system-development","data-maintenance-support","2026","_vkBAWiZWOZwVWsqUAlcTuTUu2MUHtT1vAQZfcUCyJA",[123,187,207,247,325,342],{"id":124,"title":125,"architecture":103,"body":126,"client":175,"createdAt":176,"description":90,"dist":177,"extension":101,"homePickup":102,"imageCount":103,"layout":104,"meta":178,"navigation":106,"path":179,"pickup":106,"seo":180,"stem":181,"summary":182,"tags":183,"__hash__":186},"works/works/chiba-pref-bfm.md","ちばバリアフリーマップ",{"type":8,"value":127,"toc":169},[128,130,147,149,152,154,157,159],[11,129,14],{"id":13},[16,131,132,135,138,141,144],{},[19,133,134],{},"ディレクター：1人",[19,136,137],{},"サーバーサイドエンジニア：2人",[19,139,140],{},"フロントエンジニア：2人",[19,142,143],{},"インフラエンジニア：1人",[19,145,146],{},"デザイナー：1人",[11,148,40],{"id":39},[42,150,151],{},"利用者ごとに必要なバリアフリー条件が異なり、膨大な設備項目から最適な施設を効率的に探すことが難しい状況でした。",[11,153,48],{"id":47},[42,155,156],{},"利用者別の簡易カスタマイズ機能や地図検索、距離順表示を導入し、操作性と管理性を両立したシステムを構築しました。",[11,158,55],{"id":54},[42,160,161,162,165,166,168],{},"ユーザー体験と運用面の両方を改善するリニューアルを実施。",[163,164],"br",{},"\n施設検索の利便性向上により、利用者が自身に適した施設をスムーズに見つけられる環境を整備しました。",[163,167],{},"\nさらに、アクセシビリティに配慮した設計により、幅広い利用者にとって使いやすいサービスを提供しています。",{"title":90,"searchDepth":91,"depth":91,"links":170},[171,172,173,174],{"id":13,"depth":91,"text":14},{"id":39,"depth":91,"text":40},{"id":47,"depth":91,"text":48},{"id":54,"depth":91,"text":55},"千葉県","2026-03-18","https://wwwp.pref.chiba.lg.jp/pbbfmap/",{},"/works/chiba-pref-bfm",{"title":125,"description":90},"works/chiba-pref-bfm","千葉県が提供する、公共施設などのバリアフリー情報を発信するサイトです。誰もが使いやすいデザインとアクセシビリティを重視し、検索性や更新性の向上を目指しました。",[184,112,114,117,185,120],"laravel","mobile-site-building","dCJgZk9vra5fh0Wmut_CyH-DhpVVjMdYulpOfjWrdDY",{"id":188,"title":189,"architecture":103,"body":190,"client":194,"createdAt":195,"description":90,"dist":196,"extension":101,"homePickup":102,"imageCount":103,"layout":103,"meta":197,"navigation":106,"path":198,"pickup":102,"seo":199,"stem":200,"summary":201,"tags":202,"__hash__":206},"works/works/kmcs.md","国立情報学研究所 知識コンテンツ科学研究センターサイト",{"type":8,"value":191,"toc":192},[],{"title":90,"searchDepth":91,"depth":91,"links":193},[],"国立情報科学研究所","2025-06-16","https://www.kmcs.nii.ac.jp/",{},"/works/kmcs",{"title":189,"description":90},"works/kmcs","Movable Typeを使って構築しました。 知識コンテンツ科学研究センターは国立情報学研究所の研究センターの一つです。",[203,204,117,205],"movabletype","academic-field","2025","HdBW8RWvXl1_9EDUWheBeCoi8EadZOYTEIMLcGlAL4Y",{"id":208,"title":209,"architecture":103,"body":210,"client":235,"createdAt":236,"description":90,"dist":103,"extension":101,"homePickup":102,"imageCount":237,"layout":238,"meta":239,"navigation":106,"path":240,"pickup":102,"seo":241,"stem":242,"summary":243,"tags":244,"__hash__":246},"works/works/kaikoushikiten2025.md","令和７年度 横浜開港記念式典 会場パンフレットデザイン",{"type":8,"value":211,"toc":231},[212,214,217,219],[11,213,14],{"id":13},[42,215,216],{},"ディレクター1名、デザイナー1名",[11,218,55],{"id":54},[42,220,221,222,224,225,227,228,230],{},"今年で担当４年目となる会場配布用のパンフレットデザインを作成しました。",[163,223],{},"来場者の方々に当日のプログラムとして配布されるもので、基本的には観覧された方しか手にされないものとなります。",[163,226],{},"巻き三つ折りの仕様で、表面の右端３分の１が表紙になり、その隣が裏表紙、左端が中に折れるようになっています。",[163,229],{},"今回は元NHKうたのお兄さんの横山だいすけさんと横浜少年少女合唱団による合唱コラボがメインとのことで、コラボの雰囲気の演出と、だいすけお兄さんの衣装の配色から着想して、キーカラーや装飾をデザインさせていただきました。",{"title":90,"searchDepth":91,"depth":91,"links":232},[233,234],{"id":13,"depth":91,"text":14},{"id":54,"depth":91,"text":55},"横浜市","2025-05-29",1,"print-media",{},"/works/kaikoushikiten2025",{"title":209,"description":90},"works/kaikoushikiten2025","今年で担当４年目となる開港記念式典コンサートのパンフレットデザインを作成しました。",[114,245,205],"paper-media-design-works","FYm3kvRfD_pdepOKPHb9nZhpmaa1gGmJKxSsjL9qtrA",{"id":248,"title":249,"architecture":250,"body":251,"client":312,"createdAt":313,"description":90,"dist":103,"extension":101,"homePickup":106,"imageCount":103,"layout":104,"meta":314,"navigation":106,"path":315,"pickup":102,"seo":316,"stem":317,"summary":318,"tags":319,"__hash__":324},"works/works/dms-city-saga.md","佐賀市データ・マネジメント・システム","Vue.js + Firebase + Algolia",{"type":8,"value":252,"toc":305},[253,255,271,273,279,281,293,295,301,303],[11,254,14],{"id":13},[16,256,257,260,262,265,268],{},[19,258,259],{},"プロジェクトマネージャー：1人",[19,261,134],{},[19,263,264],{},"エンジニア：3人",[19,266,267],{},"デザイナー：2人",[19,269,270],{},"データスチュアート：2人",[11,272,40],{"id":39},[42,274,275,276,278],{},"佐賀市役所では、庁内の様々な部署が沢山のデータを管理しています。しかし、担当課ごとに独立して管理されていることから、部署を横断したデータ活用は生まれづらい状況がありました。",[163,277],{},"\nまた、同じ事柄を取り扱ったデータでありながら、データによってExcelの列項目名が異なってしまっていたり、表記揺れが存在したり、値の形式が一貫しないといった課題があり、庁内のEBPMを妨げる面がございました。",[11,280,48],{"id":47},[42,282,283,284,286,287,289,290,292],{},"上記課題を解決するために、佐賀市データ・マネジメント・システム（DMS）を構築・運用しています。",[163,285],{},"\nDMSはオンライン上で動作するExcelのような表形式データ入力ツールであり、入力されたデータはファイルを横断して内容を検索できる他、各項目の値の入力ルールの設定やデータのバージョン管理機能、データとデータを参照関係で繋ぐ機能を有します。",[163,288],{},"\n入力されたデータを外部システムに連携するAPI連携機能も実装されており、既に佐賀市スーパーアプリにイベントデータを提供しています。",[163,291],{},"\nシステムの構築だけでなく、本基盤を活用したDXの推進を促す研修やBIツールの操作研修なども実施し、データ活用を促進する環境を「人」と「システム」の両面から提案しました。",[11,294,55],{"id":54},[42,296,297,298,300],{},"庁内のデータを佐賀市DMS上に集約することで、職員のデータ運用にかかる業務負担が軽減されたと見込まれます。また、スーパーアプリとの自動連携や、一般公開されているオープンデータカタログとの連携、データ更新にかかる庁内での承認手続きなども容易になりました。",[163,299],{},"\n引き続き、庁内DXの中核になるべく継続的な改善を行っていきます。",[11,302,62],{"id":61},[42,304,250],{},{"title":90,"searchDepth":91,"depth":91,"links":306},[307,308,309,310,311],{"id":13,"depth":91,"text":14},{"id":39,"depth":91,"text":40},{"id":47,"depth":91,"text":48},{"id":54,"depth":91,"text":55},{"id":61,"depth":91,"text":62},"佐賀市","2025-04-01",{},"/works/dms-city-saga",{"title":249,"description":90},"works/dms-city-saga","佐賀市の庁内に点在する多様なデータを最大限に活用するための基盤として、「佐賀市データ・マネジメント・システム」を構築いたしました。",[320,321,114,322,118,119,323,205],"firebase","algolia","data-cleaning","open-data","_ywxXM-mhF-6pUskVwK26o7cOGwL8zGHsxdSCHh50jM",{"id":326,"title":327,"architecture":103,"body":328,"client":332,"createdAt":313,"description":90,"dist":333,"extension":101,"homePickup":102,"imageCount":103,"layout":103,"meta":334,"navigation":106,"path":335,"pickup":102,"seo":336,"stem":337,"summary":338,"tags":339,"__hash__":341},"works/works/opendata-manazuru-kanagawa.md","真鶴町オープンデータ図書館",{"type":8,"value":329,"toc":330},[],{"title":90,"searchDepth":91,"depth":91,"links":331},[],"真鶴町役場","https://opendata.manazuru.kanagawa.jp/",{},"/works/opendata-manazuru-kanagawa",{"title":327,"description":90},"works/opendata-manazuru-kanagawa","BODIKのCKANと別途Wordpressで構築いたしました。デザインは真鶴を連想させる折り鶴をモチーフにしました。ダッシュボード作成やオープンデータの登録、データのクリーニングも担当しました。",[113,340,114,117,185,322,205],"tableau","Xj3TOvkR0hzJKzi1g2O0oZPKgz_N-3HiHDKD8g9gl84",{"id":343,"title":344,"architecture":103,"body":345,"client":349,"createdAt":350,"description":90,"dist":351,"extension":101,"homePickup":102,"imageCount":103,"layout":103,"meta":352,"navigation":106,"path":353,"pickup":102,"seo":354,"stem":355,"summary":356,"tags":357,"__hash__":360},"works/works/nagoya-city-opendata.md","名古屋市オープンデータカタログサイト",{"type":8,"value":346,"toc":347},[],{"title":90,"searchDepth":91,"depth":91,"links":348},[],"名古屋市","2024-11-25","https://odcs.bodik.jp/231002/",{},"/works/nagoya-city-opendata",{"title":344,"description":90},"works/nagoya-city-opendata","BODIKを使用したオープンデータカタログサイトです。BODIKの子サイトプランでカタログサイトの構築をするのは、当社初めての取り組みでした。3ヶ月間という短い納期でサイト構築、ダッシュボード作成、デザイン作成を行いました。",[113,340,114,117,185,358,323,359],"data-visualization","2024","T40ghLH1uunfQNslFMsBnJ_Ycd51rhHOOAAQhTz8gm0",1782188812947]