タグ

ブックマーク / webos-goodies.jp (4)

  • Closure Library でローカルファイルのドラッグ&ドロップを実装する - WebOS Goodies

    簡単なサンプルを作ってみましたので、ファイルのドラッグ&ドロップをサポートしたブラウザ(現時点では Google Chrome, Safari, Firefox のいずれか)で試してみてください。灰色の部分に適当なファイルをドラッグ&ドロップすると、そのファイル名を表示します。複数のファイルをドロップすることも可能です。 ソースコードは以下のような感じです。 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>ファイルのドラッグ&ドロップのテスト</title> </head> <body style="margin:0; padding:0;"> <div id="droptarget" style="width:100%; height:200px; background-color:#eee;"> ここにドラッグして

  • 日本初の Closure Library 本「Google API Expert が解説する Closure Library プログラミングガイド」発売です! - WebOS Goodies

    初の Closure Library Google API Expert が解説する Closure Library プログラミングガイド」発売です! 数カ月にわたって執筆してた Closure Library Google API Expert が解説する Closure Library プログラミングガイド」が、インプレスジャパンさんより 12/10 に発売になります!既に書店によっては並んでいるようですね。残念ながらオライリーに先をこされて世界初の Closure Library にはなりませんでしたが(笑)、間違いなく日初の Closure Library 解説書です。 また、私としても初めて一人で書き上げた書籍なので、かなり気合を入れて執筆しました。単に Closure Library の使い方を解説するだけでなく、実際に下の画像のような文書編集アプリケーション(

  • Closure Library のサンプル目次を作りました - WebOS Goodies

    最近、 JavaScript のプログラミングでは Closure Library を使うようになってきました。やはりこれひとつでほとんどの機能を賄えて、アプリケーションの構造化も素直に行えるのがいいですね。 Closure Library の機能を把握するには、豊富に用意されているサンプルデモを参照するのが一番の近道なのですが、リファレンスページにファイルのリストがあるだけで、自分が使いたい機能のサンプルがどれなのか、探すのに毎回苦労します。 そこで、この状況を少しでも改善するべく、サンプルをカテゴリ分けしてみました。それぞれの内容も簡単にコメントしてあるので、目的のサンプルを見つけるのがだいぶ楽になると思います。 Closure Library のお供に、ぜひご活用ください。 イベント events.html - イベントオブジェクトの内容表示など。 eventtarget.html

  • JsUnit を使った JavaScript のユニットテスト - WebOS Goodies

    アプリケーションを開発する上で、避けて通れないもの、それがテストです。とくにブラウザごとの非互換性が大きい Web アプリケーションでは、念入りなテストが必要です。でも、テストはあまり創造的な作業ではないし、やったからといってなにか機能が増えるわけでもない。できるだけ手間をかけずに済ませたいところですね。 そんなわけで、日は JavaScript 用のテストフレームワークである JsUnit を利用したユニットテストの方法をご紹介しようと思います。 Ruby のユニットテストの記事でも書きましたが、ユニットテストによるテスト・ファースト開発は開発効率の面でも良い影響があります。まだ導入していない方は、ぜひこの機会に使ってみてください。 JsUnit について 今回利用する JsUnitJava 用の JUnit を参考にして作られた JavaScript 用のユニットテストフレーム

  • 1