- 2011/01/18 html5 , LGPL License , video
- 2011/01/18 bookmark , MIT license
「DOM Monster」はHTMLの構造を判断して、ブラウザに優しい作り方をしているか判定してくれるブックマークレットです。
使い方は簡単で、調べたいサイト上でブックマークを実行するだけです。
問題がある場合に、解決方法を教えてくれます。
試しに当サイトで実行してみました。
あら。WARNで改善した方が良いよと言われてしまいました。
どうやらJSの読み込みが多いのが問題のようです・・・
いつか改善しますかね。
ページの健康状態をはかるのに、試してみてはいかがでしょうか。
- 2011/01/18 MIT license , node.js , Sinatra
「ExpressJs」はSinatra風の記述の仕方ができるJavaScriptライブラリです。
SInatraはRubyで実装されており、
アクセスしたURL毎にメソッドを振り分ける事ができるようになる軽量のフレームワークです。
その設計思想をJavaScriptにも！という事で作られたようで、
ちょっとしたアプリケーション開発には良さそうです。
コードは以下のような書き方になります。
var app = express.createServer();
app.get('/', function(req, res){
res.send('Hello World');
});
app.listen(3000);
ルートにアクセスしたらHello Worldが出力されるようになります。
主な機能
URLルーティング
リダイレクトヘルパー
動的ビューのヘルパー
ハイパフォーマンス
セッション処理
高いテストカバレッジ
使用にはnode.jsが必要になりますので、気をつけてください。
- 2011/01/18 DataBInd , javascript
「<angular/>」はデータバインドが使えるようになるJavaScriptフレームワークです。
データバインドとはデータベース等から動的に取り出したデータを指定のタグを使用する事で自動的に置き換える技術です。
View（テンプレート）の記述の仕方が非常に楽になるので、ちょっと良さそうです。
Hello Worldしてみる
以下のコードで実行できるようになります。
<script type="text/javascript" src="http://angularjs.org/ng/js/angular-debug.js" ng:autobind></script> 名前:
Hello {{name}}!
実行すると、{{name}}の部分がフォームのname値に置き換わるようになります。
その他のデモの一覧はここから見る事ができます。
jQueryとも共存できるように設計されているようですので、
使ってみると面白いかもしれません。
グラフィックデザイナーのDANIEL ECKERMANNさんという方が作ったソーシャルサイトのPSDアイコンが無料でダウンロードできるのでご紹介。
モノクロでシックな感じになっています。
PSDファイルになっているのも便利です。
ラインセンスはCCラインセンスとなっています。
※原著作者のクレジットを表示しなければなりません。
- 2011/01/14 TextMate
TextMateでネットワークドライブのファイルを操作すると._から始まるメタファイルが自動的に作成されます。
これを作らないようにする設定方法がわかったのでメモです。
日本語マニュアルにやり方が乗っていました。
- 2011/01/14 jquery
「Animated Gif Generator」はアニメーションGIFを作成する事ができるジェネレーターです。
gif、jpg、png画像をアップロードする事で簡単にアニメーションを作成する事が可能になっています。
- 2011/01/14 jQuery Plugin
「Embedded Help System」はヘルプシステムを埋め込めるjQueryプラグインです。
操作説明など複数手順が必要な説明って言葉だけだと難しいですよね。
このプラグインを使用する事で
操作させる順番の数字アイコンを表示させたり、どこにマウスを持っていけばよいか、を簡単に伝えられるようになります。
以下は実際に使ってみた様子です。
↑１番のアイコンが表示されるのでマウスオーバーすると説明が表示されます。
↑２番目のアイコンにマウスオーバーした所です。
実際の動きはデモページから確認する事ができます。
サイトの左側にあるHow to…と赤字になっているメニューをクリックしてみてください。
ユーザーを誘導するマウスのアニメーション表示など便利そうです。
- 2011/01/12 Mac , Mac App Store
Mac App Storeで特定の拡張子に対応したアプリケーションを探すのに便利な方法がLifehackerの「Search the Mac App Store for Specific File Extension Handlers」で紹介されていました。
ご存知の方も居るかもしれませんがメモして置きます。
0