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