Web Audio APIを使った音声出力ライブラリ·sink.js MOONGIFT
sink.jsはWeb Audio APIを使ったWebベースの音声出力ライブラリです。 HTML5のAPIの一つにWeb Audio APIがあります。まだ対応ブラウザは多くないのですが、Webブラウザ上でダイナミックに音声を出力できる仕組みは新しい可能性を感じさせます。そのためのライブラリとしてsink.jsを紹介します。 デモです。ビープ音が鳴り響きます。 実装方法です。コールバックを使った面白い記述方式になっています。 デモ動画です。何パターンからの音声があります。 sink.jsはFirefox4以降、Google Chromeなどで使えるWeb Audio APIを利用しています。デモではノイズやビープ音が多いですが、実装方式によっては細かくこだわった音声をながせるはずです。バッファーサイズやサンプルレートが可変となっています。 sink.jsはJavaScript製のソフトウ
ヘッダーとフッターを常時表示するjQueryライブラリ·Keep-in-View MOONGIFT
Keep-in-Viewはヘッダーやフッターを常に画面上部（または下部）に表示し続けるjQueryライブラリです。 最近のWebサイトではヘッダーがスクロールしても常に表示され続けるUIが人気です。同様にフッターも表示し続ける、そんなjQueryプラグインがKeep-in-Viewです。 最初の表示です。ヘッダーとフッターに注目です。 一番下までスクロールしました。ヘッダーが残っています。 途中までのスクロールの場合は普通に上に上がっていきます。 表示されない状態までいくと自動的に上に張り付きます。フッターは常に下にあります。 Keep-in-ViewではオフセットやCSSのz-indexがオプションとして指定できます。 Keep-in-ViewはJavaScript/jQuery製のソフトウェア（ソースコードは公開されていますがライセンスは明記されていません）になります。 MOONGIF
異なるWebブラウザ間でスライドのページを同期する·Slidesync MOONGIFT
SlidesyncはWebブラウザ上のスライドを同期し、マスターの操作したタイミングでスライドを切り替えるソフトウェアです。 Slidesyncを使うとSlideshareを使ってスライドを見つつ、みんなが同じタイミングでスライドをめくって説明を聞けるようになります。Twitterで質問したりしながらオンラインスライドを楽しめます。 最初の画面です。まずTwitterでログインします。 コネクトを求められます。 接続後、SlideshareのURLをエスケープして引数に使います。 別なWebブラウザで表示しています。右下のスライド操作機能で全てのWebブラウザ上のスライドが同期します。 ちゃんと他のWebブラウザでもスライドが切り替わります。 SlidesyncではSlideshareのAPIを使ってスライドを表示しつつ、JavaScriptでスライドを切り替えたことを別なWebブラウザに
多彩な表現をご覧あれ。JavaScriptによるデータビジュアル化ライブラリ·JavaScript InfoVis Toolkit（JIT） MOONGIFT
JITはJavaScriptを使ったデータビジュアル化ライブラリです。 JavaScriptを使ってWeb上でデータを多彩にビジュアル化するライブラリがJavaScript InfoVis Toolkit（JIT）です。その多彩な表現をご覧ください。 積み上げのエリアグラフです。表示の際にはアニメーションが実行されます。 実際のコードです。 棒の積み上げグラフです。 横向き、2Dのグラフです。 関連グラフです。マウスで動かせます。 マウスオーバーで説明が表示されます。 こんなグラフもあります。 星形。格好いいです。 カスタマイズにも多様に対応しています。 容量の表示などによく利用されるツリーマップです。 こちらもパターンが色々用意されています。 グラフを組み合わせたパターンです。 こんな表現も可能です。 派生していくアニメーションが格好いいです。 円グラフです。アニメーションやマウス操作に
リアルタイムプレビューのついたWebベースのJavaScript/HTMLエディター·JS Bin MOONGIFT
JS BinはWebブラウザ上でJavaScriptとHTMLコードを編集しつつ、その結果をプレビューできるエディターです。 JavaScriptは単体で使うというよりもHTMLと組み合わせて使うことのが多いかと思います。そんな時にWebブラウザ上でコードを試しためし実行できるのがJS Binです。 デフォルトの表示です。左側がJavaScript、右側がHTMLとなっています。 レンダー表示です。先ほどのJavaScriptとHTMLを合わせて実行した結果です。 右側にリアルタイムプレビューを追加しました。JavaScriptを修正すると即座にプレビューに反映されます。 HTMLにJavaScriptライブラリを追加できます。 jQueryを追加した場合です。HTMLソースにscriptタグが追加されています。もちろんJavaScript側もjQueryの関数が使えるようになります。 保
一般企業も真似したいギークの7つの仕掛け - Nothing ventured, nothing gained.
開発者やデザイナーが集まるイベントや彼らが所属する企業／組織などで良く行われている仕掛けの中で、そういったギークだけに閉じていてはもったいないと思うものがいくつかある。ここで言う「仕掛け」とは、オープンで活発な議論やユニークなアイデアを引き出すためのイベントの進め方や時間の使い方などだ。 ここではそのうち7つを紹介してみたい。 ライトニングトーク 5分程度のある限られた短い時間で行うプレゼンテーションのこと。時間が来たら強制的に終了させられる。これはもう一般にもかなり定着したと考えて良いだろう。 時間を制限することで、本当に伝えたいことだけにそぎ落とされた説明ができるし、多くの人に話してもらうことが可能となる。 Wikipedia ライトニングトーク イグナイト ライトニングトークの発展形。限られた時間でプレゼンテーションを行うのは同じだが、1枚スライドあたりに費やす時間も制限されている。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
