Archive for the ‘ 開発ツール・技術 ’ Category
これはちょいとメモしておこう・・・。3Dアニメーションを作るためのJSライブラリですよ。座標の指定や取得なんかを簡単にできるようですね。
なお、CSSのTransform命令を使っているので対応ブラウザはモダンなものだけですよっと。
↑ こういうのがグリグリ動きます。
↑ ゲームっぽい画面もできるようですね。
ドキュメントも充実しているようですし、使いやすいそうですね。覚えておいて損はなさそうですな。
» Sprite3D.js, a javascript library for 3D positionning in WebKit
これはシンプルでいいかも。マルチユーザーのチャットを実現するJavaScriptですよ。サーバー側にJabberとか必要ですが、シンプルな実装に好感が持てますね。
↑ こんな感じ。複数のチャットルームを持つこともできます。
↑ 日本語もOK。
↑ 管理者権限だとこういうこともできます。
シンプルなインターフェースながらかなり高機能なことができるようです。ちょっと実装してみようかな・・・。詳細は以下からどうぞ。
これはメモしておかねば。LionっぽいアイコンをCSS＋スプライト画像で作る方法ですよ。無料でソースをダウンロードできます。
↑ こういうやつですな。モダンで良い感じ。
↑ シンプルなマークアップでOK。なお、アイコン部分はスプライト画像です。
ちょっとしたWebアプリなんかにも使えそうですね。覚えておいても良さそうです。
ちとメモ的にエントリー。preやcodeタグの中身を良い感じに色づけてしてくれる、いわゆるシンタックスハイライトを実現するライブラリです。
以前いろいろ探したのですがなかなかいいものがなかったのですよね・・・。これはなんだか良さそうです。
↑ デザインテーマは3種類。
基本的にJS/CSSやらをImportしたあとに「prettyPrint();」ってするだけですね。jQueryなんかに依存しないシンプルさも素敵ですよっと。
というわけで導入手順やらダウンロードは以下からどうぞ。
» Quick Tip: How to Add Syntax Highlighting to Any Project | Nettuts+
良くあるツールですが、日本語もOKだし、手書き風のインターフェースがかわいいのでご紹介。
↑ 部品を自由にならべてモックアップが作れます。
↑ 横画面にも対応。
部品の大きさを変更するなどはできないので、すんごく精密には再現できませんが、ちょっとしたモックアップにいいですね。
なお、保存するとURLをもらえるので友達とわいわい共有することもできますよ。
似たようなツールはたくさんありますが、なんか便利そうなのでご紹介。WebPuttyはブラウザ上からCSSの編集ができるツールです。
↑ 変更内容がそのままプレビューされるので便利。
↑ セレクタ（っていうんだっけ？）をクリックすると対応する要素がハイライト。いいすね。
↑ ちなみに自分のサイトを編集しようとするとタグを埋め込むように言われます。
タグを埋め込んでおけば動的にCSSを更新できちゃうようですね。ブラウザの開発環境も最近は充実してきているので使いどころがあれかもしれませんが、ささっとCSSの勉強をしたいときや、CMS的に使うときは便利かも・・・？（HTMLが編集できないと意味ないか）。
というわけで使ってみたい方は以下からどうぞ。なお、会員登録は不要ですが、Googleアカウントでログインすることになります。
» WebPutty
開発者向けにエントリー。それ以外の方は華麗にスルーでお願いいたします。
さて、便利な人には便利かな。時間系のデータをフォーマットに沿って文字列化してくれるstrftimeをインタラクティブに試せるツールですよ。
↑ シンプルで使いやすいです。
「曜日を示すフォーマットってなんだったかな・・・」なんてことを良く調べる人にはいいかもしれません。ご利用は以下からどうぞ。
» Strftime
普通のAlertのダイアログはちょっとね、という人のためのフレームワークがありましたよ。シンプルなダイアログボックスを表示してくれます。
↑ こんな奴。
ちゃんと「OK」「キャンセル」が出来る奴も実装できますね。もしくは「5秒後に消滅」なんてのも可能です。普通じゃないAlertを出したいときにいかがでしょ。
詳細＆ダウンロードは以下からどうぞ。
» smoke.js
よくあるツールですが、たくさん知っておいて損はないのでご紹介。PFISはPHPの関数をインクリメンタルサーチできるツールですな。
↑ 一文字入力するごとにダイナミックに検索結果が変化します。
簡単な説明があったり、引数もわかりやすいので使いやすいのではないでしょうかね。PHP使いの方は是非どうぞ。
Facebookのソーシャルグラフをインタラクティブにテストできるツールが公開されたようですね。いつか使いそうなのでメモしておきますよ。
↑ こんな感じで。
すんごく細かいことを知りたいだけなのに、そのためにコード書くの面倒ですものね。
より詳しい説明は公式Developer Blogからどうぞ。
誠Biz.IDの「Webサービス図鑑」を応援中です！
