[{"data":1,"prerenderedAt":27},["ShallowReactive",2],{"Dos5ktIYCZ":3},{"id":4,"createdAt":5,"updatedAt":6,"publishedAt":7,"revisedAt":6,"title":8,"description":9,"content":10,"thumbnail":11,"tags":15,"writer":16},"new-site-lanched","2023-09-04T10:56:21.532Z","2024-07-30T05:36:17.222Z","2023-12-01T04:00:00.000Z","HPをリニューアルしました！","関研究室のHPは関先生が東京都市大学で研究室を持った2014年から10年間使われてきましたが、リニューアルしました！","\u003Ch2 id=\"hf509c5377a\">HPリニューアル！\u003C/h2>\u003Cfigure>\u003Ca href=\"/seki-ken\">\u003Cimg src=\"https://images.microcms-assets.io/assets/1d4eec323ea349c38ea0f2826941aa9b/e817ff2e64ea4acc93b19a33171bc049/screenshot.png?w=1000&h=729\" alt=\"new site\" width=\"1000\" height=\"729\">\u003C/a>\u003Cfigcaption>新web site\u003C/figcaption>\u003C/figure>\u003Cp>こんにちは。広報担当の山下です。\u003C/p>\u003Cp>\u2028この度、関研究室の HP を Vue.js(NuxtJS) と jamstack アーキテクチャを用いてリニューアルを行いました。\u2028\u003C/p>\u003Cp>様々な方々への情報提供・交流の一端の場となればと思いますので、ご活用いただければ幸いです。\u003Cbr>今後ともよろしくお願いします。\u003C/p>\u003Cfigure>\u003Ca href=\"/seki-ken/archive\">\u003Cimg src=\"https://images.microcms-assets.io/assets/1d4eec323ea349c38ea0f2826941aa9b/6b9f75eafcee41388fd9194039b2ea21/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202024-05-10%2014.10.02.png?w=1000&h=697\" alt=\"旧website\" width=\"1000\" height=\"697\">\u003C/a>\u003Cfigcaption>旧web site\u003C/figcaption>\u003C/figure>\u003Ch2 id=\"h03726fb0df\">技術スタック\u003C/h2>\u003Cfigure>\u003Cimg src=\"https://images.microcms-assets.io/assets/1d4eec323ea349c38ea0f2826941aa9b/7e021b0fe288465789f8308d71a3cb3c/sekilab-techStack.png\" alt=\"tech-stack\" width=\"974\" height=\"802\">\u003Cfigcaption>主に使用している技術\u003C/figcaption>\u003C/figure>\u003Ch3 id=\"ha73e8a048c\">Jamstackアーキテクチャによる実装\u003C/h3>\u003Cp>HTML, CSS, Javascript（jQuery）と言う技術でフルスクラッチで書かれていましたが、新HPは2022年にver3.0が開発されたモダンな技術\u003Cstrong>Vue.js\u003C/strong>というものと、それを拡張した\u003Cstrong>Nuxt.js\u003C/strong>で国内製のヘッドレスCMSである\u003Cstrong>microCMS\u003C/strong>のAPIを使った\u003Cstrong>jamstack\u003C/strong>アーキテクチャで書かれています。\u003C/p>\u003Cp>これにより、効率的な開発ができるほか、プログラミングがわからない人でも記事の更新、管理が可能になり、すばやいレスポンスで快適なUXを実現できています。\u003C/p>\u003Cp>また、要件の1つであった旧サイトのアーカイブ化（オーガニック検索には引っかからないが、アクセスを可能にする）も行っています。\u003C/p>\u003Cp>2023年の10月頃に要件定義書を書き始めて、それらを研究が本格的に始まる今、実行させることができて良かったです。\u003C/p>\u003Cp>それでは、新しい関研究室のHPをお楽しみください。\u003C/p>",{"url":12,"height":13,"width":14},"https://images.microcms-assets.io/assets/1d4eec323ea349c38ea0f2826941aa9b/7f8ec7cbd9bf4bb79e4b805ceba05978/ogp.png",600,1146,[],{"id":17,"createdAt":18,"updatedAt":19,"publishedAt":18,"revisedAt":20,"name":21,"profile":22,"image":23},"yamashita","2023-09-05T00:26:51.590Z","2023-12-13T17:12:22.600Z","2023-12-13T17:12:12.729Z","山下","東京都市大学生 情報システム学科 21期入学生\n関研究室所属 広報担当\n\nhttps://manapuraza.com",{"url":24,"height":25,"width":26},"https://images.microcms-assets.io/assets/1d4eec323ea349c38ea0f2826941aa9b/ab8b352adfba490fbf62012d40a8971e/chichi_and_run.JPG",3024,4032,1722412801019]