[{"data":1,"prerenderedAt":75},["ShallowReactive",2],{"myworks-school-work-project":3},{"id":4,"title":5,"body":6,"category":58,"createDate":62,"description":63,"draft":64,"extension":65,"headerLinks":66,"icon":60,"mainCategory":61,"meta":67,"navigation":68,"path":69,"pinned":64,"seo":70,"stem":71,"thumbnail":72,"workId":73,"__hash__":74},"works\u002Fworks\u002Fschool-work-project.md","簡単に拡張可能な診断システム",{"type":7,"value":8,"toc":54},"minimark",[9,13,16,19,22,25,28,31,34,37,40,43,46,50],[10,11,12],"p",{},"テンプレート方式を採用することで、簡単に拡張可能な選択肢方式の診断システムです。",[10,14,15],{},"SPAで、構成ファイルを参照しページテンプレートに対しテキストや画面推移を適用させることで、柔軟性を確保しています。",[10,17,18],{},"百聞は一見にしかず。ギャラリーにいくつかテンプレートを表示しているので見てみてください。",[10,20,21],{},"また、テキストは言語ごとに構成ファイルを分けることで多言語化も可能としています。",[10,23,24],{},"構成ファイルはJSON形式なので、編集しやすくツールを用いればGUIによるグラフィカルな編集も可能です。",[10,26,27],{},"このアプリケーションはシンプルなHTML, CSS, JavaScriptのみで構成されているため、一般的なWebサーバでも公開可能です。",[10,29,30],{},"これは、企業が既存のホームページを公開している基盤をそのまま利用できるようにするためです。",[10,32,33],{},"コストを抑えることもできるようにしています。",[10,35,36],{},"テンプレートやUI\u002FUXを工夫することで直感的に操作できるようにしているほか、実際に利用するユーザの声を反映することでより使いやすいアプリケーションを開発しました。",[10,38,39],{},"しかし、まだまだ改善点が多いのは事実です。来年度、引き継ぎが行われ、よりよいアプリケーションになることを期待しています。",[10,41,42],{},"開発は共同開発で行いました。一緒に設計から開発までしてくれた友人二人には感謝しています。本当にありがとうございました。",[10,44,45],{},"共同開発では、GitHubを用いたコード管理、GitHub Projectを用いたタスク管理を行いました。",[47,48],"tech-card",{":cards":49},"{\"title\":\"使用技術\",\"items\":[{\"title\":\"フロントエンド\",\"items\":[{\"icon\":\"devicon-html5\",\"title\":\"HTML, CSS, JavaScript\",\"description\":\"ピュアなHTML, CSS, JavaScriptで構成\"}]},{\"title\":\"ライブラリ\",\"items\":[{\"icon\":\"devicon-tailwindcss\",\"title\":\"Tailwind CSS\",\"description\":\"CSSフレームワークを用いることで、モダンなUIを実現。\"}]}]}",[51,52],"image-galary",{":images":53},"[\"\u002Fimages\u002Fworks\u002Fschool-work-project\u002Ftop.png\",\"\u002Fimages\u002Fworks\u002Fschool-work-project\u002Flong-text.png\",\"\u002Fimages\u002Fworks\u002Fschool-work-project\u002Fselect-dropdown.png\",\"\u002Fimages\u002Fworks\u002Fschool-work-project\u002Fselect-assets.png\",\"\u002Fimages\u002Fworks\u002Fschool-work-project\u002Fassets-zoom.png\",\"\u002Fimages\u002Fworks\u002Fschool-work-project\u002Fselect-twoButton.png\",\"\u002Fimages\u002Fworks\u002Fschool-work-project\u002Fresult-textAndAsset.png\",\"\u002Fimages\u002Fworks\u002Fschool-work-project\u002Fshow-log.png\",\"\u002Fimages\u002Fworks\u002Fschool-work-project\u002Fchange_lang.png\"]",{"title":55,"searchDepth":56,"depth":56,"links":57},"",2,[],[59],{"icon":60,"label":61},"material-symbols-two-pager","WebSite","2025-10-08","学校の授業で作成したWebアプリケーション",false,"md",null,{},true,"\u002Fworks\u002Fschool-work-project",{"title":5,"description":63},"works\u002Fschool-work-project","\u002Fimages\u002Fworks\u002Fschool-work-project\u002Ftop.png",12,"5ksqQRkl1F57Zra09j34ZuwOCWlz1GE0uQbD981lzhA",1777126455151]