[{"data":1,"prerenderedAt":77},["ShallowReactive",2],{"myworks-schoolfes-2025":3},{"id":4,"title":5,"body":6,"category":55,"createDate":59,"description":60,"draft":61,"extension":62,"headerLinks":63,"icon":57,"mainCategory":58,"meta":69,"navigation":70,"path":71,"pinned":61,"seo":72,"stem":73,"thumbnail":74,"workId":75,"__hash__":76},"works\u002Fworks\u002FschoolFes-2025.md","文化祭で用いる会計システム",{"type":7,"value":8,"toc":51},"minimark",[9,13,16,19,22,25,28,31,34,37,40,43,47],[10,11,12],"p",{},"文化祭の出し物で用いる会計システムを自作した。",[10,14,15],{},"Qiitaの記事は作成後数ヶ月以内に書いたものですので、そちらのほうが詳しく記載されている可能性が高い。",[10,17,18],{},"バックエンドは自身で、フロントエンドはAIにぶん投げという開発方法を取り入れた。",[10,20,21],{},"フロントエンドではSPA方式を採用。シンプルなUIにすることで、操作するスタッフが困惑しないように注意した。",[10,23,24],{},"また、このアプリケーションへのアクセスにはCloudflare Accessによるアクセス制限を用いることで第三者がアクセスする可能性を減らした。",[10,26,27],{},"アプリケーション側でもユーザ認証を行っており、会計スタッフは会計処理のみを、模擬店管理者は商品の管理や会計処理履歴の閲覧が行えるようにした。",[10,29,30],{},"文化祭の出し物で用いるシステムのように、多くのユーザが実際に利用するシステムを作成すると毎回学びがある。",[10,32,33],{},"特に今回は、テストの重要性を改めて感じることとなった。",[10,35,36],{},"来年度(2026年)には、別システムとの連携や一部未実装項目の実装、バグ修正などを行うことでより使いやすく便利なアプリケーションを作成することを目標としている。",[10,38,39],{},"特に、商品完成時に購入者がなかなか見つからないということは大きな課題であるため、スマートフォンへのプッシュ通知を行えるようにすることも目標の一つである。",[10,41,42],{},"なお、このWebページのソースコードは非公開です。",[44,45],"tech-card",{":cards":46},"{\"title\":\"使用技術\",\"items\":[{\"title\":\"フロントエンド\",\"items\":[{\"icon\":\"devicon-nextjs\",\"title\":\"Next.js\",\"description\":\"Webフレームワークとして有名なNext.jsを採用\"}]},{\"title\":\"バックエンド\",\"items\":[{\"icon\":\"devicon-express\",\"title\":\"Express.js\",\"description\":\"APIサーバの開発で多く利用されているExpress.jsを採用\"}]},{\"title\":\"デプロイ環境\",\"items\":[{\"icon\":\"mdi-server\",\"title\":\"VPS\",\"description\":\"VPS上にデプロイ\"},{\"icon\":\"devicon-docker\",\"title\":\"Docker\",\"description\":\"デプロイにDockerを活用。環境構築の手間を削減\"},{\"icon\":\"devicon-cloudflare\",\"title\":\"Cloudflare\",\"description\":\"公開にはCloudflare Tunnel・Accessを利用し、セキュアなアプリ公開を実現\"}]}]}",[48,49],"image-galary",{":images":50},"[\"\u002Fimages\u002Fworks\u002FschoolFes-2025\u002Flogin.png\",\"\u002Fimages\u002Fworks\u002FschoolFes-2025\u002Fmanager-top.png\",\"\u002Fimages\u002Fworks\u002FschoolFes-2025\u002Fproduct_manage-top.png\",\"\u002Fimages\u002Fworks\u002FschoolFes-2025\u002Fsale_cart.png\",\"\u002Fimages\u002Fworks\u002FschoolFes-2025\u002Fsale_confirm.png\",\"\u002Fimages\u002Fworks\u002FschoolFes-2025\u002Fsale_top.png\",\"\u002Fimages\u002Fworks\u002FschoolFes-2025\u002Fstaff-top.png\"]",{"title":52,"searchDepth":53,"depth":53,"links":54},"",2,[],[56],{"icon":57,"label":58},"material-symbols-two-pager","WebSite","2025-07-03","文化祭の出し物で用いる会計システム",false,"md",[64],{"label":65,"icon":66,"to":67,"target":68},"Qiita","simple-icons-qiita","https:\u002F\u002Fqiita.com\u002Fmendoitarou_\u002Fitems\u002F6cfefd1a0e54e2866382","_blank",{},true,"\u002Fworks\u002Fschoolfes-2025",{"title":5,"description":60},"works\u002FschoolFes-2025","\u002Fimages\u002Fworks\u002FschoolFes-2025\u002Fstaff-top.png",5,"7n9NF1sDYkzWukOF7LnosYf7XRpPOlk2Jq9H2dh7uKM",1777126455153]