他システム連携 とか 外部システム連携 とか言いますが…要するに自システム以外のシステムとデータ連携を行う場合に気を付けておきたいことをこの記事でまとめました。
目次
概要
設計観点
連携方法
連携内容
その他
開発に向けて
スタブ / ドライバ
概要
他システム連携といえば以下のイメージかと思います。
この記事全体を通して基本的には 接続先側の立場 で記載します。
立場は読みづらくなりそうだから決めているだけなので、実際は接続元も接続先も同じ観点を気にする必要があります。
このようなシステム間連携の設計をするとき、気にした ...
4月 2017年
Node.js + Express で 登録画面 を作る
よくある「登録機能」を作るときの ポイント および 具体的な実装方法 をまとめてみました。
個別な課題は調べることができますが、「登録機能を作る」という観点でまとめているので、どのようなことを気を付けなければならないかがこの記事で理解できると思います。
この記事でざっくりとしたイメージを持っていただいたうえで、個別の詳しい内容を調べるとより理解が深まると思います。
目次
概要
画面
データベース
実装
/app.js
/router.js
/public/scripts/shop/regist/confirm.js
/pu ...
Akinari Tsugo
1:59
Express,
Node.js
単一フォーム に 複数サブミット を配置して 遷移先 を切り替える 方法
jQuery を使って 単一フォーム内に複数ボタンを配置して押されたボタンに応じて遷移先を変えるようにするサンプルコードを作成しました。
目次
サンプルコード
解説
サンプルコード
HTML と JavaScript は分けて記載します。
confirm.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>確認</title>
</head>
<body>
<h1>確認</h1>
<form id="form" method="POST" action="">
<div>
<span>会社名：</span>
<input type ...
Akinari Tsugo
23:17
HTML,
JavaScript
JavaScript で 二重送信防止 する 方法
jQuery を使って フォームのサブミット および 通常ボタン 、 アンカー の二重送信（多重実行、多重送信）を防止するサンプルコードを作成しました。
目次
サンプルコード
サブミットに対して多重送信防止
ボタンとアンカーに対して多重送信防止
解説
サンプルコード
以下に「サブミットに対する多重送信防止」と「ボタンおよびアンカーに対する多重送信防止」のサンプルを載せますが、違いは対象としているイベント ( submit か click か) だけで基本的なコードは同じです。
サブミット に対して 多重送信防止
(function () {
$("form").on("submit", funct ...
Akinari Tsugo
23:17
HTML,
JavaScript
Node.js + Express で CSRF対策 を行う 方法
Node.js + Express 環境において CSRF対策 を行う方法について今回はまとめていきます。
ちなみに、本記事で CSRF対策 として利用するミドルウエアは csrf です。
他の記事で csurf を利用したものがあったので参考に実装してみたのですが…
csurf は一度発行したトークンが再利用できた点がセキュリティ的に怪しい動作なので、使うのを止めました。。
目次
CSRFとは
csrf ミドルウェア の 使い方
csrf ミドルウェア を使った 実装例
CSRFとは
詳しい内容は別記事がかけそうなくらいなので、ここでは概要だけおさらいします。
CSRF (cross-site request forgeries) は
掲示板や問い合わせフォームなどを処理するW ...
Akinari Tsugo
0:06
Express,
Node.js,
セキュリティ