JavaScript力をほんの少し上げる3個のTipsA framework for easily creating beautiful presentations using HTML
[JavaScript] arguments をサクッと配列に変換する方法 - tmlife
だれもが一度はひっかかったことがあるであろうこれ var hoge = function() { var str = arguments.join(','); console.log(str); }; hoge('a', 'b', 'c'); 実際に runstant で動かすと join は関数じゃないよ って エラーがでているのがわかるかと思います. [runstant] これは arugments は配列っぽいけど配列ではない為, 配列系のメソッドが使えずに起きるエラーです. ただ arguments に配列のメソッドを適応したいって場面はよくあると思うので その解決方法を紹介します. arguments を Array に変換 Array.prototype.slice.call に arguments を渡すことで 配列に変換することができます. var hoge = funct
[JavaScript] 配列(Array)の合計値, 平均値, 中央値をモダンに求める - Qiita
よかったらこっちで見てください -> http://phiary.me/javascript-array-sum-average-median モダンといっても ECMAScript 5 から追加されたメソッドを使ってるってだけです... サンプルはこちら. 合計値を求める イケてない実装 普通に for 文回す. var sum = function(arr) { var sum = 0; for (var i=0,len=arr.length; i<len; ++i) { sum += arr[i]; }; return sum; }; var arr = [1, 2, 3, 4, 5]; console.log( sum(arr) ); // 15
![[JavaScript] 配列(Array)の合計値, 平均値, 中央値をモダンに求める - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/d7e67d6165f3bde60b33775f1a0ef409b5ff3721/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JTVCSmF2YVNjcmlwdCU1RCUyMCVFOSU4NSU4RCVFNSU4OCU5NyUyOEFycmF5JTI5JUUzJTgxJUFFJUU1JTkwJTg4JUU4JUE4JTg4JUU1JTgwJUE0JTJDJTIwJUU1JUI5JUIzJUU1JTlEJTg3JUU1JTgwJUE0JTJDJTIwJUU0JUI4JUFEJUU1JUE0JUFFJUU1JTgwJUE0JUUzJTgyJTkyJUUzJTgzJUEyJUUzJTgzJTgwJUUzJTgzJUIzJUUzJTgxJUFCJUU2JUIxJTgyJUUzJTgyJTgxJUUzJTgyJThCJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmcz0xZWYxZjY2ZGU1YzE2NGJiYTM1NTdlNmY2YzRiNmUzMA%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBwaGkmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPTViZWQxYTFhYjlkZGQxZTYyY2NhZTY4N2QwNjIzZTFj%26blend-x%3D142%26blend-y%3D486%26blend-mode%3Dnormal%26s%3Da4c8dc4813520e7681b320119c521e31)
[JavaScript] オブジェクトをループでまわす - Qiita
「そもそもオブジェクトをループで回したい場面なんてねぇよ！」 「潔く標準のメソッド使えよ！」といったツッコミを想定の上で書いております. ご承知の上でお読みください. フロー ふとオブジェクトをループで回したいってときに私がたどるフロー for in 使うか? いや keys で key 配列とってきて forEach で回したほうがカッコよくね？ obj.keys().forEach(...) ... あれ? エラー?? keys って Object の static メソッドかよ!! Object.keys(obj).forEach(...) これを今回は↓ forIn(...) 使お♪ で済ませちゃおうって tips です. よくやっちゃうダサいパターン for in でまわす. hasOwnProperty() 忘れがち. var human = { name: "phi", ag
![[JavaScript] オブジェクトをループでまわす - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/86c50ee4928a544bf9a1335e8178009ae0182213/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZoPTMzNiZ0eHQ9JTVCSmF2YVNjcmlwdCU1RCUyMCVFMyU4MiVBQSVFMyU4MyU5NiVFMyU4MiVCOCVFMyU4MiVBNyVFMyU4MiVBRiVFMyU4MyU4OCVFMyU4MiU5MiVFMyU4MyVBQiVFMyU4MyVCQyVFMyU4MyU5NyVFMyU4MSVBNyVFMyU4MSVCRSVFMyU4MiU4RiVFMyU4MSU5OSZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnR4dC1jbGlwPWVsbGlwc2lzJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9YWQ3ODdhOGFjY2I2YjRkNzc3ODJiYjEwYzZhMzg5NDU%26mark-x%3D142%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQwcGhpJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz1hNzMyODE2YjRmOTNiOTE5N2U1YjI1NGNlZGNmMGY1OA%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3Da7ba817738f84281668e819b03482150)
tmlib 備忘録
tmlib備忘録 ツイート tmlibは0.1.x系と0.2.x系では記法が異なる。2014年4月現在、まとまったドキュメントがないため 個人的によく使う主だった記法を備忘録としてまとめる。 2014.Apr.2 BLZ 関連リソース Download tmlib公式サイト jsdo.it html側の記述 html側の記述は下記のとおり。canvasは自動生成されるわけではないので、 <canvas id="キャンバス名"></canvas>は忘れず書いておくこと。 <canvas id="world"></canvas> <script src="tmlib.js"></script> <script> //ここにスクリプトを記述 </script> Spriteクラス 0.2.x系ではSpriteクラスの引数に幅、高さは不要となった。 インスタンス名 = tm.display.Spr
JavaScript イディオム集
JavaScriptでは、初見の人にはさっぱりわからないけれども、ある程度慣れた人は当たり前に使うイディオムが結構たくさんあります。知ってしまえば何てことはないので、私の知っている限りのイディオムとその意味を解説します。 （7/3追記: twitter等で教えていただいた内容を追加しました） +v （数値化） var v = "123"; console.log(+v + 100) // 223 console.log(v + 100) // 123100 vを数値化する方法では最もメジャーです。parseFloat(v) に比べて高速なのに加えて、parseFloatとは細かい挙動が異なります（例えば空文字列の場合、parseFloatならば NaN になりますが、 +v の場合はゼロになります）。必ず数値になることが保証されており、文字列などで数値化出来ない場合はNaNが返ります。 v
Three.js でピッキング(3Dモデルをマウスで選択)してみた | TM Life
久々の 3D プログラミング. Three.js を使ってピッキングしてみたので, 今回はそのやり方について簡単に解説したいと思います. サンプルは jsdo.it で作ってあるので, 実際に動かしたり, fork してイジってもらえると嬉しいです. table of contents キッカケ サンプル ソースコード 解説 マウス位置を求める(Line 5~8) マウス座標を 3D 化する(Line 10~12) マウス位置から 3D ベクトルを作成(Line 15~17) レイを作成(Line 20) レイとメッシュの交差判定(Line 22) 衝突結果の取得(Line25) キッカケ 昨日, @kino_hideyoshi さんから下記のような質問を頂きました. @phi_jp 初めまして。mqo.three.jsについて質問がありTweetさせていただきました．表示されているmqo
JavaScript ライブラリ tmlib.js で円同士の衝突プログラムを作ってみた | TM Life
※このエントリーで使われてる tmlib.js はバージョンが古いので, 急遽新しくエントリーを書きました(2012 11/25) こちらを見て頂けると幸いです. 自作ライブラリ tmlib.jsを使って, 円同士の衝突プログラムを作ってみました. やっているのは, 円同士の衝突判定 めり込みの補正 衝突後の反発 です. ちゃんと計算するなら, 衝突時間を調べてその分ベクトルの長さを調整して… ってやんないといけないのですが, 速度的に問題があるってのと難易度が上がってしまう(ホントはめんどくさい)のでちょっと省略しています. でもそれっぽく動いていると思います. 色々とパラメータをいじって遊んでみてください. Sample and Download 今回制作したサンプルはこちら. 円同士の衝突プログラムです. マウスもしくはタッチでボールを掴んで投げることができます. また, 右上のパラ
知れば知るほど効率アップ！Macがメチャ便利になる小技31個まとめ – 和洋風KAI
ユーティリティ系小技 【Mac】Finderからフォトストリームにアクセスする方法。（1クリックでアクセスする方法を追記） Finderで写真を管理したいねん！って方にオススメのTips。便利です。 【Mac】今立ち上げているアプリ達をなるはやで「閉じる」ショートカットキーコンビネーション Macには一度にすべてのアプリケーションを閉じる方法はありません。しかしこの技を使えば結構あっという間に閉じることができます。「Qall」というアプリも便利です。 OS X Mountain LionはFnキーを2連打することでテキストの音声入力ができる OS X Mountain Lionの音声入力は割とデキる子です。 【Mac】ブラウザでもエディタでもなんでも一番上、一番下に一気にスクロールできるショートカットキー iPhone、iPadのステータスバータップに慣れた人にお勧めなTips。 【Wif
WordPressを高速化する9つのステップ | PLUS
福岡を拠点に活動するPLUSではWebサイト制作・iPhone/Androidアプリの開発を行っています。 WordPressはそのままだとアクセスが増えた時に、重くなりがちです。プラグインも入れすぎるとさらに重たくなることに。このブログだと表示スピードが改善前は7.7ｓかかっていましたが、見直しを行って0.4sにまで改善することができました。表示スピードは離脱率や、SEOとしても重要な要素ですので、改善する余地は大いにあります。 高速化に役立つツール まずはじめに、改善に役立つツールを2つご紹介します。 一つ目はWebWait。URLを入れると、読み込み時間を教えてくれます。まずはどのくらい時間がかかっているのか、チェックしてみましょう。 次はGoogleの「PageSpeed Insights」。URLを入れるだけで、高速化に役立つTipsを教えてくれます。もともとGoogle社内で
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[JavaScript] JS で関数を引数オーバーロードできるようにしてみた ※黒魔術 - Qiita![[JavaScript] JS で関数を引数オーバーロードできるようにしてみた ※黒魔術 - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/a8ee82ef2fb9ff33d2d8f07e8a451d9b003c5538/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZoPTMzNiZ0eHQ9JTVCSmF2YVNjcmlwdCU1RCUyMEpTJTIwJUUzJTgxJUE3JUU5JTk2JUEyJUU2JTk1JUIwJUUzJTgyJTkyJUU1JUJDJTk1JUU2JTk1JUIwJUUzJTgyJUFBJUUzJTgzJUJDJUUzJTgzJTkwJUUzJTgzJUJDJUUzJTgzJUFEJUUzJTgzJUJDJUUzJTgzJTg5JUUzJTgxJUE3JUUzJTgxJThEJUUzJTgyJThCJUUzJTgyJTg4JUUzJTgxJTg2JUUzJTgxJUFCJUUzJTgxJTk3JUUzJTgxJUE2JUUzJTgxJUJGJUUzJTgxJTlGJTIwJUUyJTgwJUJCJUU5JUJCJTkyJUU5JUFEJTk0JUU4JUExJTkzJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LWNsaXA9ZWxsaXBzaXMmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz1iN2U0OWY4MDJjNDA3ODE1NTNiMzBjZTc1MjZjNzcyNw%26mark-x%3D142%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQwcGhpJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz1hNzMyODE2YjRmOTNiOTE5N2U1YjI1NGNlZGNmMGY1OA%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3D5a27f79f1e9a94cf9014016f7dec8f45)