logicalyze::blog

Archive for the ‘AJAX / HTML5’ Category

HTML5で作られたマルチトラックミキサーの動作実験

leave a comment

h5mixer

久々(約8ヶ月ぶり)の更新になってしまいました。

さて、HTML5で実装されたWebAudio APIを使ったマルチトラック(チャンネル)ミキサーの動作実験をしてみました。

以前、同じようなマルチトラックミキサーをFlashで作った際はFlash単体の機能では動作が厳しいので外部PBJファイルを利用してミキシングの際の演算を行ってました。
が、現在の、HTML5では「WebAudio API」が実装されているので最新ブラウザであればプラグイン無しでも十分動作可能な多チャンネルミキサーを作ることができます。(ただし、ブラウザによって動作状況に少しばらつきがあります)

⇒ テストページはこちら

※デモのオーディオに問題がある場合は、直ぐに削除いたしますのでお知らせください。

Written by admin

3月 30th, 2015 at 3:38 am

レスポンシブデザイン対応のサイトを作ってみる

leave a comment

レスポンシブデザイン

CSS3フレームワーク(Bootstrap、Foundation、等々)のグリッドシステムを利用してレスポンシブ対応(レスポンシブWebデザイン)のサイトを作ってみました。(デモ)

レスポンシブデザインとは、Webページを表示する機器(ブラウザ)の画面サイズに対応して自動的に表示を変えるスタイルのものです。

過去には、ブラウザサイズ(環境取得)からページ(HTMLファイル)や対応するCSSファイルを分岐したりと言った手法が取られていた時期もありましたが、最近はHTML5の普及やブラウザの実装にともなってCSS3フレームワークを利用するのが主流のようです。

写真のデモではWordpressの独自カスタマイズとCSS3フレームワークを使って対応しています。

スマートフォンやタブレットの普及状況を考えれば、ホームページを「レスポンシブデザイン」で作るというのは企業にとっても必須になるんじゃないでしょうか?

どうですか? おひとつ・・・(^^)

Written by admin

5月 10th, 2014 at 4:26 pm

この「JavaScript再入門」スライドがおもしろい・・

leave a comment

Twitterの情報から知った、この「最強オブジェクト指向言語 JavaScript 再入門!」と言うスライドがなかなか面白かったのでご紹介します。

切り口もわかりやすいです。(一部指摘もあるようですが・・)

当初用意されてなかったダウンロード用のPDFファイルもあるようなのでスライドシェアサイトへもどうぞ。

最強オブジェクト指向言語 JavaScript 再入門! from Yuji Nojima

Written by admin

7月 10th, 2013 at 4:41 am

なんか凄そうなHTML5アニメーション作成ツール(Moonbase)

leave a comment

あくまでWEB上のサービスですが下記ビデオを見る限り良い感じです。

Moonbase

Introducing Moonbase from Elepath on Vimeo.

Written by admin

12月 23rd, 2012 at 2:57 am

アドビからHTML5アニメーション作成ソフトプレビュー版が登場

leave a comment

アドビからHTML5アニメーション作成ソフトのプレビュー版が登場しました。

さっそくアドビラボからダウンロードしてみました。

プレビュー版をインストールしサンプルを起動してみると画面はこんな感じです。
(iMac-27での画面キャプチャなので余白が・・・)

Flashのようにタイムラインでアニメーションを作成するのでコードを記述する画面が無いようです。
実際、プラウザでプレビューしたときにソースを確認すると下記のようになってます。
Read the rest of this entry »

Written by admin

8月 1st, 2011 at 6:40 pm

Posted in AJAX / HTML5,Apple

Tagged with , ,