JavaScriptの設計について考える - 機能ごとに分類する / Lei Hau'oli Engineer's Blog | レイハウオリエンジニアブログ
はじめに JavaScriptは、WebページにユーザインタラクティブなUIを実装するためのプログラミング言語です。この言語は、文法が単純であるため、プログラミング経験のない初心者でも、比較的容易に学習することができます。JavaScriptのフレームワークの1つであるjQueryの出現により、学習コストは更に下がりました。 Webが普及し始めた頃は、WebサイトのコンテンツやUIは非常にシンプルでした。よってJavaScriptで実装する機能も、多くの場合、ごく単純なものに限られました。しかしブラウザの表現能力の向上によって、リッチなWebサイトを構築することができるようになると、JavaScriptの役割も大きく変わってきました。それまでの補助的な役割から、サービスを実現するために欠かせないものになりました。HTML5で、新たにcanvasやインラインSVG、indexed DBなどが
ナウいJavaScriptアニメーション実装法
【ヒカ☆ラボ】JavaScriptの情報交換LT会~React/Redux,Node.js,アニメーション,Processing等々~
JSだけでVRできる！『WebVR』ことはじめ
今年はVR元年と呼ばれています。 実は過去にも何度かVR元年と呼ばれ、VRが来る、と言われていた年があります。 ですが、今年はいよいよそれが本格的になりそうな状況になってきました。 そこで今回は、「今からWebVRに備えよう！」ということで、WebVRとはなにか、それを利用して何ができるのか、利用シーンはどうか、といったことに焦点を当てたいと思います。 VR元年 本格的になりそうなのはなぜか。まずひとつ挙げられるのはOculus Rift（詳細は後述）に代表される、いくつかのヘッドマウントディスプレイ（以下、HMD）が比較的安価に家庭で利用できるようになったことです。 今年に発売される予定のものだけでも、Oculus Rift、HTC Vive、PlayStation VR、FOVE(開発キット版)など様々なHMDが市場に登場する予定になっています。 またこれらが注目される理由として、現在
Railsで、任意のJavaScriptやCSSだけを読み込む - Qiita
こんな風になってるはず。 どのページでも共通に読み込みたい JavaScript が以下の二つだった場合。 app/assets/javascripts/hogehoge/fugafuga.js app/assets/javascripts/areare/korekore.js.erb //= require_tree . を削除してこんな風に修正します。
Railsで呼び出すjsをページごとに分けたい - PartyIX
Railsにかぎらず，ある程度のフレームワークに乗っかって開発していると「できることはできるんだけど，ちょっと好みに合わせたい」みたいな要望が発生してくる． 今回のも，そんな「気を使えばできるけど頑張りたくない」ときに便利なことです． Railsはjavascriptをassetsというフォルダの配下においている． この辺の活用方法はSprocketsやAssetPipelineを理解してもらうとして，とにかくそういう構成になっている． Railsは，何もせずそのまま"application"のレイアウトを使用していると，このassetsフォルダ配下にあるjsをすべて読み込んでいる． なんでこうなっているかというと，デフォルトで用意されているapplication.jsが原因だ． application.js内には //= require . という記述がある． そしてこのapplicat
非jQuery環境ではどう書んだっけ?チートシート - Qiita
※追記 コメントでこの記事よりも断然質の良い記事を教えてもらいました。 @kabochaさんありがとうございます。 You Don't Need jQuery https://github.com/oneuijs/You-Dont-Need-jQuery 追記の追記。 日本語訳のお手伝いをさせていただきました。 github https://github.com/oneuijs/You-Dont-Need-jQuery/blob/master/README-ja.md [Qiita]もうjQueryは必要ない http://qiita.com/tatesuke/items/b9548dd484b01b139b74 jQueryが使える環境でコーディングした後、jQueryが使えない環境でコーディングしようとすると、「どう書くんだっけ？」となることが多いです。ということで分かる範囲でチートシ
javascript iPhoneで今まで使ってた判別方法だとscrollTopが効かなくなっていたので調べた。 - かもメモ
jQueryを使ってページをスクロールさせるスクリプトでよく見かけるのは下記のような感じです。 $('body, html').animate( {scrollTop: 0}, 'fast' ); このコード動くんですけど、bodyとhtml両方でイベントが起きているので、処理中にチラツキが発生したりコールバックが2回呼び出されてしまいます。スクロールした後に何か処理したい時とか結構困るのでスクロールイベントで使うのはbodyなのかhtmlなのかをブラウザで判別する必要があります。 今までは下記のコードを使っていました。 var scrollTag = (!document.uniqueID && !window.opera && !window.sidebar && window.localStorage && typeof window.orientation === "undefin
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - asciidwango/js-primer: :book: JavaScript Primer - 迷わないための入門書