2016-01-01から1年間の記事一覧

route.rbのnamespaceとmoduleととscopeの違い

namespace URL、controller格納フォルダ共、指定のパスになる。 module controllerの格納フォルダだけ、指定パスになる。 scope URLだけ、指定のパスになる。 参考 qiita.com

vue.js component

gihyo.jp上記の「フルーツの名前をリストするコンポーネント」を、記載されているコードを 元に作成してもエラーになる。(vueのバージョン1系でも2系でも駄目) どうにもスッキリしないので動くように直した。

rails tutorialメモ

8.1.1 Sessionコントローラ http://railstutorial.jp/chapters/log_in_log_out?version=4.2#sec-sessions_controllert ログインフォーム newアクションで処理 createアクションにPOSTリクエストを送信→ログイン destroyアクションにDELETEリクエストを送信→…

ES6におけるthis

ES6を使うに当たって、thisの挙動は注意する必要がある。shirusu-ni-tarazu.hatenablog.jp

.bashrcの変更設定をすぐに反映させる

基礎的なことだよワトソン君、だけど忘れてしまったのでメモ。 $source ~/.bashrc または $. ~/.bashrc

Knockout.jsのViewModel間でデータのやりとりを行う方法

www.wrapcode.comKnockout.jsで別々のViewModel間でデータのやりとりを行う方法がわからなかったので 調べた所、上記のサイトに各種方法が書いてあった。"ko.subscribable"というfunctionがnativeであるけれど詳しいドキュメントは ないらしい。 このfunctio…

これJadeでどう書くの?という時に使えるサービス

Jadeで少し複雑な箇所に出くわした時、記法の調べが簡単につかない時は 一度HTMLで書いて以下のWebサービスでJadeに変換すると速い。HTML 2 Jade - a converter for HTML

Array.prototype.includes()

developer.mozilla.org配列の中に該当の要素があるかの判定を行うメソッド。 IEとEdgeでは未サポートのため、今の所Polyfillが必要。

ajaxでコンテンツを読み込んでから要素の高さを揃える

webdrawer.net上記のサイトを参考にして、書き方をちょっとだけ変えたのが以下。 いままでコールバック地獄、という程のものに出会わなかったけれど、今後は非同期処理を気にする必要があるパターンに色々でくわしそうなので予習しておいてます。http://tamo…

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…

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…

テトリス

【JavaScript】200行で作るテトリスのレシピ【HTML5】 http://coderecipe.jp/recipe/iHjJBJx9Si/上記のサイトのテトリスのコードを写経しつつちょっと改良した。http://tamoriinu.sakura.ne.jp/tetris/ ※音出ます

パララックスのテスト

パララックス効果のサイトを作るにあたって、動きを検証してみた。 http://tamoriinu.sakura.ne.jp/parallax_test/使ったプラグインは以下のもの□jq.easyParallax https://github.com/rin316/jq.easyParallax/blob/gh-pages/jquery.easyParallax.js20160604…

三国志の武将で中国語の発音を覚えるアプリを作りました。

にわかにはてな界隈で三国志が盛り上がっているのでビッグウェーブに乗っかってみる。三国志にはまっていくと原作を中国語で読みたくなると思うけど、これは根気がいる。 なのでまずは登場人物の名前くらいは中国語で読めるようになりたい、と思って作成した…