池田友洋 * Tomohiro IKEDAのオキニイリ生活サイト

池田友洋 * Tomohiro IKEDAのオキニイリ生活サイト

My Library


My Library スクリーンショット My Library スクリーンショット My Library スクリーンショット My Library スクリーンショット
My Library

URL

Overview

Webプログラミング & Webデザインに関わってきた軌跡を紹介するWebサイトです.

Target Browsers

対応ブラウザ
Mac OS XWindows
Mac OS X版 Chrome Mac OS X版 Safari Mac OS X版 Opera Mac OS X版 Firefox Windows版 Chrome Windows版 Safari Windows版 Opera Windows版 Firefox Windows版 Internet Explorer

XSound.js


URL

Overview

Web Audio APIライブラリ XSound.jsのAPIドキュメントです.

Target Browsers

対応ブラウザ
Mac OS XWindows
Mac OS X版 Chrome Mac OS X版 Safari Mac OS X版 Opera Mac OS X版 Firefox Windows版 Chrome Windows版 Opera Windows版 Firefox

Update


jqFlipSwitch


URL

Overview

フリップスイッチのためのjQueryプラグインです.

Target Browsers

対応ブラウザ
Mac OS XWindows
Mac OS X版 Chrome Mac OS X版 Safari Mac OS X版 Opera Mac OS X版 Firefox Windows版 Chrome Windows版 Safari Windows版 Opera Windows版 Firefox Windows版 Internet Explorer

Technologies

  • JavaScript, jQuery

Update


x-piano


URL

Overview

ピアノのUIをシンプルなタグでWebアプリケーションにインポートすることができるWeb Componentsです.

Target Browsers

対応ブラウザ
Mac OS XWindows
Mac OS X版 Chrome Mac OS X版 Safari Mac OS X版 Opera Mac OS X版 Firefox Windows版 Chrome Windows版 Safari Windows版 Opera Windows版 Firefox

Technologies

  • Custom Elements
  • Shadow DOM
  • HTML Templates
  • HTML Imports

Update


Express


URL

Overview

「素早く・簡単」をコンセプトにした, Androidスマートフォン向けのプレゼンテーションアプリです.

Technologies

  • Java
  • Android API
  • PHP
  • JavaScript (ApplicationCache)

コアとなるJavaのコード (CanvasView.java) はライブラリとして利用可能です. GitHubで公開しています. MITライセンスなので, (著作権表記さえしていただければ,) ご自由にお使いください.


WEB SOUNDER


WEB SOUNDER スクリーンショット WEB SOUNDER スクリーンショット WEB SOUNDER スクリーンショット WEB SOUNDER スクリーンショット
WEB SOUNDER

URL

Overview

Web Audio APIの解説サイトです. Web Audio APIについて体系的にまとめられたWebサイト (や書籍) がまだまだ少ないことが作成したきっかけです. ただし, 仕様のすべてを解説するわけではありません. あくまでもリファレンス的なものです.

Target Users

Web Audio APIを利用して何か作成してみたい方や体系的に習得したい方. Web Audio APIを利用するには, JavaScriptによるプログラミングが必須です. このサイトは, JavaScriptの言語仕様を解説するサイトではないので, 必要に応じて書籍なども参考にしてください.

Target Browsers

対応ブラウザ
Mac OS XWindows
Mac OS X版 Chrome Mac OS X版 Safari Mac OS X版 Opera Mac OS X版 Firefox Windows版 Chrome Windows版 Safari Windows版 Opera Windows版 Firefox Windows版 Internet Explorer

Technologies

  • HTML5 / CSS3
  • JavaScript
  • PHP + MySQL
  • Web Audio API

Update

  1. Google+で共有していただきました.
  2. Google+でコメントをいただきました.
  3. Google+で共有していただきました.

X Sound


X Sound スクリーンショット X Sound スクリーンショット X Sound スクリーンショット X Sound スクリーンショット
X Sound

URL

Overview

ChromeやSafariで実装されているWeb Audio APIを利用したサウンドクリエイトアプリケーションです.

Target Users

「音」に関心のある方.

Target Browsers

対応ブラウザ
Mac OS XWindows
Mac OS X版 Chrome Mac OS X版 Safari Mac OS X版 Opera Mac OS X版 Firefox Windows版 Chrome Windows版 Opera Windows版 Firefox

