Javascript
TypeScriptの雰囲気を掴むために、5分でできるチュートリアルをやってみる。 環境の準備 PC環境は汚したくないので、dockerで環境を作る。 #{APP_DIR}/docker-compose.yml に以下を書く version: '3' services: node: image: node volumes: - "./:/var/app" …
まだ試したことがなかったので、やり方をメモ。 ライブラリのインストール # bableのインストール npm install --save-dev @babel/core @babel/cli @babel/preset-env # jestのインストール # babel-jestも一緒にインストールされる npm install --save-dev …
Javascript書くときに雰囲気でオブジェクト指向してたので復習。 function構文使う // 関数オブジェクトはnew演算子でインスタンスを作ることができる。 // インスタンスは、this.xxxで定義したプロパティにアクセスできる。 const Human = function(name){ …
ずっとnvm使っていたのだけど、プロジェクトディレクトリ移動するたびに手動でバージョン切り替えるのがさすがに辛くなってきたので、ndenvに乗り換えました。 インストール # clone git clone https://github.com/riywo/ndenv ~/.ndenv # パスを通す
# npm設定確認 # レジストリのURLも確認できる npm config list # レジストリを変える npm set registry http://npm.example.com # レジストリ戻す npm set registry https://registry.npmjs.org/ # レジストリにユーザを追加 npm adduser --registry http:/…
// ゼロパディング // 文字列として0をN個連結して、後ろからN個分取る。 ('0000000000' + userId).slice(-10)
xhrReq = function(url) { let xhr = new XMLHttpRequest(); xhr.open('GET', url, true); // プリフライト(OPIONSメソッドによる事前確認)をする場合は、 // カスタムヘッダをセットする xhr.setRequestHeader('X-Requested-With', 'XMLHttpRequest'); xhr.…
↓のコードを適宜修正して、ブックマークのURL欄にコピペする。 javascript:(function(){document.querySelector('input[name=login_id]').value = 'LOGIN_ID'; document.querySelector('input[name=password]').value = 'PASSWORD'; document.querySelector(…
随時追加 // ロケールの設定 const moment = require('moment'); moment.locale('ja'); // タイムゾーンの設定 const moment = require('moment-timezone'); console.log(moment.tz); moment.tz.setDefault('Asia/Tokyo'); // 現在日時より前→マイナス。現在…
# デプロイ # -------------------------------------------------- # 設定ファイルの生成 pm2 ecosystem # デプロイ先のセットアップ pm2 deploy ecosystem.config.js staging setup # プロセス管理 # -------------------------------------------------- …
必要に応じて追記していく。 # npm install --save [package] # と同じ yarn add [package] # npm install --save-dev # と同じ yarn add [package] --dev # パッケージのキャッシュディレクトリ yarn cache dir # パッケージのキャッシュ削除 yarn cache cl…
npm install $ cd my_project $ npm init $ npm install webpack -g $ npm install --save react react-dom $ npm install --save-dev webpack webpack-dev-server $ npm install --save-dev babel-loader babel-core babel-preset-react babel-preset-es201…
JavaScript(ES5)でクラスベースっぽくオブジェクト思考したかったので簡単な書き方をメモ。 var MyObject = function(a){ // アクセサっぽく this.a = a; // privateメソッドっぽく var privateFunction = function(){ alert('private function! arg is ' + …
仕事でGrunt使う機会があったので、きちんと基本を押さえておくことにしました。 Gruntってなに？ WEBフロント開発で使うJavaScriptとCSSの変換ツール 目的は、JSやCSSを書きやすい形で実装して、ブラウザで実行できる形に変換する環境を提供すること。 主に…
