や...やっと理解できた！JavaScriptのプロトタイプチェーン - maeharinの日記
JavaScriptのプロトタイプチェーンについて理解しようとしたのだけど、prototypeとか__proto__とかごちゃごちゃになって、色んなブログを読んでもなかなか理解しきれなくて悶々としていたのだが、図を書いたらパッと理解できた！以下、情報ソースはなるべくECMAScript仕様書（3rd）を元にするようにして書きました なぜ分かりづらいのか？ そもそも、なぜJavaScriptのプロトタイプチェーンは自分にとってこうも分かりづらかったのだろうか？自分なりに分析してみると、まず、「似ているが違う用語が沢山ある」という点がある。ざっとあげただけでも、「prototypeと__proto__」「__proto__と[[Prototype]]」「FunctionとFunctionオブジェクト」などがある。そして次に、「入り組んだ構造が動的に変化する」という点がある。上記のように似たよう
Important Considerations When Building Single Page Web Apps | Envato Tuts+
Single page web applications - or SPAs, as they are commonly referred to - are quickly becoming the de facto standard for web app development. The fact that a major part of the app runs inside a single web page makes it very interesting and appealing, and the accelerated growth of browser capabilities pushes us closer to the day, when all apps run entirely in the browser. Technically, most web pag
変数とメソッドの命名ベストプラクティス15 - 杉風呂2.0 - A Lifelog -
この記事は、Cagdas Basarane 氏のブログ、 CodeBuild から 2012年2月20日の記事 "15 Best Practices of Variable & Method Naming" を翻訳したものです。 原文URL http://codebuild.blogspot.com/2012/02/15-best-practices-of-variable-method.html 十分短く十分長い変数名をスコープごとに使用する。一般的に、ループカウンタには1文字、条件やループ変数には1単語、メソッドには1-2単語、クラスには2-3単語、グローバル変数には3-4単語を使用する。 具体的な(specific)名前を使用する。例えば、"value"、"equals"、"data"といった変数名はいかなる場合も有効ではない。 意味のある(meaningful)名前を使用する。変数
newを封印して、JavaScriptでオブジェクト指向する(1)
以下はプロトタイプ的継承だけで一通りの機能を実現できる、という一つの例です。もちろん他にも書き方はありますし、newを使うのがよくないと主張しているわけではないです。 (誤解を生みそうな文体が混じっているようなので追記: 2011/5/14) 春ですし、少し初心者向けの記事を書きます。タイトル通り、JavaScriptのオブジェクト指向について。ちょっと長くなるので目次です。 クラス（に相当するオブジェクト）を作る オブジェクトからオブジェクトを作る（インスタンス化） 単一継承 多重継承 privateは諦めましょう 親のメソッドを呼ぶ コンストラクタ instanceofに対応する ダックタイピングのススメ JavaScript標準のオブジェクト指向といえばnewやらprototypeやらを書く必要がありますが、これらは書くのが面倒臭い上に気をつけないといけない点がたくさんあります。Ja
モバイルゲームの歴史を年代別にご紹介します。モバイルゲームの成長と今後について詳しく解説していきます。
モバイルゲーム 物凄い勢いで勃興したモバイルゲーム業界は、いろいろな課題や問題に直面しながらも巨大化し、今日の時点でのスマートフォン向けゲームの市場へと継承されていきます。 モバイルゲームの歴史 2001 Javaアプリと3Dゲームの登場 Javaが利用できるようになったことにより、ダウンロード型のゲームが供給できるようになりました。 2002 携帯電話端末の大容量化・3D化競争 Java搭載携帯電話端末が登場してからごく僅か1年の間に、アプリのサイズに関しては10倍に広大化し、表現方法も2Dから3Dにシフトし始めました。J-PHONEは『ゼビウス』や『スペースハリアー』などといった昔のアーケードゲームを、ドコモはSIMCITYなどパソコンで世界的規模のヒットを飛ばしたゲームを主力商品としていました。 2003 モバイルゲームの一般化 メモリの制限が厳しいJava仮想マシン上ではなく、OS
ドラゴンボールで学ぶオブジェクト指向
オブジェクト指向の基本亀仙流やつ鶴仙流など、世の中にはいくつかの流派（＝クラス）があり、それぞれの流派にかめはめ波やどどん波、舞空術などの技（メソッド）がいくつかあります。 実際に流派にある技を使う場合、技を覚えているZ戦士（インスタンス）が必要になります。 例）亀仙流を覚えた孫悟空を使ってかめはめ波を放って敵を倒す goku = new KamesenRyu("goku"); goku.shootKamehameha(teki); Z戦士によっては複数の流派の技が使えたり、自分の技を人に教えることが出来ます（継承）。 また悟空とクリリンのように同じ流派でも同じ技で違う性能を持っていたり、オリジナルの技を持っているなどの違いがあります。 クラスはセルを作るためのZ戦士達の遺伝子情報と言っても良いかもしれません。 例）セルを作りましょう。 class Cell extends Goku,Ve
JavaScriptのデバッグTips - os0x.blog
JavaScript Advent Calendar 2010 8日目担当のid:os0xです。 JavaScriptネタは案外範囲が広くて色んなネタがあるので、毎回が楽しみですね。 さて、私はデバッグをネタにしたいと思います。テストではなくデバッグです。誰かが書いたコードをメンテナンスしなきゃー、とか。jQueryプラグイン導入しようとしたけど、なんかうまく動かないーみたいなケースのおはなしです。 JavaScriptのデバッグは大変なので、多くの方が日々苦労されていると思います。なぜJavaScriptのデバッグが大変なのか少し整理してみましょう。 ブラウザ依存 まず、なんといってもJavaScriptはウェブブラウザ上で実行されるので、環境が一定ではありません。特定の環境だけを対象にJavaScriptを書くことは滅多にありません。PC向けではIE、Firefox、Chrome、Sa
The Top 20 Web Design Courses You Should Know About
In today’s article, we are featuring 20 web design learning resources where you can learn everything about web designing and developing. Before you start you can check our very own free web design training course. Table of Contents: Websites That Offer Web Design Courses Online How to Learn Web Design The Right Way: Quit College And Start Sucking Blood What is the Future of Online Education? An In
グーグル、JavaScriptプログラミングツールをリリース
Googleは米国時間11月5日、「Closure Tools」と呼ばれるプロジェクトをリリースし、同社のウェブサイトおよびウェブアプリケーション作成レベルに達することを望む開発者をサポートしていく方針を明らかにした。 Googleは、ウェブ中心のビジョンの一環で、JavaScriptを用いたウェブベースのプログラム記述を強く推進している。確かにGoogleは、「Gmail」や「Google Docs」などのサービスを通じて、JavaScriptを最大限に活用しており、より高速にJavaScriptプログラムを実行できるようにする目的もあって、「Chrome」ブラウザの開発に努めてきた。 しかしながら、JavaScriptプログラムは時に異なるブラウザ上では異なった動作をするなどの理由から、高機能なJavaScriptの記述、デバッグ、最適化は困難なものともなってきた。Googleがオープ
クラスの継承を利用して効率化 | ClockMaker Blog
飲み会の席でActionScript 3の「クラスの継承」について教えてほしいというリクエストをもらったので、ブログで紹介してみます。 Flashコンテンツを作っていて同じようなスクリプトをいろんな所に書いてしまうことはよくあると思います。私がよく使っている簡単な「クラスの継承」例を紹介してみたいと思います。 ボタンにはロールオーバー/ロールアウトで明るくなる演出を適用しており、クリックするとそれぞれ別々のURLにリンクするようになっています。 このようにボタンには同じ演出が適用されており、ボタンのクリックしたときの挙動が違うということはよくあると思います。フレームアクションとクラススタイルの実装方法を比較して紹介したいと思います。 フレームアクション(というか親から設定する場合)でおこなうと タイムラインでスクリプトを起こす場合はfor文でまわして、ボタンの挙動を設定する方法があると思い
フリー言語で真のプログラミングを学ぶ--目次：ITpro
プログラミングの世界は広大です。自分の「母語」であるプログラミング言語を極めることも大切ですが，他の言語に目を向けることで驚くほど世界が広がることがあります。他の言語からエッセンスを学ぶことで，汎用的な「プログラミング力」が格段にアップするのです。 この特集では，個々の言語から何が学べるかについて具体的に解説しています。まず，Rubyの開発者でありプログラミング言語マニアとしても知られるまつもとゆきひろ氏に「複数のプログラミング言語を学ぶ意義」について語っていただきました。まつもと氏には，プログラミングの基礎となるコードの読み方の解説もお願いしました。 注目の言語，RubyとJavaScriptについては，気鋭の若手開発者のお二人に解説していただきます。さらに，伝説のプログラミング言語Eiffelの解説を，Bertrand Meyer氏の名著「オブジェクト指向入門」の翻訳で知られる酒匂寛氏
JavaScript のチートシートいろいろ:phpspot開発日誌
JavaScript のチートシートいろいろ。 JavaScript Cheat Sheet Addison-Wesley's JavaScript Reference Card JavaScript Quick Reference JavaScript and Browser Objects Quick Reference JavaScript in 10 Minutes 以前に紹介したものもふくまれていますが、他にもいろいろあるようです。 印刷しておくと便利そうですね。
各種プログラムコードの整形ツール集:phpspot開発日誌
Time-Savers: Code Beautifier And Formatter 各種プログラムコードの整形ツール集。 ブラウザ上でコードを自動で美しく整形してくれるツールなどがまとまっていました。 コードが綺麗だとメンテナンスしやすくて多くのメンバーでも作業しやすくなりますね。 Quick Highlighter - コードをハイライト化したHTML＆CSSを吐き出せる PrettyPrinter - PHP, Java, C++, C, Perl, JavaScript, CSSコードを整形 PHP Code Beautifier - PEARのコーディング規約に沿った形にPHPコード整形 Ruby Script Beautifier - Rubyスクリプト整形 Tabifier - インデントツール CSS Beautifier - ＣＳＳ整形ツール Highlight.js -
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
基礎文法最速マスターランキング
Cheat-Sheets.org
http://ja.doukaku.org/