コピペコードで快適生活

明日使えるソースを自分のために

Javascript

PM2コマンドのメモ

# デプロイ # -------------------------------------------------- # 設定ファイルの生成 pm2 ecosystem # デプロイ先のセットアップ pm2 deploy ecosystem.config.js staging setup # プロセス管理 # -------------------------------------------------- …

yarnのコマンド

必要に応じて追記していく。 # npm install --save [package] # と同じ yarn add [package] # npm install --save-dev # と同じ yarn add [package] --dev # パッケージのキャッシュディレクトリ yarn cache dir # パッケージのキャッシュ削除 yarn cache cl…

サーバサイドとクライアントサイドのJavascriptが混在しているリポジトリ

表題の件の構成について社内チャットで説明したのを、再構成してみました。 ディレクトリ構成 - build - src - gulpfile.js - package.json - node_modulesbuildには、ブラウザが読み込んでいるjs, css, html 一式、 そしてnodeサーバが動かしているjsが入り…

Javascriptで配列をリング状に扱えるといいな

Javascript(ES6)でループするようなスライダーとか作るときに、配列がリング状に扱えるといいなと思って書いてみました。 配列を拡張するとかではなくて、あくまで配列のIndexを取得するだけのシンプルな作りです。 export default class RingNums { constru…

JavaScript(ES5)でクラスベースっぽくオブジェクト思考する

JavaScript(ES5)でクラスベースっぽくオブジェクト思考したかったので簡単な書き方をメモ。 var MyObject = function(a){ // アクセサっぽく this.a = a; // privateメソッドっぽく var privateFunction = function(){ alert('private function! arg is ' + …

Gruntの基本をおさえておく

仕事でGrunt使う機会があったので、きちんと基本を押さえておくことにしました。 Gruntってなに? WEBフロント開発で使うJavaScriptとCSSの変換ツール 目的は、JSやCSSを書きやすい形で実装して、ブラウザで実行できる形に変換する環境を提供すること。 主に…

Backlog風のベルト型通知UI

Backlogの課題更新時に表示されるベルト型の通知UI。 あれいいなって思って実装してみた。 Ajaxで更新処理したあとの通知用に使っていこう。 /* * Backlog風のベルト型通知UI */ function beltNotice(text, type) { var bg_color = "#468847"; if (type == "…