JavaScript のブロックスコープと名前空間 « Mozilla Developer Street (modest)]
Web 開発や拡張機能開発で JavaScript のコードを書いていると、誰もが一度は次のようなことで悩むかと思います。 ブロックスコープと名前空間 (グローバル変数汚染の回避) 読み書きしやすくデバッグしやすいコードスタイル コールバック関数と this オブジェクトの取り扱い デバッグ方法とデバッグ支援モジュール 非同期処理の書き方 いずれも解決方法は人によって様々で、これが常にベストと言えるものがなさそうですが、私なりにそれぞれ検討したことなどを書いてみようかと思います。もっと良い方法があるとか色々皆さんのご意見やツッコミをいただければ幸いです。 JavaScript では名前空間は言語仕様でサポートされておらず、ライブラリや拡張機能などのコードを書くときにはグローバル変数の使用を最小限に抑える必要があります。先日の Mozilla 勉強会＠東京 3rd でも佐藤さんと守山さんの発
![JavaScript のブロックスコープと名前空間 « Mozilla Developer Street (modest)]](https://cdn-ak-scissors.b.st-hatena.com/image/square/8eebd75773eb0321573d9040b42d88f184780c77/height=288;version=1;width=512/https%3A%2F%2Fdev.mozilla.jp%2Fwp-content%2Fthemes%2Fmodest%2Fimages%2Fpage-image.png)
JSON Online Validator and Formatter - JSON Lint
To format and validate your JSON, just copy + paste it below: About the JSONLint EditorJSONLint is a validator and reformatter for JSON, a lightweight data-interchange format. Copy and paste, directly type, or input a URL in the editor above and let JSONLint tidy and validate your messy JSON code. What Is JSON?JSON (pronounced as Jason), stands for "JavaScript Object Notation," is a human-readable
ちょっとしたメモ - スクリプトのMIMEタイプがRFCとなって公式登録へ
2001年の秋からInternet Draftとして検討されてきたScripting Media Typesが、ようやくInformational RFCになるとアナウンスされた。これで「まだ公式には登録されていないが」と断りつつ使ってきたtext/javascriptなどが、「正規の」メディアタイプとして記述できることになる。 この文書は、text/javascript, text/ecmascript, application/javascript, application/ecmascriptの4つをスクリプトのメディアタイプとしてIANAに登録する。ただしプログラム言語のタイプがtext型なのはいろいろ問題が多いとして、最初の2つはobsolete扱いとされた。もっとも、application型のスクリプトMIMEタイプをサポートしているUAは少ないので、現実的にはtext/jav
全角/半角文字を変換する - @think49の日記
think49 think49「半角文字 <-> 全角文字」の文字マップを生成してみた。https://ideone.com/sttNv #ECMAScript #JavaScript5月10日 11:46 PM think49 think49to-zenkaku.js : 半角文字を全角文字に変換する - Gist https://gist.github.com/964592 #ECMAScript #JavaScript5月10日 11:47 PM think49 think49to-zenkaku.js, to-hankaku.js : 半角文字/全角文字をそれぞれ変換する — Gist https://gist.github.com/964592 #ECMAScript #JavaScript5月11日 1:08 AM think49 think49しかし、円記号の半角変換は「'\
jQueryをやめてExt JSにしたのは果してよかったのか．．． | サラリーマンのすらすらＩＴ日記
JavaScriptにはPrototype.js、script.aculo.us、jQuery、Dojo、Ext JSなどのフレームワークや、拡張機能を持ったものがたくさんあります。最初の二つは結構早い時期にやってみたのですが、jQueryの方が後発だったこともあってはるかにいいので、jQueryに転身しました。ずっとやっていくうちに気が付いたのが、jQueryが標準でGridを持っていなかったこと。今はどうなのか知りませんが、少なくとも当時は標準機能としてはなくて、jQueryのユーザが自作したものがいくつかありました。この標準機能としてGridがないというのが私には不満でした。 そんな時知ったのが、Ext JS。当時日本語書籍は一冊しかなく、その本を買って理解を深めていきました。Ext JSはjQueryとは違って、すべてのコンポーネントを自前で持っている壮大な構想のフレームワーク。理
Ext JS アプリケーションによる特徴と実装方針（日記）
ども、小堤です。 めずらしく、それっぽいタイトルですね、まぁ次の日曜日にゼノフィの社内勉強会でもしゃべる予定なのですが 一応まとめておこうかなと、まとまるかどうかは別として(笑 それなりに、長くなるので、続きを読むで全文表示して読んでくださいね。 さて、僕のブログなんかをあさる人は、僕のことを知っていて調べてる人か（え・・）Ext JSやSencha Touchについて、何かしらググってきた人だと思うんですが、残念ながら後者の方向けです。Ext JS 4.1 Performance Preview 1 が リリースされていて、なかなかExt JS 4.1の正式版の見通しがたってませんが、最近このExt JS 4.1 PR1を利用して検証も含めてアプリケーション構築を行っています。様々なExt JS アプリケーション構築を見てきましたが、やっぱりみなさん思うところは一緒なんだなということで今
jQuery Mobile
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
EExt Japan - Sencha Touch登場 - モバイル用HTML5フレームワーク
Ext CoreはダイナミックなWebサイト構築に最適な軽量かつ高機能なクロスブラウザー対応のJavaScriptライブラリです。その特徴は： ファイルサイズがコンパクトな約25kb (ext-core.jsをgzip圧縮した場合) 柔軟かつ利用しやすいオープンソースライセンスのMITライセンス Ext開発メンバーにより執筆された体系的かつ網羅的な75ページのマニュアル これまでのExt JSを同じ使い慣れた直感的なAPI Ext JS 2.2 Ext JSはリッチインターネットアプリケーション開発のためのクロスブラウザ対応JavaScriptライブラリです。 高性能でカスタマイズ可能なユーザーインターフェイス 優れた設計、文書が豊富、拡張性の高いコンポーネントモデル 商用ランセンスとオープンソースライセンスが利用できます Ext JS 3.0とExt GWT 2.0が
サーバとクライアントを同一コードで動かすリアルタイムコラボレーションWebフレームワーク·Meteor MOONGIFT
Meteorはサーバとクライアントが同一のコードで動作するnode.js用Webアプリケーションフレームワークです。 久々にぞくぞくさせられるWebアプリケーションフレームワークの紹介です。Meteorはnode.js用のWebアプリケーションフレームワークですが、同一のコードがサーバとクライアントで動作するユニークな特徴を持っています。 インストールします。コマンド一行でダウンロードからインストールまで実行されます。 インストールされました。 まずアプリを新規作成します。 そしてサーバを立ち上げます。これで準備完了です。 最初の画面です。ボタンを押します。 console.logに出力されています。ちゃんとコードが実行されています。 サンプルのTodoアプリです。こちらはGoogle Chromeです。 こちらはSafariです。同じURLを開いています。 Google Chromeで編
業務システムに単なるCSVもリッチに表現·js-tables MOONGIFT
js-tablesはCSV形式のテキストをフィルタリングやソートに対応したテーブル表示にしてくれるjQueryプラグインです。 js-tablesは業務システムで使えそうなjQueryプラグインです。CSVファイルやCSVのテキストを渡してフィルタリングや並び替えに対応したテーブルを表示してくれます。 サンプルです。元データはCSVファイルとなっています。 カラムごとに入っているデータをグルーピングして表示します。そこから選べばデータがフィルタリングされます。 end tagと入っているデータだけ抽出しました。ソートもできます。 フィルタリングはインクリメンタルに行われます。 任意のCSVファイルを指定してテーブル化できます。1行目が自動的にヘッダーになります。 実際の使い方です。単純にテキストを入れるだけでテーブル表示にしてくれます。 CSVを表示する場合にはYahoo! Pipesを使
Knockout : Home
Simplify dynamic JavaScript UIs with the Model-View-View Model (MVVM) pattern Declarative Bindings Easily associate DOM elements with model data using a concise, readable syntax Automatic UI Refresh When your data model's state changes, your UI updates automatically Dependency Tracking Implicitly set up chains of relationships between model data, to transform and combine it Templating Quickly gene
Backbone.js
Backbone.js Introduction Events – bind – unbind – trigger Model – extend – constructor / initialize – get – set – unset – id – cid – attributes - toJSON – save – destroy – validate – url – clone – isNew – change – hasChanged – changedAttributes – previous – previousAttributes Collection – extend – constructor / initialize – models – Underscore Methods (24) – add – remove – get – getByCid – at – le
Google製のクライアントサイド、JavaScript製テンプレートエンジン·JsTemplate MOONGIFT
JsTemplateはGoogleが開発したJavaScript製のテンプレートエンジンです。 Webアプリケーションがさらに開発されていくために必要なのが高機能なJavaScriptテンプレートエンジンの存在です。幾つか出てきていますが今回紹介するのはかなり有力です。なぜならGoogleが開発したテンプレートエンジンだからです。それがJsTemplateです。 デモです。左上がテンプレート、右上がJSONの元データになります。 そして左下が実際に生成されたHTMLで、右下がレンダリング結果になります。 idを使ってテンプレート名を定義しています。 こういう風にデータがない場合のチェックもできます。 実際のコードです。jsdisplayのところに検証が入っているのが分かります。 データがある場合はもちろん繰り返し表示します。 実際のコードです。 JsTemplateは再帰処理ができたりev
リッチなWebアプリケーションを開発するフレームワークSproutCore後継プロジェクト·Ember.js MOONGIFT
Ember.jsは旧SproutCoreの後継プロジェクトです。リッチなWebアプリケーションフレームワークになります。 SproutCoreがFacebookに買収されました。SproutCoreはリッチなWebアプリケーションを開発できるフレームワークですが、今後の開発についてはEmber.jsとして継続される模様です。 スマートフォンに特化している訳ではありませんが利用できます。 デスクトップ向けでHello World。 コードを見ると分かりますが、HTMLを直接ではなく、テンプレートです。 デモのTodoアプリです。 登録したりチェックして削除したりできます。データは保存していないので再読み込みすると消えます。 Todoアプリのコード。こちらはビュー側です。 こちらはコントローラ、モデル側。コードは見やすいです。 Ember.jsはMVCに分かれており、コードも見やすく使い勝手が
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://jp.evergizmo.com/2011/09/24/javascript%E3%81%A7namespace%E3%82%92%E4%BD%BF%E3%81%8A%E3%81%86%E3%81%A8%E3%81%97%E3%81%A6%E5%88%86%E3%81%91%E3%81%8C%E3%82%8F%E3%81%8B%E3%82%89%E3%81%AA%E3%81%8F%E3%81%AA%E3%81%A3%E3%81%9F%E4%BA%BA/
http://yuki.xenophy.com/?p=141
GitHub - mihaild/jquery-html5-upload: It is a simple plugin for jQuery, which helps you to upload multiple files and to show progress of uploading.
JavaScript Gantt Chart Library - DHTMLX Gantt
jsgantt - Project Hosting on Google Code
GitHub - Arcticjs/Arctic.js: HTML5 game framework
