第6回実践:ショッピングカート②(Ember.Object, Observer) 佐藤竜之介 2015-02-25

AngularJS is a JavaScript framework that allows developers to create dynamic web applications. It uses HTML as the template language and extends HTML attributes with directives. AngularJS applications are composed of modules, controllers, services and filters that allow creating single page applications with two-way data binding between models and views.Read less
これですね。これ何か呼び方あるの? なにこれ グローバル変数にならないようにする仕組み。 スコープ問題 JavaScriptではスコープ(変数の有効範囲)は関数単位(function(){~})になるのが基本。 そして一番外側、どの関数の中でもないものは「グローバルスコープ」に所属する「グローバル変数」となり、どこからでも利用できる変数になる。そうなるとどこかで変数の名前がかぶった際、勝手に値が変わったりして大変恐ろしい事になってしまう。 そこで、ファイル全体を関数で括る事でスコープを生成して、グローバルではない変数にしておこう、というもの。ただしvar宣言なしに変数を使い始めると、結局グローバル変数になってしまうので注意。 次世代JavaScriptだとletとかあるけど触れません、関係ないし。 関数の前後にくっついてる括弧は 関数は作成するだけでは何もならないので、即時実行してやります
株式会社つみき UI/UX事業終了のお知らせ 拝啓 時下ますますご清祥のこととお喜び申し上げます。 平素より格別のご高配を賜り、厚く御礼申し上げます。 この度、弊社は創業以来続けて参りましたUI/UX事業(受託制作事業)につきまして、2024年4月30日をもって終了することを決定いたしました。 今後は、弊社の主力事業であるFilmarksをはじめとした、映像関連事業に注力して参ります。 ご愛顧を受け賜りました皆様には、深く感謝申し上げますとともに、ご理解賜りますようお願い申し上げます。 敬具 株式会社つみき 代表取締役社長 鈴木 貴幸 事業終了予定日:2024年4月30日 biz@tsumikiinc.com
みなさん、おはこんばんにちはでス。ブラウザからjs書いて、動作確認できる仕組みについて調べて 次の2つ、jsbin と plunker が比較的メジャーそうなのでまとめた 同じようなこと調べているひとがいたら参考になる程度の調査量。つまり少ない。 えっと、 https://jsdo.it の証明書が切れているのは内緒だぞ! この記事の内容 『jsFiddle 的なものを実装するために必要な技術調査』をする過程でオープンソースの jsbin と plunker を見つけたのでまとめた。 調査時の条件 操作がブラウザのみで完結しているもの 実行可能 な言語は javascript だけで良い クライアントサイド(ブラウザ側)のjavascriptだけで良い 調査対象としたサービス/サイト jsdo.it http://jsdo.it (https://jsdo.it の証明書が切れてて調査でき
概要 テンプレート文字列を記述できる構文が実装された。 テンプレートリテラル 基本の使い方 バッククオート『 ` 』で囲んだ文字が、文字列リテラル同様に文字列として評価される。 var t = `テンプレート` var s = "テンプレート" console.log(t) // "テンプレート" console.log(t == s) // true 改行がそのまま認識される。 var t = `テンプ レート` var s = "テンプ\n"+ "レート" console.log(t) // "テンプ⏎レート\t" console.log(t == s) // true 文字列中に変数などを埋め込む リテラル中の『${』と『}』で囲まれた部分は式として評価される。 var n = 123, f = () => 339 var t = `0${ n }45${ f() * 2 }9` v
JavaScript デバッガ (JavaScript Debugger) JavaScriptのコードにブレークポイントを設定して、ステップ実行などを行えます。名前が同じで混同しそうですが、JavaScript Debugger (Venkman) ではありません。 SyntaxErrorなどのエラーが含まれるファイルは、デバッグできません。目的のファイルをJavaScript デバッガで見つけられない場合には、ブラウザコンソールでエラーが発生していないか確認します。 基本 起動方法 JavaScript デバッガは、そのデバッグ対象によって起動方法が異なります。それぞれ[Firefoxボタン]のメニューから、 Firefoxで実行しているWebコンテンツ … 【Web開発 → デバッガ】 Firefoxのシステム関連 (アドオンなど) … 【Web開発 → ブラウザツールボックス (ブ
競馬とは関係なのでスルーしてくださいmm Javascriptで価格計算などを行う際、 --- document.getElementById("total").value = arguments; --- などとテキストフィールドの値をセットしても、 onchangeイベントが発生しない。 そこでイベントを強制的というかエミュレートする方法を見つけたのでメモ。 // onChangeをエミュレート var elem = document.getElementById("total"); // ブラウザ判定 if( /*@cc_on ! @*/ false ) { // IEの場合 elem.fireEvent( "onchange" ); } else { // Firefoxの場合 var evt = document.createEvent( "MouseEvents" ); //
きっかけ Blenderでアペンドミクさん表示したい。Blenderにpmxを読み込みレンダリングまで ↓ Unityでアペンドミクさん動かしたい。[MMD4Mecanimを使用してMMDモデルにUnityで踊って頂いてみた。] (http://qiita.com/hiroyuki_hon/items/931c79164b0ffe19517f) ↓ WEBブラウザ上でMMD動くの!?MMD on three.js / three.jsで遊んでみる(29) ↓ とりあえずWEBGLと物理エンジン試してみよう ←イマココ この記事で行うこと 下のアニメーションが動く所まで。 ammo.js (JavaScriptの3D物理エンジン) の簡単な使い方 three.js (JavaScriptの3D描画ライブラリ) の簡単な使い方 この記事で行わないこと ベクトルとか物理数学関係の計算 three
似たようなツールはよくあるが、ドメイン名が覚えやすかったのと機能が豊富なのでご紹介。 JS Prettyでは、JavaScriptのソースを綺麗にしてくれるツールを提供している。 使い方は簡単で、綺麗にしたいソースを貼り付けるだけだ。 オプションも豊富で、インデントを何桁にするかとか、配列で桁を揃えるだとか、チェーンメソッドで改行するか、とかのマニアックな設定が可能だ。 よくJavaScriptをいじる人だったら知っておいても損はないかもですな。
即時関数の構文 即時関数はスコープを汚染せずに新たなスコープを作成するための唯一の手段 即時関数が使われるケース まとめ JavaScriptには「即時関数」という構文があります。即時関数は関数を定義すると同時に実行するための構文で、この即時関数を使ってコードを書いたことのある方も多いのではないかと思います。 JavaScriptに慣れている方にとっては「何を今さら」といった書き出しかもしれませんが、私はこの即時関数を初めて知った時、その必要性がイマイチ見出せませんでした。それは、「関数を定義と同時に実行するのは分かるけど、別に普通に関数を定義して、その関数を呼び出せばいいじゃん」って思ったからです。 確かに、一度しか使われないような関数をいちいち名前付きで定義してそれを呼び出すというコードは冗長的かもしれません。そのような場合は即時関数を使った方がよりスマートなコードになるでしょう。です
JavaScript の this は関数定義時に決まるのではなく、関数の呼び出し方によって変わることを解説します。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く