2022年4月18日 Node.js express csrf対策

Node.js

csurfのパッケージを使用してcsrf対策をします。注: パッケージ名はcsurf となる点に注目してください。csrf というパッケージも存在します。 csurf http://expressjs.com/en/resources/middleware/csurf.html csrf https://github.com/pillarjs/csrf 実装 …

2022-03-27

2022年3月27日 Node.js CSRFパッケージ

Node.js

CSRF対策書き込みできるドメインを限定する適切な画面遷移でデータ登録されている事を確認する(トークン制御を入れる) キャプチャ(画面認証を入れる) 今回は2の対策をしていきます。パッケージ導入 yarn add csrf ミドルウェアとして組み込みではなく、必…

2022-03-25

2022年3月25日 Node.js Express ルーティング

Node.js

ルーティングとはリクエストに対して処理の振り分けを行う仕組みの事です。 expressの基本機能です。ルーティングの実装 app.(path, callback) 関数名 METHOD ⇨ リクエストメソッド(get, post, put, deleteなど) path ⇨ 振り分けたいURL callback ⇨ pathマ…

2022-03-25

2022年3月25日 Node.js Express

Node.js

ストリームインスタンス Node.jsによって提供される多くのストリームオブジェクトがあります。例えば、HTTPサーバーへのリクエストとprocess.stdoutはどちらもストリームインスタンスです。 pipeイベント読み取り可能なストリームでstream.pipe()メソッド…

2022-03-24

2022年3月24日 Node.js入門非同期ファイル読み書き

Node.js

同期処理を行うとNode.jsの良さがなくなってしまうため利用は避けるべきです。非同期処理の方法を見ていきます。非同期ファイル読み込みをする場合ファイルサイズが小さく後続処理も簡易な場合に利用します。 Promise 非同期処理の読み書き時にコールバッ…

2022-03-24

2022年3月24日 Node.js入門 EventEmitter

Node.jsにおけるイベント機能の中心的存在オブジェクトを持つイベントを管理する機能がまとめられているイベントが発生したとき実行する処理をあらかじめ設定します。イベントが発生したとき実行する処理を設定から削除します。実際にイベント発生させま…

2022-03-24

2022年3月24日 Node.js入門イベントループ

Node.js

イベントループ処理実行順のことです。フェーズとキュー 6つフェーズと2つのキューがあります。フェーズ Times pending callback idle poll check close callback キュー nextTickQueue microTaskQueue フェーズのみの場合はフェーズを順番に処理して回っ…

2022-03-23

2022年3月23日Node.jsの概要

Node.js

Node.jsとはスケーラブルなネットアプリケーションを構築するために設計された非同期型のイベント駆動のJavaScript環境です。または JavaScriptで書かれたプログラムを実行するためのランタイムとも表現できます。ランタイムとは実行に必要なプログラム…

2022-03-18

2022年3月18日りあクトJavaScript varの挙動について

JavaScript

varの挙動についてはJavaScriptPrimerで学んでいましたが、りあクトを読んでいて認識が甘かった挙動があったのでアウトプットします。 var x = 1; if(true) { var x = 2; var m = 3; console.log(x); } console.log(x); console.log(m); このコードでの何が…

2022-03-16

2022年3月16日りあクト TypeScript

TypeScript

TypeScriptを学び始めたので少しずつ要点をまとめていきます。型アノテーション value: Type というフォーマットで宣言時の変数に型の注釈がつけられます。 let n: number = 3; console.log(n); // => 3 変数 n は number 型しか受け付けないという事試し…

2022-03-15

2022年3月15日Rubyの知識の復習

Ruby

Rubyの復習 Ruby超入門・プロを目指すRuby入門・現場で使えるRubyonRailsを読みながら復習していっています。クラスメソッドとインスタンスメソッドの使い分けクラスメソッドクラス全体に関わる情報を変更したり参照したりするメソッドを作成するとき使…

2022-03-04

2022年3月3日 React実践の教科書モダンJavaScriptの機能に触れる Props~

React

Propsとはコンポーネントに渡す引数のようなものです。コンポーネントは受け取ったPropsに応じて表示する内容やスタイルを変化させます。どんなときに使うかよくある例ですと、文字を通常は黒文字でエラー時は赤文字にする仕様の場合です。 Propsを使わ…

2022-03-02

2022年3月2日 React実践の教科書モダンJavaScriptの機能に触れるイベントやスタイルの扱い方~

React

イベントの扱い方ボタンを押したときのイベントの onClick をReactで行う場合をやっていきます。ボタンの作成 App.jsx export const App = () => { return( <> {console.log("test")} <= {}で囲う事でJavascriptも記述できます。 <h1>こんにちは！</h1> <p>React学習中</p>…

2022-03-01

2022年3月1日 React実践の教科書モダンJavaScriptの機能に触れる Reactの基本~

React

従来のDOM操作とReactの言葉使いの差について JavaScriptやJQueryで行っていたDOM操作を『〇〇を××する』手続き的と表現されます。 Reactは宣言的と表現します。(詳しい説明はここではありませんでした) React開発の始め方本書ではCodeSandboxで行う方法が…

2022-02-28

2022年2月28日 React実践の教科書モダンJavaScriptの機能に触れる　map filter~

JavaScript

map filter 従来for文で行っていて記述量が増えてしまうところを、この二つのメソッドを使う事でわかりやすく短く描けるようになります。 mapメソッド配列を順番に処理して処理した結果を新しい配列で返します。 const arr1 = [1, 2, 3]; const arr2 = arr1…

2022-02-27

2022年2月27日 React実践の教科書モダンJavaScriptの機能に触れる　分割代入~

JavaScript

分割代入オブジェクトや配列から値を抽出する方法です。オブジェクトの分割代入 const myProfile = { name: "ryuji", age: 36 } const { name } = myProfile; console.log(name); => ryuji // 順番を変える const { age, name } = myProfile; console.log(…

2022-02-26

2022年2月26日 React実践の教科書モダンJavaScriptの機能に触れる

JavaScript

const letでの変数宣言 varでの変数宣言での問題点従来は変数宣言にvarを使用していましたが問題点がありました。上書きが可能であること。再宣言が可能であること。 var ry1 = "ry1" console.log(ry1); => ry1 // 上書きします。 ry1 = "ry1を上書き" co…