Hogan.js
Getting started Hogan.js is a 3.4k JS templating engine developed at Twitter. Use it as a part of your asset packager to compile templates ahead of time or include it in your browser to handle dynamic templates. If you're developing with Node.js, just use NPM to add the Hogan package. $ npm install hogan.js Alternatively, drop hogan.js in your browser by adding the following script. <script src="h
Function Expression Statements: Days on the Moon
もじら組フォーラムで書いたことを再掲。以下 JavaScript といった場合 JScript などは含まないものとする。 JavaScript の function ECMAScript 3 で function キーワードが使われる構文には FunctionDeclaration と FunctionExpression があり、以下のように定義されている。 FunctionDeclaration function Identifier ( FormalParameterListopt ) { FunctionBody } FunctionExpression function Identifieropt ( FormalParameterListopt ) { FunctionBody } FunctionBody SourceElements Program SourceEleme
Mozilla 勉強会で ECMAScript 6 の WeakMap について LT しました - mooz deceives you
2011/10/01 に開催された Mozilla 勉強会＠東京 6th で WeakMap について LT を行わせて頂きました．発表資料，メタ的な説明，勉強会の感想，そして Firefox Hacks Rebooted の説明を記します． 発表資料 説明 ECMAScript 6*1 に導入される予定の機能に WeakMap というものがあります．これは平たく言うと「連想配列」で，ようやく ECMAScript にもまともな連想配列*2が導入されて喜びもひとしおな方も多いことでしょう． その WeakMap ですが，以前 Proxy を先走って実装してくれた Mozilla が再び先走って実装を行なっています．結果として Firefox 6 からこの WeakMap は利用可能となりました． 今回は 5 分間の LT ということで仔細な話は無理と判断し，抑えておくべき WeakMap
High-Performance Javascript
book by Nicholas C. Zakas presentation by Goran Topic Loading and Execution or how not to block your page The first job: getting your scripts to run Standard way: list them in <head/> That way, we know they are available "Standard" way <html> <head> <title>Test</title> <script type="text/javascript" src="file1.js"></script> <script type="text/javascript" src="file2.js"></script> <script type="text
Web Audio
Web Audio Examples The Web Audio API introduces a variety of new audio features to the web platform. It can be used with the canvas and WebGL APIs for creating a new generation of games and interactive applications. The API is capable of dynamically positioning/spatializing and mixing multiple sound sources in three-dimensional space. It has a powerful modular routing system, supporting effects, a
Audio Data API - MozillaWiki
Defining an Enhanced API for Audio (Draft Recommendation) Note: this API has been deprecated in favor of the Web Audio API chosen by the W3C. Abstract The HTML5 specification introduces the <audio> and <video> media elements, and with them the opportunity to dramatically change the way we integrate media on the web. The current HTML5 media API provides ways to play and get limited information abou
Audio Data API JS Library - MozillaWiki
Introduction This page is a brainstorming and spec page for a JS library based on the Audio Data API. http://github.com/corbanbrook/dsp.js Currently it has js FFT, DFT, Oscillators (sine, square, triangle, saw), envelopes, IIR Filters, Window functions Ideas < sanchothefat> I'd like to see a similar api to jquery or pjs style eg. a = new Audio(); a.wave('sine'); extract stuff from bloop, synth, sq
History API - Dive Into HTML5 (日本語訳)
History API - Dive Into HTML5 (日本語訳) Manipulating History for Fun & Profit ❧ Diving In ブラウザのロケーションバーは世にある UI のなかで最もギークなもののひとつだろう。URL はビルボードや電車の車体、はたまたグラフィティにまで現れる。戻るボタン (ブラウザでもっとも重要なものだ) と組み合わせれば、Web と呼ばれる複雑に絡みあったリソースの集合を行き来するとても強力な手段となる。 HTML5 の History API はブラウザのヒストリ情報をスクリプトから操作する機能だ。この API の一部にはヒストリを行き来する機能があるが、これは以前の HTML の頃より存在していた。HTML5 では、ブラウザのヒストリにエントリを追加する機能、ページの更新なしにロケーションバーの URL を書きかえる機
Chosen: A jQuery Plugin by Harvest to Tame Unwieldy Select Boxes
Hide Search on Single Select The disable_search_threshold option can be specified to hide the search input on single selects if there are n or fewer options. $(".chosen-select").chosen({disable_search_threshold: 10}); Default Text Support Chosen automatically sets the default field text ("Choose a country...") by reading the select element's data-placeholder value. If no data-placeholder value is
便利機能満載のライブラリUnderscore.js - にのせき日記
JavascriptライブラリUnderscore.jsがすごい便利。 すごい便利なのにもかかわらず、あんまり日本語の情報がなかったので、公式のドキュメントをスピリチュアル抄訳してみた。 http://documentcloud.github.com/underscore/ Collection Functions each _.each(list, iterator, [context]) listの要素をイテレートする。すべての要素はiterator関数にyieldされる。iteratorには(element, index, list)の3つの引数が渡される。もしlistがJavascript Objectだった場合は(value, key, list)になる。 _.each([1, 2, 3], function(num){ alert(num); }); => alerts eac
Chromeブラウザ初の「WebRTC」実装発表 - JavaScript/HTML5でIMを簡単開発 | エンタープライズ | マイコミジャーナル
Google Chrome runs web pages and applications with lightning speed. WebRTC実装のChromeへのマージが開始されたことが報告された。WebRTCはJavaScriptおよびHTML5技術でリアルタイムコミュニケーションアプリケーション(いわゆるインスタントメッセンジャー)の開発を可能にするためのオープンソースプロジェクト。テキストのみならず、音声や動画などを使ったリアルタイムコミュニケーションをJavaScript APIとHTML5のみで利用できるようにすることを目指している。 GoogleはChromeにWebRTCの機能を取り込むことを発表。まだマージは始まったばかりで、これから実際に利用できる状況まで仕上げていくことになる。Googleは自社のGmailにおいてインスタントメッセージング機能を提供している。W
JavaScriptのいろいろなコーディングルールをまとめてみた
JavaScriptの書き方はJavaScript自体がある程度自由なためいろいろな書き方ができますが、一貫性を持って書いた方がバグなども発生しにくくなるため、コーディングルールを定めておくのはよいことだと思います(特に複数人の開発の場合) 有名な企業やライブラリはコーディングルールも公開している事が多いので適当にまとめてみました JavaScript style guide – MDC Docs Mozilla/Firefox向けのものなので、一部ECMAScriptの範囲を超えたものも含まれています。 多くの人が見ていると思うので、見たことない人は一度読んでみるといいです。 jscsにこのコーディングルールをチェックするプリセットが用意されています。 Google JavaScript Style Guide Google JavaScript Style Guide 和訳 — Goo
次世代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をそのまま実行できる、ということになり
incsearch.js - インクリメンタルサーチライブラリ
クライアントサイドで、JavaScriptによるインクリメンタルサーチを行うためのライブラリです。 (【お知らせ】ver2.0からprototype.jsを必要としなくなりました) 下記のような機能を持っています。 入力内容をもとに検索を行い、一致するデータを表示します。 単純なリスト表示と、テーブル形式での表示に対応しています。 Ajaxでは無く、初回画面表示時のみデータの読み込みを行い、それ以降は、クライアント側で対象データから検索します。したがって、入力内容に変化があってもサーバ側にアクセスすることはありません。 一致した文字を強調表示します。 複数キーワード(AND条件)での検索が行えます。 オプションで検索条件などを簡単に切り替えられます。 表示件数の上限を指定でき、ページ遷移にも対応しています。 ソース incsearch.js (ver2.2 : 2008/04/02) Gi
AjaxZip 2.0
Kawa.netxp AjaxZip 2.0 - Ajax郵便番号→住所自動入力フォーム（CGI不要版） AjaxZip2は、昨年公開した 『ajaxな住所入力フォーム』 の新バージョンです。 郵便番号を入力すると、該当する都道府県名・住所が自動的に入力されます。 Ajaxと JSON フォーマットを利用するJavaScriptライブラリとして公開しました。 JavaScript のみで稼動するため、サーバサイドで稼動するCGIプログラムは不要です。 郵便番号→住所変換処理は全てクライアントサイドのJavaScriptで行います。 既存 HTML の住所入力フォームをたった3行書き換えるだけで利用できます。 簡単に設置できるため、プログラムに詳しくない方でも導入していただけると思います。 以下の住所入力フォームに、7桁の郵便番号を入力してみてください。 【2007/12/09 追記】 jQ
JavaScriptの構文エラーやコーディング規約上の問題をチェックしてくれる「JSHint」が便利そう - F.Ko-Jiの「一秒後は未来」
ReadWriteWebで、自分や他人が書いたJavaScriptにエラーや問題が潜んでいないかどうかをチェックしてくれる「JSHint」というツールが紹介されていました。 この JSHint というツールは「JSLint」というDouglas Crockford氏が開発したツールを元にしていて、より柔軟かつチームでの開発を配慮した設計になっているそうです。 基本的な構文チェックだけでなく、それぞれのコーディング規約に基づいた書き方になっているかどうかをチェックできるように、多くのオプションが用意されています。 ↑ 用意されているオプション。 ↑ 試しに自分が書いたJavaScriptをデフォルトのオプションでチェックしてみたところ、色々と問題を指摘されました。 ↑ チェックする環境として、ブラウザ以外に ES5 や Node.js といった環境を選ぶこともできます。 チームで決めたコーデ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
JSer.info
実践・ウェブアプリ高速化テクニック#Chrome+HTML5 Conference
IDEA * IDEA
d3.js - Data-Driven Documents