Code Archive Skip to content Google About Google Privacy Terms
みなさん お久しぶりですヽ(´ー`)ノ夏休みの宿題終わりました? 毎日が夏休みの最終日みたいな生活してるあまちゃんです! さてさて 今日は WebKit サーバーというものを作ってみたので、紹介してみます。 WebKit って何? WebKit っていうのは Chrome や Safari の中に入ってるブラウザのエンジンのことです! 実はブラウザっていうのは、エンジン部分と見た目の部分(タブとかボタンとかね)に別れていて、意外と違うブラウザでもエンジン部分は同じものを使ってるってことも多いんですよ(*´ー`) ブラウザのサーバーってどういうこと? 要は、サーバーサイドでブラウザを起動して JavaScript を実行したり、 JavaScript が実行されないと読めないページから値を持ってくるのに使ったりしようという魂胆です。 今まではそういうのなかったの? 実は、今までは JavaS
<dir> archilve(2011/03/27 15:06:00) <dir> gtlt(2010/08/25 00:44:55) <dir> ie7(2010/08/24 21:44:20) <dir> others(2011/03/27 15:06:07) <dir> prettify(2010/10/29 21:47:42) .htaccess(2016/11/17 22:43:55) addEvent.html(2011/01/13 05:08:28) addEvent.js(2011/01/13 05:08:28) addEvent_v1.0.js(2011/01/29 19:04:09) Array.prototype.shuffle.js(2011/01/29 19:04:09) chiebukuro-q1254597327.html(2011/01/29 19:03:4
最近白黒はっきりつけたいデータがほしいのはScriptタグは</body>の手前に置く論がどこまでまかり通ってるよいものなのかって話。
console.log等でobjectを出力するとコンソールには出力した時点のobjectではなく一連の処理が終わった後のobjectがでるのでちゃんと確認するならconsole.debug(obj.toSource())する。JSON.stringifyもあり#JSdebug
どうもこんにちは、os0xです。 実は(Twitterに書いただけで)ブログに書いてなかったのですが、3ヶ月ほど前からクックパッドで働いています*1。なんかもう今更ですよね、すみません。 さてさて、クックパッドですが、つい一昨日までprototype.jsを使っていました。で、昨日jQueryへの移行をリリースしたところだったりします。 というわけで、その辺の話を少し書いてみたいと思います。 そもそも、なんでjQueryに移行するのか まあ、prototype.jsとjQueryどちらを使うかと問われたら、大抵の人はjQueryと答えますよね。確かにjQueryの使いやすさは魅力的です。使いやすいということは、みんなでjQueryを使ってサービスを作ることができます。特定の誰かに依存してボトルネックになったりすることがないなら、それは素晴らしいですね。 しかし、ライブラリを変えるのは簡単な
Table of Contents Collections each, map, inject, detect, select, reject, all, any, include, invoke, pluck, max, min, sortBy, sortedIndex, toArray, size Arrays first, last, compact, flatten, without, uniq, intersect, zip, indexOf Functions bind, bindAll, delay, defer, wrap Objects keys, values, extend, clone, isEqual, isElement, isArray, isFunction, isUndefined Utility uniqueId, template Collection
「えへへうふふ E4X」とかいうふざけたタイトルで発表しました。時間をオーバーしまくってご迷惑をおかけしました。 ということで資料を公開します。えへへうふふ E4X。 タイトルに意味はありません。E4X ってえへへうふふって感じがしたのでつけただけです。 喋っていたら「ああ幸せだなぁ」とか思ってテンションがあがってしまいました。なんか変だったようです。たのしかった そういえば、どうでもいいけど今回はパーカーではありませんでした。 あ、あと、XPath や DOM 低レベル関数と比較したのですが、もちろんこいつらには住み分けがあるので、「E4X が常にいい」と言っているわけではないです。特に E4X では XPath の following 系がなかったりとかするのでうまく使いわけられるのが一番いいと思います。 Shibuya.es カンファレンス で動画が公開されました。自分は怖くてみてま
Twitterでこっそりと募集して、オレ標準JavaScript勉強会というイベントを開催しました。 id:edvakfさんが来日されるということで、「会いましょう→何かやりましょう→勉強会とかどうでしょう」というTwitter上の軽いノリで企画され、みんなで短いネタを披露し合う一品持ち寄りの少人数勉強会をやってみよう、ということになりました。で、そのままTwitter上で参加者を呼びかけてみたところ、半日もたたずに15名集まって、しかもそうそうたる顔ぶれに! 当日 色々と反省があったので、少し書き出しておきます。 まず、会場*1には有線LANしかないので、自前のルータで無線LANをやろうとしたんですが、設定がなかなかうまくいかず、だいぶ手間取ってしまいました。やはり、安物のLANは駄目ですね…。大人数で繋ぐと安定しないし、有線をいっぱい用意したほうが良かったです。 で、Ustreamに挑
現在、 mozRequestAnimationFrame や webkitRequestAnimationFrame などのメソッドがFirefoxやChromeに実装されています。 これは最近追加されたアニメーション処理向けのメソッドです。存在は知っていたのですがまだ、最近のFirefoxやChromeじゃないと使えないしなぁ。と自分はまだ様子見状態でした。 しかし、この前開催されたGoogle I/OのHTML5関連のスライドを見ていたらこの様な記述を見かけました。 window.requestAnimFrame = (function(){ return window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || window.oReq
補足 なんかブクマ数が増えている・・・・ 当時は区別がつかなかったんだよ。 自分の中で整理がやっとついたんで説明しなおしています。 http://prezi.com/9brwewgcxtr2/javascript/ ただのクロージャとカリー化の違いがよくわからない。 ラムダとクロージャの違い ただのラムダとクロージャの違いはキャプチャするかしないかで判別できると思う。 パラメータをキャプチャしないのがラムダ。 パラメータをキャプチャできるのがクロージャ。 //これはキャプチャしないのでラムダ var myfunc = function(a,b) { return a + b; }//これはcaptureをキャプチャするのでクロージャ var capture = 123; var myfunc = function(a,b) { return a + b + capture; }違いはパラメ
YSlow for Mobile works as a bookmaklet. Users can now run the equivalent of regular YSlow in Mobile browsers as well as any bookmarklet enabled desktop browsers. Mobile Installation Instructions Option One - Bookmark This Page Bookmark this page; Edit the bookmark URL to remove everything up to and including the hash ("#"). The bookmark URL starts with "javascript:" as shown in the screenshot belo
知ってて当然?初級者のためのJavaScriptで使う即時関数(function(){...})()の全て - 三等兵 はてなブックマーク - 知ってて当然?初級者のためのJavaScriptで使う即時関数(function(){...})()の全て - 三等兵 知ってて当然?初級者のためのJavaScriptで使う即時関数(function(){...})()の全て - 三等兵の記事を読んだ後に当記事を読むこと推奨。 ブックマークコメントを見ていて、用語の使い分けが気になったので書いておこうと思う。 無名関数かクロージャーが一般的じゃないのか?即実効関数とか使い捨て関数なんて初めて聞いた。 「即時関数」を言い表したいときに「匿名関数」とか「クロージャー」というのは不相応。 「匿名関数」 これは単に名前の付いていない関数を表す言葉であって、定義後に即実行する関数を指すとは限らない。また、記
もじら組フォーラムで書いたことを再掲。以下 JavaScript といった場合 JScript などは含まないものとする。 JavaScript の function ECMAScript 3 で function キーワードが使われる構文には FunctionDeclaration と FunctionExpression があり、以下のように定義されている。 FunctionDeclaration function Identifier ( FormalParameterListopt ) { FunctionBody } FunctionExpression function Identifieropt ( FormalParameterListopt ) { FunctionBody } FunctionBody SourceElements Program SourceEleme
(function(){ var namespace={a:'hogehoge'}; with(namespace){ alert(a); } })(); 上記のコードのようにwith文の中で、どのスコープでも未定義の変数aを使おうとすると、 with文の括弧の中に入ってるオブジェクトのaプロパティを代わりに使ってくれます。 これはもちろんIE・Firefox・Opera共通。 (function(){ var namespace={a:'hogehoge'}; with(namespace){ function fuga(){ alert(a); } } fuga(); })(); 今度はwith文の中で宣言した関数の中で同じく変数aを使おうとした場合です。 Firefoxだとhogehogeとalertが出るけど、 IE・Operaだとaは未定義だと怒られてしまいます。 (functi
(function(){...})()は、 (function($){ $.hoge = function() { }; })(jQuery) みたいに使われていたりするコード。GreasemonkeyとかjQueryのプラグインとか、あれこれ見かけることがあると思います。 この話題はいくつかWebでも取り上げられていますが何がどうなってんのかちょっと難しいですね。しかし、誰でも理解できるレベルではあります。というのも、こういう種の難しさは体系的な知識が備わっているか否かということなのです。 でも、この知識を体系化する作業って結構しんどくて、難しくて、まーハゲるほど悩むこともあるかもしれない。それはきっと、とても毛根に悪いかもしれない。スカルプDも真っ青の状況になるかもしれない。それは、悲しいことなのだと思う・・・っ! 毛根にはこれからもがんばってほしい!いつだって頭を温かいまなざしで見守
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く