ハッピーメモメモ

私的備忘録

Other

Node.js

Node.jsとは V8 JavaScript npm Yarn nodeコマンド REPL(レプル) Eval(イーバル) Node.jsとは ・JavaScript をRuby やPython と同じようにPC のターミナル上で動かすことができるようにするためのソフトウェア ・中の言語処理エンジンはGoogle Chrome 用…

フロントエンド開発ツール

Node.js 注目されている理由 周辺のエコシステム npm TypeScript Angular React ESLint 参考 Node.js ・前提 Javascript…ブラウザ上で動くために開発されたプログラング言語 !JavaScriptはブラウザ上だけではなく、サーバサイドでも動く! ・Node.jsは、サ…

気になること

・HTTP/2に対応しているのか (サーバー証明書を取得して、TLS暗号化通信を行っているか) →問題点あり ・HTTP/1.1でもWebアクセラレーターやロードバランサーの導入で十分なパフォーマンスをあげられる direct.gihyo.jp

書籍

2021.4~2022.3 「体系的に学ぶ 安全なWebアプリケーションの作り方 第2版[固定版] 脆弱性が生まれる原理と対策の実践」2018/6/20 「フロントエンド開発入門 プロフェッショナルな開発ツールと設計・実装」 2020/10/09 「図解即戦力 Web技術がこれ1冊でし…

CORS

○脆弱性 ・XSS (Cross Site Scripting) ユーザーが Web サイトにアクセスすることで不正なスクリプトが Client (Web ブラウザ) で実行されてしまう脆弱性 ・CSRF (Cross-Site Request Forgeries) Web アプリケーションのユーザーが、意図しない処理を Web ア…

SSH

SSHは絶対仕事で使う! 手順通りに進めれば理解なくして接続は可能だが、 うまくいかなくなったときに対応策がわからない。 SSHがどういう接続をしているのか、理屈を知ろう! 1.SSHとは 2.SSH接続認証方式 2-1.パスワード認証 2-2.クライアント公開鍵登録(…

Console.log()で気になったこと

配列をコンソールに表示したときに、いくつかの表現方法があるのはなぜ? ・単に配列の中身がでる場合…配列 ・Proxyとある場合…オブジェクト Proxy Proxy は二つの引数で作成される ・target プロキシを設定する元のオブジェクト・handler どの操作を傍受す…

deep copy

ディープコピー(deep copy) ・コピー元オブジェクトから実体(データ)を複製し別オブジェクトを生成する方式 medium-company.com こんなことあるのか・・・こわい・・・ ちなみに、こんなのもあった↓ シャローコピー(shallow copy) shallow=「浅い」 …

再読み込み

〇Chromeには3種類の「再読み込み」がある ・通常の再読み込み リロードする。 ショートカット:[Ctrl]+[R]キー(または[F5]キー) ・ハード再読み込み 表示しているWebページから直接参照している画像ファイルやCSSファイルなどのキャッシュを破棄し…

なんか変だな原因集

〇定数/変数 値の変更ができない!と思っていたら、変数ではなく定数で宣言していた。 〇スコープ 値の変更ができない!と思っていたら、ローカルな範囲でしか有効ではない変数を変更しようとしていた。 〇小文字/大文字 DBに大文字でテーブル名をかき、呼…