Vue.jsで脆弱なアプリを作って学ぶ、セキュリティ面で気をつけたいポイント | フューチャー技術ブログ

※上記サムネイルはChatGPTにて本記事を読み込ませて生成しました。 Future Value Group（FVG）の永井優斗です。 Vue.js連載の8本目です。Vue.js は使いやすく、直感的なテンプレート構文でフロントエンド開発を加速してくれます。しかし、その便利さゆえに「セキュリティをうっかり見落とす」ことがあるのも事実です。 この記事では、Vue.jsで実際にわざと脆弱なアプリを作り、そこからXSS・Cookie・CSRF・レート制限といった脆弱性を一気に体験してみます。ちなみにソースの8割ぐらいは生成AIに生成してもらいました。この記事も生成AIと相談しながら書きました。すごいね。 教材アプリはこちらのGitHub上で公開しています。 ※試すことを優先しているのでUIはシンプルに。そのうちきれいにしたいなあ… はじめに今回の教材アプリは Vue 3 + Vite で構築し、

[yut0n]

書きました。この方向性の初心者向けのセキュリティネタ増やしたい。