Private content!This content has been marked as private by the uploader.
Private Presentation
Private content!This content has been marked as private by the uploader.
Essential JavaScript And jQuery Design Patterns の日本語訳
2012年1月10日追記 github に移行準備しています。Essential JavaScript Design Patterns 1.1がリリースされました。(03/09追記)Essential JavaScript And jQuery Design Patterns (Addy Osmaniさん著) の日本語訳です (原文の HTML 版はこちら)。ライセンスは原文と同じCreative Commons Attribution-NonCommercial-ShareAlike 3.0 です。翻訳開始の予定ではブログで公開してゆきます。今後 pdf を用意する予定です (2011/02/23時点)。このチュートリアルで推薦されているオライリーの「JavaScriptパターン」の日本語訳は今年の02/16に発売されました。 序文はじめに「パターンな」テスト、プロトパターンと3つのルー
ブラウザでJavaScriptが動く時代がやってきた！ - 葉っぱ日記
というわけで、昨日から話題沸騰の Javascript PC Emulator すごいですね。JavaScript で書かれた x86 PC エミュレータ上で Linux 動かして、入ってる tcc 使えばそこそこのソースもコンパイルして動いたり。 もとのディスク容量が少ないので、適当な母艦を用意して、こんな感じ で新しいディスクイメージ作って、CocProxy や Fiddler の AutoResponder を使って root.bin へのリクエストをローカルのファイルに差し替えてやれば、好きなファイルも入れられますね。 というわけで、SpiderMonkey を入れて動かしてみました。ブラウザ内でJavaScriptが動くなんてムネアツですね！ 手順としては、コンパイルの簡単な SpiderMonkey 1.7 を x86 の32ビットマシンで -static 付きでビルドして、r
2011-05-17のJS: jQuery 1.6.1リリース、new 演算子への理解、altJS
JSer.info #18 - jQuery 1.6で大きく変わったattr()と.prop()周りで少しごたついてますが、1.5.2から1.6.1へとアップグレードできる感じになったと思います。 また、定期的にあるJavaScriptのnew 演算子批判について、とてもいい回答になってる記事が書かれているので読んでおくといいですね。 jQuery: » jQuery 1.6.1 Released http://blog.jquery.com/2011/05/12/jquery-1-6-1-released/ jQuery 1.6.1がリリース。 1.6で後方互換性がなくなってた.attr()が修正されています。 また、.attr()と.prop()の使い分けの仕方についても説明されています。 -John Resig - jQuery 1.6 and .attr() -jQuery 1.6
Underscore.js - 4 Code Reading
Underscore.js 1.1.6のソースコードを見ていく Table of Contentsによるとそれぞれジャンル分けされているので、それに沿って読む。 Collections Arrays Functions Objects Utility Chaining 最初の初期化とか、取り決めらへん グローバル変数 Underscore.jsはというグローバル変数のみを持っていて、以下に便利な関数を 詰め込んだ感じのライブラリです。 (function() { // Establish the root object, `window` in the browser, or `global` on the server. // rootになるオブジェクト、ブラウザだとwindowだけどunderscore.jsはブラウザ以外でも使えるのでthisでグローバルをとる var root =
便利機能満載のライブラリUnderscore.js - PolyPeaceLight
便利機能満載のライブラリUnderscore.js - にのせき日記が「力尽きた」と仰っているので勝手に続きを書く Object Functions tap _.tap(object, interceptor) chainを使うときに、途中にobjectを割り込ませ、chainの途中結果を知ることが第一義の目的。 _([1,2,3,200]).chain(). select(function(num) { return num % 2 == 0; }). tap(console.log). map(function(num) { return num * num }). value(); => [2, 200] => [4, 40000] isEqual _.isEqual(object, other) 2つのobjectをdeep compareすることが目的 var moe = {na
モテるJS系女子力を磨くための4つの心得 - KAYAC Engineers' Blog
1. あえてECMAScript3.0以前の実行環境を使う あえてECMAScript3.0の実行環境を使うようにしましょう。そしてATNDで好みの男がいたらLT参加を告知し、わざとらしく発表準備段階でコンソールを出していじってみましょう。そして「あ～ん！ この実行環境本当にマジでチョームカつくんですけどぉぉお～！」と言って、男に「どうしたの？」と言わせましょう。言わせたらもう大成功。「ECMAScriptとか詳しくなくてぇ～！ ずっとコレ使ってるんですけどぉ～！ Object.keysが使えないんですぅ～！ ぷんぷくり～ん（怒）」と言いましょう。だいたいの男は新しい実行環境を持ちたがる習性があるので、ECMAScript5の実行環境を使っているはずです。 そこで男が「新しい実行環境にしないの？」と言ってくるはず（Object.prototypeの拡張を勧める男はその時点でガン無視OK）。
【レビュー】Doctor JSを使ってJavaScriptで型を意識する方法 | エンタープライズ | マイコミジャーナル
Doctor JS is a genius. He'll analyze your JavaScript code, complete with polymorphism, prototypes, exceptions and callbacks. Mozilla Labsから実験的な新サービスDoctor JSが公開された。Doctor JSはJavaScriptのソースコードを静的に分析して型推論の結果を表示するサービス。任意のJavaScriptソースコードを分析して、変数やまたは関数の返り値などの型を示してくれる。JavaScriptではプログラミングの段階では厳密な型付けを要求されない。Doctor JSを使うとどの変数がどの型に対応するかを実装段階でチェックできる。ベースとなっているのはDimitris Vardoulakis氏らが開発したCFA2と呼ばれる関数言語向けのフロー
次世代JavaScriptを“いま”実現するグーグルの「Traceur」
現在仕様策定中の次世代JavaScriptが備えるであろうクラスの継承やモジュール化機能を、いまのJavaScriptで実現するコンパイラ「Traceur」をグーグルが公開しました。 traceur-compiler - Google's vehicle for Javascript Language Design Experimentation - Google Project Hosting TraceurはJavaScriptで記述されたコンパイラとして実装されており、オンザフライでTraceur対応JavaScriptを現在のJavaScriptに変換、実行します。 具体的には、HTMLの先頭で「traceur.js」を読み込んでおくと、そのWebサイトではそれ以後、Traceur対応のクラスやモジュール化機能を備えた次世代JavaScriptをそのまま実行できる、ということになり
pvdz.ee - Ecma
This is an (almost) complete overview of the ES5 specification. ECMAScript is the language that governs JavaScript. Although meant to be finished some day, I'm just too busy right now. Most notes were a first draft. The meta javascript language is not using a very consistent api, etc. But seeing how others are popping up (see below), I guess I should publish my notes and see whether I'll take the
prez. - html based rich slide template
programming notes. mainly about JavaScript / jQuery. [@Takazudo] [takazudo@gmail.com] Hint: alt + / 色々試してみよう的にスライドのテンプレみたいのを作った。 デモprez. on gitHub※ IE9, Chrome11, Safari5, Firefox4, Opera11 キーボードの o を押すとページ一覧に切り替えられる。後は矢印とかjkhlとかで移動。 一続きのページの並びを縦に展開できるようになってる。 Backbone.jsをベースに作ってみた。一旦ページに存在するデータを取ってきて、モデルらを構築し、そのデータを元にプレゼン用ビューと一覧用ビューを作る。各ページのモデルにはselectedというプロパティがあり、この値は、コントローラー（hashchangeマネージャみたい
How to spot outdated JavaScript
⚠️ Warning: this is an old article and may include information that’s out of date. ⚠️ Introduction Those that are just setting out to learn JavaScript are typically overwhelmed by the amount of online resources to be found about learning JavaScript. Not only this, but every webpage visited presents a potential learning opportunity just by inspecting the source. However, not all resources are guara
Google ChromeのJavaScriptデバッガの進化がすごい - os0x.blog
Chrome版のFirebugことGoogle Chrome Developer Toolsですが、以前gihyoで解説したときよりさらに便利になっているので、少し紹介します(元はWebKitなので、そのうち(近いうちに)Safariでもそれなりに使えるようになるはずです)。 圧縮されたコードの整形 まず、目立つところからいきましょう。ちょうど先日更新されたChromeのdev版(12.0.742.0)に搭載されたばかりの機能で、minifyされているJavaScriptコードを読みやすいように整形して表示してくれるというものです(IE9の開発者ツールにも実装されている機能です)。 例えば、Google Analyticsのコードは圧縮されていて普通は読めません。 しかし、Chromeのデベロッパーツールなら、 このように整形してくれます。 やり方は簡単で、デベロッパーツールのScript
JavaScriptのDateクラスでのISO8601とUNIXタイムスタンプについて - kanonji’s diary
YoutubeとFlickrのAPIから受け取ったJSONを扱っててちょっとつまづきました。動画や写真の投稿日時に、YoutubeではISO8601が、FlickrではUNIXタイムスタンプが使われていて、そのままDateクラスに渡したところInvalid Dateとなりました。 解決方法 ISO8601 new Date('2009-07-31T15:22:16.000Z'); 実はFirefoxとChromeでは動いてました。が、SafariではInvalid Dateとなってしまいました。ISO8601としては割と標準的な記述だと思うんですが、Safariでは対応してないようです。 HTML5互換のISO-8601日付フォーマットライブラリ書いた。 - IT-Walker on hatena [JSAN] Date.W3CDTF - ISO-8601日時フォーマット対応JavaScr
vNext Build fails with error message ‘Cannot find solution’ because it does not exist. - MSDN Blog
In Visual Studio 2022 17.10 Preview 2, we’ve introduced some UX updates and usability improvements to the Connection Manager. With these updates we provide a more seamless experience when connecting to remote systems and/or debugging failed connections. Please install the latest Preview to try it out. Read on to learn what the Connection ...
JavaScript の new 演算子の意味: Days on the Moon
JavaScript における new 演算子の動作は大まかにいって以下のとおりである。(new F() とした場合。) 新しいオブジェクトを作る。 1 で作ったオブジェクトの [[Prototype]] 内部プロパティ (__proto__ プロパティ) に F.prototype の値を設定する。 F.prototype の値がオブジェクトでないのなら代わりに Object.prototype の値を設定する。 F を呼び出す。このとき this の値は 1 で作ったオブジェクトとし、引数には new 演算子とともに使われた引数をそのまま用いる。 3 の返り値がオブジェクトならそれを返す。そうでなければ 1 で作ったオブジェクトを返す。 ここで「オブジェクトである」というのはプリミティブ値 (文字列、数値、真偽値、undefined 、null) ではないということだ。new Stri
JavaScript Gardenの読書メモ - prog*sig
■感想 まず発見したときにサイドバーのデザインが綺麗だなと思った。また文章内でちゃんと内部リンクが貼ってあってとても見やすい作りになっている。 内容もそこまで難しい書き方はしてないので何とか読める。またコード(or 文字)で書くようにしているのかは知らないけど、画像を一切使わずにprototypeとかをちゃんと説明できていて凄いと思った。 かなり仕様も囓ってる感じの人が書いてて、noteにES5の時についてなども触れられていてかなり細かいとこも書かれていた。難易度的にはJavaScript Patternsと同じくらいだと思うけど、とてもいい文章をWebで公開してくれているので是非読んでおくべきだと思う。 著者であるIvo Wetzel (Writing)とZhang Yi Jiang (Design)に感謝を。 JavaScript Garden http://bonsaiden
IE9RC で document が const になり再定義が不可能になった - latest log
IE9RC の挙動を調べています。 IE9RC では @amachang さんの /*@cc_on var doc = document; eval('var document = doc'); @*/ が封印されてる http://twitter.com/#!/uupaa/status/35942322231320576 残念ながら、 @amachang さんの発案した方法がIE9で封印されてしまったようです。 IE9RC Release note http://msdn.microsoft.com/en-US/ie/ff468705.aspx window.document が const になったため、再代入するとエラーになります。 http://jsdo.it/uupaa/Wq0w で試せます。 回避案 (function(document) { // ローカルスコープ doc.c
Effective JavaScript - Dynamic Scripting
Effective JavaScript A Few Ways to Improve Your JavaScript Effective JavaScript は JScript 、JavaScript 、ECMAScript による効果的なスクリプトの構築方法を解説するものです 目次 0 序章 はじめに 表記法 1 関数 引数 - デフォルト引数、正当性チェック、残余引数、オーバーロード 関数とオブジェクト - 無名関数、関数オブジェクト、関数アダプタ クロージャ - 無名関数を返す関数 関数の変形 - 関数の合成、引数の束縛、引数の加工 2 例外 3 オブジェクト プロパティとメソッド - 基本的な話 コンストラクタとプロトタイプ - コンストラクタ、メソッドの定義、プロトタイプによる継承 アクセスレベル - 非公開メンバ、限定公開メンバ実現のアプローチ © 1999-2004 exe
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
d3.js - Data-Driven Documents