This domain may be for sale!
1. プロトタイププロパティを使わないオブジェクトの作り方 順を追って学ぶ JavaScriptのプロトタイプ継承 其の壱 – jsdo.it – share JavaScript, HTML5 and CSS Line: 15 ここで知っておくべきことは、thisに代入されるのは関数Trapezoidだということ。 オブジェクト(この場合だとTrapezoid)が生成されると自動的に当該オブジェクトがthisに代入される。 次に this.a = a; とか this.b = b; して、コンストラクタ関数が受け取ったパラメータを、オブジェクトのプロパティに代入している。 Line: 20 this.areaにメソッドを代入しているのだけど、これはコメント通りうまいやり方ではない。なぜかというと、もしこのオブジェクトを幾つも作った場合、この全てのメソッドがこのプロパティを持ってしまう
今日読んだ『JavaScript 第5版』の8章らへんに載ってたやつ クロージャーを使いこなせれば一人前のJavaScripterだ!みたいなことが書いてあったので、時間をかけてでも理解しておきたい。だから忘れないうちにメモ。 会社に置いてあって持って帰れないから、うろ覚えだけど、こんなやつだった気がする。 Closure Factory – jsdo.it – share JavaScript, HTML5 and CSS makeClosure()のパラメータであるobjは、グローバル変数として宣言した var d 及び、var dd であるので、obj["get" + name] や obj["set" + name] は、そのオブジェクトのプロパティに関数を作ったということになる。 また、makeColusre()のスコープに存在するvar cValへアクセスするには、getN
JavaScriptに、applyとcallというメソッドが用意されていますが、自分なりにapplyとcallの丁寧に説明をしてみようと思ってこのエントリーを書くなどをしてみます。 applyとcallは非常に似たメソッドなので、まずはcallから説明します。 callメソッドとは? callメソッドは以下のように呼び出します。 methodA.call(thisArg, [, arg1 [, arg2, ...]]); methodAには任意の関数(メソッド)を指定します。 callの引数は第一引数にmethodAのthisとしたいオブジェクトを指定して、第二引数以降はmethodAに渡したい引数があれば、カンマ区切りでそれぞれ指定します。 callメソッドは、すべての関数が共通して持っているメソッドです。すべての関数はFunctionクラスのオブジェクトで、callはFunction.
はじめに 突然そういう気分になったので、jQueryのコードを読んでいきたいと思います。 本日は「配列に対するeach」をjQueryがどう扱っているかについて調査します。 対象 jQuery 1.5.0 本日の題材:配列に対するeach var array=[1,2,3]; $(array).each(function(){alert(this)}); // 1, 2, 3 よんでみよう まずjQueryの初期化処理から見ていきましょう。 (function( window, undefined ) { // L:16 // Use the correct document accordingly with window argument (sandbox) var document = window.document; var jQuery = (function() { // 内部で
※この記事は旧ブログから移動してきたものです。 明けましておめでとうございます。 先日はPHPの紹介記事に則る形でJavaScriptの紹介をしたのですが、こちらは最初からJavaScript視点です。これから始めたい方が「とりあえず触ってみる」のを目的に紹介をしてみたいと思います。 JavaScriptって何さ? 言語の歴史だとか特徴だとかはwikipediaの記事あたりをご覧頂くとして。 一言で言えば、現在最も敷居の低いプログラミング言語です。 準備が簡単 一般的なパソコンを買ってくればすぐ作れる 何かを特別にインストールしなくていい お金もかからない WindowsでもMacintoshでもLinuxでも構わない 先駆者が多い リファレンスやサンプルなどの情報が多い 情報はそれなりに洗練されている 簡単に書ける CやJavaにある程度似た、よくある文法 Cの#include <std
mixiGraphAPIって? iPhoneやAndroidといった外部環境からOAuth認証をへてmixiの機能を利用することができるようになるものです。 例えばボイスの一覧の取得・投稿、フォトの投稿・閲覧といった機能を利用したアプリケーションを構築できます。 http://developer.mixi.co.jp/connect/mixi_graph_api 個人開発者でも利用可能になったみたい! http://developer.mixi.co.jp/news/news_platform/12028 用意するもの Developer登録とアプリケーションの設定 ConsumerKey ConsumerSecret RedirectURI https://sap.mixi.jp/connect_consumer.pl 利用したいスコープを調べる 利用したい権限を絞る、選択することが出来
このページの最終更新日:2019年7月4日 JavaScript。主にWebページを作るのに使われるほか、現在ではさまざまなところで活躍しているプログラミング言語です。 このページはJavaScriptの中級講座です。最新鋭ではないかもしれませんが、読み進めれば大抵のものを自分で作れるようになることでしょう。 言い訳とJavaScriptの歴史 / 問い合わせ 最近の更新2017/10/05 全ページを手直ししました。十六章第六回を追加。2017/11/9 十六章第二十一回・十六章第二十二回を追加。2017/12/2 十七章第三回・十七章第四回を追加。2017/12/3 十七章第五回・十七章第六回・十七章第七回を追加。概要コンテンツは第一篇と第二篇に分かれています。 JavaScriptは昔からWebページに動きを与えるものとして用いられてきましたが、第一篇ではそのような、昔からあるJav
Design Your Way is a brand owned by SBC Design Net SRL Str. Caminului 30, Bl D3, Sc A Bucharest, Romania Registration number RO32743054 But you’ll also find us on Blvd. Ion Mihalache 15-17 at Mindspace Victoriei contact@designyourway.net You came here for some really cool CSS text effects that will help you make amazing web typography for your websites. In order to successfully give a website a lo
maptail.jsはアクセスログをリアルタイムに地図上へマッピングするソフトウェア。 maptail.jsはJavaScript/node.js製のオープンソース・ソフトウェア。node.jsに注目が集まっている。様々なソフトウェアが日々開発されていて、そのどれもが新しい技術を積極的に取り入れている。例えばHTML5だ。 こんなに奇麗に HTML5を使えばどんなことができるのか、それは実際にできあがったものを見てみるのが一番分かりやすいはずだ。その例として紹介したいのがmaptail.jsになる。MapとTailを組み合わせたこのソフトウェアはnode.js/HTML5を知る上できっと面白いはずだ。 maptail.jsを起動する時には何らかのログファイル(通常はアクセスログ)を指定して実行する。そうするとアクセスログをリアルタイムに解析し、IPアドレスから位置情報を取得して地図上にマッ
Introduction ngCore that is smartphone sdk for social platform.Read less
遅い原因も調べてますがとりあえずその辺は後述ということで、先に新型はてブボタンの動作を速くする方法から書いていきます。 まずはてブのボタン配信ページから貼り付けコードを取得します。こんな感じの HTML スニペットがもらえると思います。 <a href="http://b.hatena.ne.jp/entry/http://sakuratan.biz" class="hatena-bookmark-button" data-hatena-bookmark-title="さくらたんどっとびーず" data-hatena-bookmark-layout="standard" title="このエントリーをはてなブックマークに追加"> <img src="http://b.st-hatena.com/images/entry-button/button-only.gif" alt="このエントリ
以下の一行をすべての JavaScript の前に読み込む /*@cc_on _d=document;eval('var document=_d')@*/ この一行を読み込むことによって IE での document へのアクセスが 5 倍速くなります。 たとえば 以下のように、読み込む前と読み込んだ後を比較してみます。 // Before var date = new Date; for (var i = 0; i < 100000; i++) document; alert(new Date - date); // 643 /*@cc_on _d=document;eval('var document=_d')@*/ // After date = new Date; for (var i = 0; i < 100000; i++) document; alert(new Date -
1つ前の記事「JavaScriptをいかに高速化するか、IE9、Firefoxの取り組み」では、IE9とFirefoxにおけるJavaScriptの高速化について紹介しましたが、そもそもJavaScriptの実行速度はなぜ遅いのでしょう? その理由について、Mozilla Japanテクニカルマーケティング担当の浅井智也氏が、スライド「Trace Monkey」でポイントをまとめています(このスライドはタイトルから分かるとおり、Firefoxの当時の新しいJavaScriptエンジン「Trace Monkey」を紹介するために1年以上前に作成されたスライドですが、1つ前の記事を見ると、ここで示された課題はいまも変わっていないようです)。 全67枚のスライドの20枚目から24枚目の5枚を以下に紹介します。 JavaScriptが遅い原因は、以下の4点にまとめられています。 インタープリタ型言
いちいちhasOwnPropertyを使わなくてよくする(ジェネレータの使いかた) - 素人がプログラミングを勉強していたブログについて。 2回ループするid:javascripter にジェネレータ使ってるから「2回」ってことはないとツッコマレタ。その通りですね。のは気になるのと、クロスブラウザにしつつ、微妙な高速化*1。 元ネタは指定したエレメントを非表示にするuser js書いた - <s>gnarl,</s>技術メモ”’<marquee><textarea>¥で使われていた関数から。 //適当にArrayを拡張 Array.prototype.del = function(index){ return this.slice(0,index).concat(this.slice(index+1)) }; var a = [1,2,3]; var __A = []; // 空の配列 f
prototypeを拡張していると、forやfor eachでループしたときに、それも列挙されてしまって、困る。 なので、for(var i in o)if(o.hasOwnProperty(i){doSomething()};とすることが多いのだけど、hasOwnPropertyというメソッド名が長いので、面倒臭い。また、プロパティの名前が必要なので、for eachは使えなくなってしまう。 なので、下のようにするといい。for each相当ではなくfor相当にしたければ、(o[i]を(iにすればいい。 function own(o) (o[i] for(i in o)if(o.hasOwnProperty(i))); Array.prototype.__defineGetter__("first",function()this[0]); Array.prototype.__define
CSSやHTML、そしてJavaScriptについてリファレンス的に扱ってみたいと思います。もちろん実践的なものも。 土曜日, 8, 19, 2006 ページ中のとあるタグの要素をJavaScriptで扱う場合、指定したタグ全てに対して操作を行う場合は、getElementByIdよりもgetElementsByTagNameの方が便利。 たとえば、ページ中のINPUTタグに入力された文字列を全て取り出す場合は、 ソースは、下のようになります。 <script type="text/javascript"> <!-- function getValue(){ var obj = document.getElementsByTagName('input'); var max = obj.length; var all = ""; for(var i = 0; i < max; i++){
jQuery Mobile is no longer supported To read more about the status of the jQuery Mobile project, see the announcement blog post. A Touch-Optimized Web Framework jQuery Mobile is a HTML5-based user interface system designed to make responsive web sites and apps that are accessible on all smartphone, tablet and desktop devices. Seriously cross-platform with HTML5 jQuery Mobile framework takes the "w
2011年はサーバサイド JavaScript の年! サーバサイド JavaScript の本命は node.js! ということで割と普通のウェブアプリケーションを node.js で作るためのチュートリアルを書いてみました。WebSocket とか新しめの話題は結構見ますが、PHP とかで普通のウェブアプリ作ってる人向けのチュートリアルとかあんま見ないような気がしたので、って感じです。 チュートリアルの内容ですが、コード量が少なめで機能的にも分かりやすそうなモノということで、短縮 URL ウェブアプリケーションを作ってみることにしました。bit.ly とか t.co とか nico.ms みたいなアレです。短縮 URL のデータは MySQL に保存します。 結構長文になっちゃったので、先に目次置いときます。 node.js のインストール npm (Node Package Mana
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く