alt

既にご存知の方も多いと思いますが、
個人的に便利なサイトがあったのでここに促します。

SimilarSiteSearch.comという似ているサイトを探してくれる検索エンジンがありまして
検索窓にネタ元のURLかキーワードを打ち込むと
検索結果でそれに類似したサイトを教えてくれます。

続きを読む »

最近、頻繁にFirefoxがアップデートを繰り返しているので、
重宝しているCashe Viewer君がバージョン4あたりからずっと死んだままです。

仕事上、携帯Flashのリアルタイム生成に携わっていると、
FireMobileSimulatorでアクセスして、キャッシュしたswfをダウンロードしてデコンパイル・・・
なんて機会も多いので、最新のFirefoxバージョン6でも動くCashe Viewerを探してみました。

アドオンのレビュー欄にmegauploadやらmediafireのリンクがあるのですぐさまインストール。
見つけたのはCasheViewer 0.6.3。Firefox3～6までで動きます。
今のところ問題なく使えています。
※自己責任でお願いします。

続きを読む »

先日のYoutube編に続き、
HTML5ビデオで動画再生を実装する際の有効手段として
オープンソースのライブラリを使うのが考えられます。

HTML5＋Flashのフォールバックでスマートフォン（iPhone,Android）のOSに対応しているものを探すと
「VideoJS」、「MediaElement.js」、「projekktor」、「LeanBack Player」などがあります。
VideoJSの方は内包しているswfにライセンス縛りのあるFlowplayerを使用しているので、
MediaElement.jsの方から試してみたいと思います。

MediaElement.js
http://mediaelementjs.com/
紹介記事
http://journal.mycom.co.jp/articles/2010/09/28/html5-video-and-mediaelementjs/index.html

続きを読む »

iPhone、Androidなどのスマートフォンサイトで動画コンテンツを提供するとなると
真っ先に思いつくのがHTML5の＜video＞タグですよね。

但し、OSやバージョンによって以下の要素がバラバラです。

－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
＜video＞タグのサポート。（Androidは2.0～）
H.264、OGG、WebMなどのビデオコーデック。
再生可能な解像度、ビットレート、fpsの規定。
※コーデックは＜source＞タグで全部指定すれば大丈夫。
－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－

iPhone、Android、Windows Phone、各種タブレットのブラウザに対応させるだけでもひと苦労ですね。。
実装手段としてHTML5 videoのサポート状況に応じてFlashのフォールバックを利用する
動画再生ライブラリもありますが、まずはYoutubeを使った実験をば。
※動画再生ライブラリを使うやり方は次回書きます。

続きを読む »

これにハマった方が少なくとも私ひとりではない気がします。
jQuery Mobileはベータ版になって、
アドレスバーを隠すためにvclickというカスタムクリックイベントが使われています。
これにより他のjQueryプラグインなどが使っているclickイベントを阻害します。

なので、ベータ版に切り替える際は
あわせてプラグインもclick⇒vclickにバインドしてあげればボタン操作が効くようになります。

続きを読む »

PCのブラウザ上での話しならコチラの記事を参考に
比較的簡単にHTML5のaudioタグで音声再生が可能ですが、
Androidのブラウザでも可能なのかどうかについて。

Andoridのデフォルトブラウザはaudioタグはサポートしていても、
PCM、MP3、AAC、Ogg Vorbisのようなファイルフォーマットには対応してないようです。
ネット上にもあちらこちらにバージョン2.2まではムリっすって声が聞こえますし、
実際にaudioタグを貼ってもプレイヤーが表示されず、音声も再生しない検証結果も出ています。
バージョン2.3では再生できたという記事も目にしましたが、
端末によってかもしれないし、Googleから公式のアナウンスがある？わけでもないので
音コンテンツを作るうえでどのように対応していくかが鬼門です。

続きを読む »

@d_effekt氏によって作られたglitch.js。
名前の通り、指定した箇所にグリッヂ効果をかけてくれるJSライブラリです。
中身見るかぎり、HTML5のcanvasを使っているわけでもなく、
イベント・トリガー時に全体をiframeに格納して指定箇所の切り抜きを部分部分抽出して
オーバーレイヤーで表示しているだけっぽい？です。
なので、ソースいじればもっと細かくとか激しい壊し方もできますね。
ブラウザはChrome、Firefox4、IE8で動きました。

http://www.undef.ch/
http://www.undef.ch/uploads/glitch.zip

上記サイトからライブラリをダウンロードしてマイflickr画像を壊してみるテスト。アニメgifもいいかんじ。

やり方は下のソースのように
グリッヂしたい場所（タグ）にid=”glitchContent”というラッパーidをつける。
開始のタイミングはonclickとかonloadをトリガーにして
startGlitch()関数を実行してあげればOK。
サイトをまるごとグリッヂするならbodyに書いちゃえばいいです。

続きを読む »

つい先日リリースされたFlashDevelop 4.0.0 Betaから
AS3 Android Appプロジェクトが追加されました。
Flash CS5.5を持ってない自分としては願ったり叶ったりの環境が整ったということで
さっそくAIR for Androidのバージョン2.7書き出しを試してみました。

続きを読む »

スマートフォン向けのWEBアプリの開発をしていると、
実機確認で複数台の端末を並べる必要が出てきます。
特にAndroidでもスマホやタブレットでパフォーマンスも解像度もバラバラなので
あっち見たりこっち見たり机の上が忙しなくなってきます。さらに嵩張る。
メイン端末にタブレットをおいたとき、スタンドみたいなのがあったら便利だなと思いこいつを買ってみました。

続きを読む »

Titanium MobileでAndroidアプリをビルドしたとき、
コンパイル中に「Copying project resources..」で止まってしまうことがあります。
プロジェクトを新規に作成し直してもそれ以降は同じ箇所でコンパイルが止まってしまって
何もできなくなってしまいます。
Android SDKやTitaniumをインストールし直してもダメです。

続きを読む »