Web Audio APIの安定した実装がされているのはChromeとOpera, Safariのみです. Operaでは, mp3形式のファイルは使えず, Firefoxでは, Web Audio APIの挙動が少しおかしかったり, パフォーマンス的に問題があったりするので, ChromeかSafariのご利用をおすすめします.

Technologies

  • HTML5 / CSS3
  • JavaScript + AngularJS
    • Web Audio API
    • Web MIDI API
    • WebRTC
    • Canvas / SVG
    • Drag & Drop API / File API
    • Web Storage
    • WebSocket
    • History API
  • Node.js + MongoDB

コアとなるJavaScriptのコード (xsound.js) はライブラリとして利用可能です. GitHubで公開しています. MITライセンスなので, (著作権表記さえしていただければ,) ご自由にお使いください.

Update

  1. Web MIDI APIに対応しました. NEW
  2. PHPSPOTのブログに掲載されました.
  3. Google+で共有していただきました.
  4. デバイス (内蔵マイク・オーディオインターフェース… etc) からのサウンド入力が可能になりました.
  5. エフェクターの設定可能なパラメータを追加しました.
  6. サウンドパッチ (サウンド設定) のストア機能を追加しました.
  7. Opera・Firefoxに対応しました.
  8. MML (Music Macro Language) による自動演奏が可能になりました.
  9. セッション機能を追加しました.
  10. マルチトラックレコーディングが可能になりました.
  11. ボーカルキャンセラ機能を追加しました.
  12. オーディオ再生のためのタイムスライダーを追加しました.

Instant Canvas Presentation


Instant Canvas Presentation スクリーンショット Instant Canvas Presentation スクリーンショット Instant Canvas Presentation スクリーンショット Instant Canvas Presentation スクリーンショット
Instant Canvas Presentation

URL

Overview

HTML5 Canvasを利用した描画機能とFile APIを利用したプレゼンテーション機能があり, すぐに描いて, すぐにプレゼンテーションできるアプリケーションです.

Target Users

少数の人に簡単なイラストを見せてミニプレゼンしたい方や, イラストメモを取りたい方, お絵かき好きの方.

Target Browsers

対応ブラウザ
Mac OS XWindows
Mac OS X版 Chrome Mac OS X版 Safari Mac OS X版 Opera Mac OS X版 Firefox Windows版 Chrome Windows版 Safari Windows版 Opera Windows版 Firefox Windows版 Internet Explorer

Technologies

  • HTML5 / CSS3
  • JavaScript
    • Canvas
    • Drag & Drop API / File API
    • Web Storage
    • ApplicationCache
  • PHP

コアとなるJavaScriptのコード (ArtCanvas.js) はライブラリとして利用可能です. GitHubで公開しています. (著作権表記さえしていただければ,) MITライセンスなので, ご自由にお使いください.

Update

  1. 回転ツール機能を追加しました. NEW
  2. 拡大縮小ツール機能を追加しました. NEW
  3. 移動ツールを追加しました. NEW
  4. スポイトツール機能を追加しました. NEW
  5. ApplicationCacheに対応しました.
  6. jQuery Mobileによるインタフェースを導入しました.

Music V


Music V スクリーンショット Music V スクリーンショット Music V スクリーンショット Music V スクリーンショット
Music V

URL

Access Redirect

スマートフォンからデスクトップのURLにアクセスすると, スマートフォンのURLにリダイレクトされます.

Overview

ヘルパーアプリケーションやプラグインを利用せずに, 音楽動画を再生できるサイト.

Target Users

音楽好きの方.

Target Browsers

対応ブラウザ
Mac OS XWindows
Mac OS X版 Chrome Mac OS X版 Safari Mac OS X版 Opera Mac OS X版 Firefox Windows版 Chrome Windows版 Opera Windows版 Firefox Windows版 Internet Explorer

完全対応できているのはChrome・Operaです.

Technologies

  • HTML5 / CSS3
  • JavaScript (Video / Web Audio API / Canvas)

Update

  • エフェクターを搭載しました (Web Audio API対応ブラウザのみ) .NEW
  • データのロード進捗を表示するようにしました.
  • 動画サイズの選択が可能になりました.
  • 動画制御のインタフェースが新しくなりました.
  • スマートフォンページをリキッドレイアウトに変更しました.

PAGE TOP
Copyright © 2012 - 2014 Tomohiro IKEDA