これJadeでどう書くの?という時に使えるサービス
Jadeで少し複雑な箇所に出くわした時、記法の調べが簡単につかない時は
一度HTMLで書いて以下のWebサービスでJadeに変換すると速い。
Array.prototype.includes()
配列の中に該当の要素があるかの判定を行うメソッド。
IEとEdgeでは未サポートのため、今の所Polyfillが必要。
ajaxでコンテンツを読み込んでから要素の高さを揃える
上記のサイトを参考にして、書き方をちょっとだけ変えたのが以下。
いままでコールバック地獄、という程のものに出会わなかったけれど、今後は非同期処理を気にする必要があるパターンに色々でくわしそうなので予習しておいてます。
crontabでnode.jsを定期実行する
node.jsはcron用のモジュールがあるが、今回はCentOSのcrontabを使用する。
node.jsのいろいろなモジュール14 – node-cronでcron的にプログラムを実行する
http://dev.classmethod.jp/server-side/cron/
さくらVPSでcronを設定する(CentOS)
http://okuzawats.com/crontab-20151218
モジュールのパスが通らずエラーになる場合は、crontab内に
環境変数としてパスを記載する必要がある。
JavaScriptで配列オブジェクトにshuffleメソッドを追加する
1人で作成する簡単なアプリなどではArray自体にshuffleメソッドを追加してしまったほうが
楽かもしれない。
See the Pen shuffleArray(prototype) by tamoriinu (@yokoyama) on CodePen.
JavaScriptでマウスの座標を取得
マウスの座標は原点をどことするかで値が変わってくる。
- スクリーン(PC画面)の左上(screenX/Y)
- ブラウザで表示されている領域の左上(clientX/Y)
- 表示されているページの左上(pageX/Y)
- イベント発生元要素の左上(offsetX/Y)
参考書籍にはoffsetX/Yはfirefoxで対応していない、とあったが今は対応しているようだ。
developer.mozilla.org
テトリス
【JavaScript】200行で作るテトリスのレシピ【HTML5】
http://coderecipe.jp/recipe/iHjJBJx9Si/
上記のサイトのテトリスのコードを写経しつつちょっと改良した。