var d = new Date(); var x = d.getFullYear() * 10000 + (d.getMonth()+1) * 100 + d.getDate(); WScript.echo(x); var y =(""+x).replace(/(\d{4})(\d{2})(\d{2})/,"$1/$2/$3"); WScript.echo(y);

Selecting and interacting with files on the user's local device is one of the most commonly used features of the web. It allows users to select files and upload them to a server, for example, when sharing photos or submitting tax documents. It also allows sites to read and manipulate them without ever having to transfer the data across the network. This page walks through how to use JavaScript to

Mozilla WebDevブログに「From 80 Seconds to 6: Optimizing Our Asset Compression」として、JavaScript・CSS・画像の連結およびミニファイ処理にかかる時間を、80秒～160秒レベルから6秒まで短縮させたときのテクニックが掲載されている。実用的な資料として参考になる。 現在、「Add-ons for Firefox」はCDNを活用してリソースを提供しているが、こうなる前はキャッシュ効果を最大限に発揮させるためにJavaScript・CSS・画像をファイルへ連結してミニファイ処理を実施して使っていたという。このリソースの生成には80秒から160秒かかっていたが、処理を工夫することで最終的に6秒にまで短縮を実現したと説明がある。 ここで紹介されている高速化テクニックをまとめると次の通り。 これまではYUICompresso

JavaScriptの書き方はJavaScript自体がある程度自由なためいろいろな書き方ができますが、一貫性を持って書いた方がバグなども発生しにくくなるため、コーディングルールを定めておくのはよいことだと思います(特に複数人の開発の場合) 有名な企業やライブラリはコーディングルールも公開している事が多いので適当にまとめてみました JavaScript style guide – MDC Docs Mozilla/Firefox向けのものなので、一部ECMAScriptの範囲を超えたものも含まれています。 多くの人が見ていると思うので、見たことない人は一度読んでみるといいです。 jscsにこのコーディングルールをチェックするプリセットが用意されています。 Google JavaScript Style Guide Google JavaScript Style Guide 和訳 — Goo

JavaScriptには名前空間がないので、オブジェクトを代わりに使います。 Namespace.hoge = "ほげほげ"; Namespace.fuga = function() {}; こんな感じでオブジェクトのプロパティを追加していくことで、グローバルスコープを汚さずに済みます。 それだけではなく、JavaScriptだとグローバルスコープに宣言するよりも速いらしいです。 ただし、名前空間がcom.example.foo.barといったように長ったらしくなると、宣言が面倒になってくるのでクロージャを使って凌ぎます。 //グローバルシンボルだけは宣言しておく。（既に使用済みでもvarは問題なし） var com; //プロパティがなかったら追加する。 //すでにある場合はオブジェクトかどうか判断して例外発生させた方がいいらしい if (!com) com = {}; if (!com

テイクアウト容器いろいろ これまでいろいろな国でご飯をテイクアウトしてきました。日本ではあり得ないようなスタイルもあってなかなか面白かったので、そんなもののまとめを。国によってはお弁当 (ランチボックス) のデリバリーもあったので、そちらもいくつか。 サウジアラビア 熱々の炊き込…

「Google JavaScript Style Guide」に沿ってチェックしてくれる、グーグル製JavaScript文法チェッカー グーグルはJavaScriptコードのスタイルガイド「Google JavaScript Style Guide」を公開しており、同社自身もこのスタイルに従って開発を行っているとされています（スタイルガイドの日本語訳の例）。 このスタイルガイドに従った開発を支援してくれるツールがグーグルからオープンソースとして公開されました。同社のClosure Tools Blogのエントリ「Introducing Closure Linter」で紹介された文法チェックツールのClosure Linterです。 Closure LinterはPythonで書かれたツールで、コマンドラインから利用します。上記のエントリによると、次のようなJavaScriptをチェックに書

Firefoxのアドオンをあさっていたら、jsShellServerという興味深いものを見つけた。 jsShellServer (JavaScript Shell Server)は、Firefox用のアドオン。 Firefoxで表示中のページに対して、XULで実装されたJavaScript ShellからJavaScriptを適用できる。 手動版GreaseMonkeyみたいな感じ。 Firefoxの中で閉じた形で使うこともできるが、これの素晴らしいところはEmacsからFirefoxに対してリモートでJavaScriptを実行させられるところ。 Emacsで「alert('test');」などと書いて、行末でC-c C-eとすると、Firefoxでダイアログが表示されるといった具合。 Mac OS X下、Carbon EmacsとFirefoxで動作を確認。 導入 導入は基本的には「In

弁当生活始めました。agoです。 以前のjavascriptの開発はサーバサイドと同じPGが開発することが多く、機能をファイル単位で分割してそのページで必要なファイルのみを読み込むと言うことが行われていました。 ただ、最近はサーバサイドとクライアントサイドの分業が進んだことや表示速度の兼ね合いもあり、単一ファイルに全体を記述しサーバサイドでは全ページでその一ファイルのみを読み込むような形になることが多いです。 単一ファイルの利点としてはサーバサイドの実装に依存せずに任意の機能を追加できることがありますが、欠点として機能毎の切り分けが難しくなると言う点があります。 jQueryを使用して$('.selector')で切り出す方法もありますが、マークアップの全体像を正確に把握できていないと不要なページで間違って実行されてしまう危険性もあります。 そこで、以下のようなJSを先に読み込み、各URL

We'll be back soon! Our site is currently undergoing maintenance. Please check back later.

2009年11月5日，Googleは自社サービス製品であるGmail，Google Maps，Google Docsなどの開発に使用しているJavaScriptアプリ開発ツール群「Google Closure Tools」を一般公開しました。 "Closure"は一般的に，閉鎖や閉店といった意味で使われます。ツールの命名としては少しネガティブなニュアンスを感じますが，Google Closure Toolsの場合は，終結といった意味で，開発プロジェクトにおける最終ステップの仕上げ用ツール。すなわち“栓”という意味で中身があふれ出さないようにキッチリ閉めておくものといった意味合いから命名されているようです。 Ultimate（究極）に近い意味でGoogleの自信の表れと受け取った方がいいかもしれません。Googleで新規公開になったプロジェクトとしては珍しく，ベータ版の表記もありません（Go