JavaScriptでオブジェクト指向（Javascript/OOP）2009/06/06 ウェブテコ7発表資料 - Download as a PDF or view online for free
addEventListener()の第３引数の意味とかをちゃんと理解する為のメモ - 今日もスミマセン。
Web上でUIをマジメに作ろうとするとイベントの仕組みをちゃんと理解しておく必要がある。 jQueryとか便利なライブラリつかえばある程度簡単にできるんだろうけど、いろいろ制約あってそれらのライブラリが使えない場合もあるので、ちゃんと理解するためにメモしておく。 イベント伝播の順番 W3Cのドキュメントに分かりやすい図があったので引用する。 The capture phase: the event is dispatched to the target's ancestors from the root of the tree to the direct parent of the target node. The target phase: the event is dispatched to the target node. The bubbling phase: the event
JavaScriptのnewって本当にいらない子？ - あと味
先日、「JavaScriptのオブジェクトについて考察してみた - あと味」を書いてから、chikuraさんからコメントいただいたり、id:dankogaiさんから「404 Blog Not Found:javascript - にはクラスはない」という記事で言及いただいたり、JavaScript: The Good Partsを読み返したりした結果、newについて調べたいという衝動にかられましたので、その調べた結果を書いてみたいと思います。 newを調べようと思ったキッカケを整理 まずは、そのキッカケから整理します。 chikuraさんのコメントより 押さえるべきポイントは、new演算子の際に何が行われるか？だと思うので、こちらのページもぜひ読んでみてください。 JavaScript の new 演算子の意味: Days on the Moon http://nanto.asablo.j
new を不当に貶める陰謀と JavaScript におけるクラスの継承構造の話 - vivid memo
私は陰謀論者じゃないですし JavaScript の new 演算子が大好きなわけでも大嫌いなわけでもないです。 念のため。 本記事は Hiraku さんが書かれた下記記事への言及です。 newを封印して、JavaScriptでオブジェクト指向する(1) newを封印して、JavaScriptでオブジェクト指向する(2) newを封印するべき4つの理由 new 演算子は使うな!? 「newを封印するべき4つの理由」 でも new がいかに糞であるかが書かれていますし、その記事からも言及があるように Crockford さんが書かれた書籍 『JavaScript: The Good Parts ―「良いパーツ」によるベストプラクティス』 でも new 演算子は Bad Parts に分類されています。 new 演算子が忌避される理由はいろいろあるみたいですが、Hiraku さんの記事では n
newを封印するべき4つの理由
ちょっと勢いに任せて書いちゃったので攻撃的な文章になってます。。 すごくわかりやすい解説記事を頂いたので、こちらも必読です。 new を不当に貶める陰謀と JavaScript におけるクラスの継承構造の話 - vivid memo (追記：2011/5/15) 前の記事「newを封印して、JavaScriptでオブジェクト指向する」が思いのほか反響が大きかったので、調子に乗って補足を書いてみますよ。 ブコメへの返信 「無用な複雑化に見える。」「俺俺オブジェクト指向な気がする。」といったご意見もいただいたんですが、普通たった１０行の関数でオレオレオブジェクト指向なんて作れないですよ…。JavaScriptの内部機構をほとんどそのまま使っているからこそ、この行数で済むのです。 それに、このプロトタイプ的継承の考え方をDouglas Crockfordが編み出したのは、もう５年も前の話です。E
javascript - にはクラスはない : 404 Blog Not Found
2009年06月13日22:00 カテゴリLightweight Languages javascript - にはクラスはない かえってわかりにくくなっている感じをかつてさんざん実感したので。 JavaScriptのオブジェクトについて考察してみた - あと味 JavaScriptにおけるほとんど全てのデータはオブジェクトである オブジェクトの定義にもいろいろありますが、ここでは「メソッドを持つ」という狭い意味においても事実だということです。実際に見てみましょう。 p(true.toString()); p("String".toString()); p((1).toString()); p((3.14159265).toString()); p([0,1,2,3].toString()); p({q:"answer to life, the universe, and everythi
[Javascript] prototype のプロパティに値を上書きするのと prototype にオブジェクトリテラルを上書きするのでは動作が異なる
[Javascript] prototype のプロパティに値を上書きするのと prototype にオブジェクトリテラルを上書きするのでは動作が異なる あるオブジェクトのプロパティを上書きするときに、ドット演算子を使って上書きする方法とオブジェクトリテラルで上書きする方法では同様の結果が得られます。ですがprototypeの場合は訳が違うようです。具体的な例を示します。 オブジェクトリテラルとオブジェクトのプロパティの関係 下記の結果からオブジェクトリテラルによる上書きと、オブジェクトのプロパティへの上書きについては同じ動作をするものと思い込んでいました。 オブジェクトリテラルで定義したあとにプロパティに上書きをする
![[Javascript] prototype のプロパティに値を上書きするのと prototype にオブジェクトリテラルを上書きするのでは動作が異なる](https://cdn-ak-scissors.b.st-hatena.com/image/square/8d71ff5111e05619a10d29bb40d7aebaa75c8fbc/height=288;version=1;width=512/https%3A%2F%2Fs0.wp.com%2Fi%2Fblank.jpg)
Google Maps API V3の使い方とは？ | WordPressにGoogle Maps API V3！
◆Google Maps JavaScript API V3 ブログ目次 Google Maps API v3とは？ 本ブログは判らないところをコツコツ積み重ねました。あくまでご参考にされて下さい。Google Maps APIを扱うことは決して難しいことではないと思います。Google Maps JavaScript API V3のページからスタートするといいと思います。 ※V2は、2013年11月以降は使用できなくなります。 いきなりサンプル集（example）地図を見るならコチラ Google Maps API Google Maps APIサービスがサポートする国・都市の一覧表 初期設定 Google Maps API V3の地図（マップ）をPC、スマートフォンで見れるように表示させるscriptとメタタグの設定 地図に表示する。 ナビゲーションコントロール、マップタイプコントロー
Google JavaScript Style Guide
Revision 2.2 Aaron Whyte Bob Jervis Dan Pupius Eric Arvidsson Fritz Schneider Robby Walker This style guide contains many details that are initially hidden from view. They are marked by the triangle icon, which you see here on your left. Click it now. You should see "Hooray" appear below. Hooray! Now you know you can expand points to get more details. Alternatively, there's a "toggle all" at
Android携帯でブラウザから緯度経度情報を取得 - PHP,MySQL,Flex,JSな日々＋イラストとか
Android携帯でブラウザから緯度経度情報を取得する方法です。 以前紹介したiPhone3.0のときと結構似ているので簡単にできます。 ページはこちら http://moeten.info/flex/20090713_androidGPS/test.php AndroidかiPhoneからアクセスしてね！ こんな感じにブラウザのJavaScriptから簡単に取得できますよー。 簡単な説明 Androidではgearsを使用することによってGPS情報が扱えるようになります。 まずは、 gears_init.js をインクルード <script type="text/javascript" src="gears_init.js"></script> javascript部分 //緯度経度取得 function getGPS(){ var gps = google.gears.factory.
WebGL 開発支援サイト wgld.org
次なる Web を見据えて 来たるべき WebGL2 の時代へ 2011 年、最初のバージョンである 1.0 が勧告された WebGL は、ウェブブラウザ上で OpenGL ES に相当するグラフィックス API の機能を利用することができる JavaScript の API です。 そして 2016 年、WebGL の正当な後継バージョンとなる WebGL2 (もしくは WebGL 2.0) がいよいよ本格的に利用できる段階になりつつあります。 当サイトでは、2012 年の開設以来、WebGL 1.0 系の API を用いるための技術解説を掲載してきました。そして今後は、時代の変遷に合わせて WebGL 2.0 系の解説記事も公開していく方針です。 WebGL 2.0 が登場するとは言っても、後方互換を保つという意味もあって 意図的に有効化 しない限りは WebGL 1.0 相当の AP
Node.js チュートリアル | Node ビギナーズブック
本書について 本書は、Node.jsでのアプリケーション開発を始めようとする皆さんに、 ”高度な”JavaScriptについて知るべきあらゆることを解説します。 よくある”Hello World”チュートリアルの、はるか上をいくものです。 ステータス 貴方が読んでいるのは、本書のいわゆる最終版となります。 つまり本書は、間違いが見つかった場合や、 Node.jsの新バージョンにおえる変更点を反映する時のみ、改訂されます。 最終更新日は2012年2月12日です。 本書内のコードのサンプルは、Node.jsのバージョン0.6.10でテストしています。 ターゲット読者 本書は、Ruby、Python、PHP、Javaのような、少なくともひとつのオブジェクト指向言語を理解しており、 JavaScriptについてはあまり経験がなく、Node.jsについては全く経験がないという、 著者と同じようなバッ
スマートフォン向けWebページでタッチイベントを取得す - YoheiM技術やらずに終われまテン
こんにちは、@yoheiMuneです。 今日は、スマートフォンのWebページで、タッチイベントを取得する方法をブログに残しておきたいと思います。 スマートフォンのタッチイベント スマートフォンではマウスの代わりに指を使って画面を操作しますよね。Web画面上でも指でタッチするかと思いますが、タッチしたイベントを取得、タッチした位置情報などを取得する方法を学ぶと、面白いWebページが作成出来そうです♪(´ε｀ ) タッチイベントの種類 タッチイベントには３種類存在するようです。 ontouchstart タッチ開始時のイベント ontouchmove タッチして移動した時のイベント ontouchend 指が画面から離れた時のイベント 例えば、以下のようにイベントを設定します。 window.addEventListener("load", function(){ document.body.
– このドメインはお名前.comで取得されています。
このドメインは お名前.com から取得されました。 お名前.com は GMOインターネット(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※表示価格は、全て税込です。 ※サービス品質維持のため、一時的に対象となる料金へ一定割合の「サービス維持調整費」を加算させていただきます。 ※1 「国内シェア」は、ICANN(インターネットのドメイン名などの資源を管理する非営利団体)の公表数値をもとに集計。gTLDが集計の対象。 日本のドメイン登録業者(レジストラ)（「ICANNがレジストラとして認定した企業」一覧（InterNIC提供）内に「Japan」の記載があるもの）を対象。 レジストラ「GMO Internet Group, Inc. d/b/a Onamae.com」のシェア値を集計。 2024年5月時点の調査。
ごくごく小さなJavaScriptインタプリタ·TinyJS MOONGIFT
TinyJSはC++で作られた小さなJavaScriptインタプリタです。 mrubyというプロジェクトに注目が集まっています。Rubyの軽量版で、組み込み系に適した実行環境です。ごく小さな実行環境は組み込み系へ適用したり、スマートフォンでも軽快に動作するなど使い道が多いと思われます。そこで紹介したいのがTinyJS、C++で作られた小さなJavaScriptインタプリタです。 インタプリタを起動しました。printを使って結果を出力できます。 trueは1として出力されています。 undefinedもきちんとあります。 TinyJSは僅か2000行程度で作られています。JavaScript/EcmaScriptに準拠する形で開発が進められています。現状はVariables、配列、ハッシュ型に対応しており、JSONのパースや出力も可能です。関数も作成できます。さらにJavaScriptから
JavaScript：with構文によるブロックスコープ再考
変態文法と聞いて胸がときめく人なら、ぜひマスターしておきたいのがJavaScriptのwith構文です。スピード狂やuse strict信奉者に蔑まれ、そのうち黒歴史として消滅しそうな哀れな構文ですが、消えるには惜しい。ちょっと光を当ててみましょう。 以下、パフォーマンス無視の文章でいきますのでよろしくお願いしますm(_ _)m with文の教科書的な説明 もともとwithはオブジェクトのメンバを展開するための構文でした。たとえばdocument.getElementById()などのDOMのメソッド類は多用すると思いますが、名前が長いですよね。せめてdocument.を省略できないものか、と誰もが思うでしょう。ちまちまやるなら、 var getElementById = document.getElementById, getElementsByName = document.getEl
Google JavaScript Style Guide 和訳 — Google JavaScript Style Guide 和訳 v0.1 documentation
この和訳について¶ この文章は Google JavaScript Style Guide を非公式に和訳したものです. 内容の正確性は保証しません. ライセンスは原文と同じく CC-By 3.0 とします. フィードバックは Issue への登録 , あるいは Kosei Moriyama (@cou929 または cou929 at gmail.com) へ直接お願いします. この和訳のリポジトリは こちら です.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://ja.d3js.info/alignedleft/tutorials/d3/
Ideone.com
codepad