tmlib.js 入門 – タッチナンバーを作ろう | tmlife

2015/04/27 33 users tmlib.js ゲームライブラリ Andorid サポ 入門

個人的にずっと作ってるゲームライブラリ tmlib.js のゲームプログラミングチュートリアルです. 最近は, iPhone アプリや Andorid アプリ, 勉強会や教育機関などでも使われてきている tmlib.js. 4月に 0.5.0 をリリースし, 大幅アップデートしてだいぶ仕様も固まり使いやすくなってきました. なので, そろそろ真剣にチュートリアルを充実させていきます!!(今までサボ... 続きを読む

JavaScript で全体のエラーを検知, 捕捉してハンドリングする方法 | tmlife

2015/04/23 92 users Console 検知 関数 エラー サーバー

エラーが起きたい際に, 共通で何か処理をやりたい場面ってよくありますよね？ 例えば console 以外でエラーが起きた行を表示したい エラーの内容を日本語化したい エラーの内容をサーバーに送りたい などなど. 今回は JavaScript で起きたエラーを検知, 捕捉して ハンドリングする方法を紹介します. エラー時に必ず呼ばれる関数を登録しよう JavaScript ではエラーが起きると wi... 続きを読む

Bootstrap で横並びラジオボタンを作ってその値を JavaScript から取得する方法 - tmlife

2015/02/03 42 users Bootstrap JavaScript 方法

地味にこれやってる良い感じの情報がなかったので メモがてら作ってみました　. デモ こちらデモになります. ラジオボタンが表示され押すとそれに対応した文字列がコンソールに表示されるのがわかると思います. [runstant] ソースコード html ラジオボタンを構成する部分です <div id='mode' class="btn-group" data-toggle="buttons"> <la... 続きを読む

マテリアルデザインをベースとしたフレームワーク『Materialize』使ってみた - tmlife

2015/01/28 99 users Materialize フレームワーク マテリアルデザイン

Google が発表してからちょこちょこ話題に上がっているマテリアルデザイン. 今回はそのマテリアルデザインをベースとしたフレームワーク『Materialize』使ってみたのでそのメモです. 毎回 bootstrap じゃ飽きちゃいますしね♪ Materialize って？ 公式より A modern responsive front-end framework based on Material... 続きを読む

JavaScript で DOM 要素の絶対座標を取得する方法 - tmlife

2015/01/21 67 users DOM window.onload Hoge 備忘録 要素

備忘録. スペニット的に使ってもらえれば幸いです. DOM 要素の絶値座標を取得する element.scrollTop とかだと親からの相対値になっちゃいます. getBoundingClientRect() を使えば絶対座標を取得できます. window.onload = function() { var element = document.getElementById('hoge'); /... 続きを読む

tmlib.js でグラフィックスプログラミング - 幾何学っぽいなにか - tmlife

2015/01/15 36 users tmlib.js ゲームプログラミング Demo ナンボ 手足

思いついたので, tmlib.js で幾何学っぽいやつ作りました. ちょっとしたグラフィックスプログラミングです. 下にデモとコードの解説載せてます. ゲームプログラミングは, 乱数やベクトル, 行列を手足のように使えてナンボの世界なので こういったプログラミングに慣れとくと楽しいですよ♪ Demo とりあえず作ったやつです. パーティクル同士が近づくとラインを結びます. マウスにも反応します. ... 続きを読む

『marked.js』 を使ってブラウザ上で markdown を html に変換する方法 - tmlife

2015/01/15 16 users Markdown Marked table デフォルト ヤツ

今まで markdown-js ってのを使っていたのですが, marked ってやつが table とか code block とかデフォルトで対応してて良い感じだったので 導入がてらまとめました. ついでに簡易エディタの作り方もざっくり書いたので最後まで見てもらえると幸いです. marked.js とは A full-featured markdown parser and compiler, ... 続きを読む

gulp 入門 - tmlife

2015/01/07 36 users Gulp Grunt 入門 最小限 メモ

gulp の使い方についてのメモです. 導入について最小限にまとめました. gulp はもう分かったよって方はこちらもどうぞ coming soon coming soon coming soon coming soon gulp とは 公式によると The streaming build system ストリーミングビルドシステム. ピンとこないですねw ざっくりと言うと, grunt と同じよ... 続きを読む