[{"data":1,"prerenderedAt":69},["ShallowReactive",2],{"\u002Fworks\u002Flook-inside-view":3},{"id":4,"title":5,"body":6,"description":12,"extension":49,"github":50,"images":51,"meta":55,"navigation":60,"order":61,"path":62,"period":63,"seo":64,"stem":65,"tech":66,"__hash__":68},"works\u002Fworks\u002Flook-inside-view.md","Look Inside View",{"type":7,"value":8,"toc":42},"minimark",[9,13,18,21,24,27,30],[10,11,12],"p",{},"栄東高校・中学校の校舎内を 360 度の画像で紹介するサイトです。2021 年度のオンライン文化祭用の作品で、同じ同好会のメンバー 3 人と制作しました。",[14,15,17],"h2",{"id":16},"pannellum","Pannellum",[10,19,20],{},"360 度画像のビューワーとして、パノラマビューワーである Pannellum を利用しました。",[14,22,23],{"id":23},"サイトデザイン",[10,25,26],{},"2020 年の初め頃から海外で注目を集めている「ニューモーフィズム」を採用しました。これはベースのレイヤーから要素を押し出したり窪ませているように見せることで境界に滑らかな印象を与えることができるデザイン手法で、美しく洗練された印象に仕上げることができるというものです。",[14,28,29],{"id":29},"リンク",[31,32,33],"ul",{},[34,35,36],"li",{},[37,38,41],"a",{"href":39,"target":40},"https:\u002F\u002Flook-inside-view.web.app\u002F","_blank","Look Inside View - shfes'21",{"title":43,"searchDepth":44,"depth":44,"links":45},"",2,[46,47,48],{"id":16,"depth":44,"text":17},{"id":23,"depth":44,"text":23},{"id":29,"depth":44,"text":29},"md","newt239\u002Flook-inside-view",[52],{"src":53,"alt":54},"look-inside-view.webp","校舎内を 360 度のパノラマ画像で確認できるウェブサイトのスクリーンショット。画面左上に「Look Inside View」ロゴがあり、中央に校舎ピロティのパノラマ画像、下部に施設名と説明文が表示されている。左下にナビゲーションメニューがあり、「施設一覧」「企画について」「栄東祭トップ」というボタンが並んでいる。",{"excerpt":56},{"type":7,"value":57},[58],[10,59,12],{},true,4,"\u002Fworks\u002Flook-inside-view","2021.06 - 2021.09",{"title":5,"description":12},"works\u002Flook-inside-view",[17,67],"Firebase","QWy2aST2T6FBfhAd3pIoPLWkELw7zCnuxqCOgcIz-Uo",1775013669085]