Three.js

機能参加したThree.js入門者向けハンズオンでいじったものの残骸。Three.js触りだけだったけれど、もう少し勉強して思う通りのものが作れるようになれば楽しいかと思う。codepen.io

rails tutorial 1周した

転職してからrailsアプリのフロント作業がメインの仕事になった。 railsの知識はない前提で入社はしたものの、知らないままでは仕事の範囲が狭いままになってしまうので、良いと評判のrails tutorialをやっている。 1/23(月) rails tutorial 1週目終わり。…

只今第10章 Ruby on Rails チュートリアル:実例を使って Rails を学ぼう Railsは、form_for(@user)を使用してフォームを構成すると、@user.new_record?がtrueのときにはPOSTを、falseのときにはPATCHを使用します。 rails賢い。

JSON serverとダミーJSONの作成方法

サーバーサイドのAPI実装がまだできていない場合に使用できる。 www.webprofessional.jp

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…

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

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

gulpfile.js設定(browserSync)

var gulp = require('gulp'); var browserSync = require('browser-sync').create(); var reload = browserSync.reload; gulp.task('serve', function(){ browserSync.init({ server: { baseDir: "src" } }); gulp.watch("src/**", reload); }); gulp.task('…

浮動小数点を整数にする方法

enchant.js スマートフォンゲーム開発講座より Math.floor(1.618); //1 ~~(2.414) //2 (3.14159)|0 //3 parseInt(1.4142); //1

jsdo.it貼り付けテスト2

jsdo.itからコード埋め込み

テストタイトル

はてな記法テスト #!/usr/bin/perl -w use strict; print <<END; <html><body> <h1>Hello! World.</h1> </body></html> END