2012.12.17
13:47
author: taikiken
1件のコメント
ことの始まりはオフショア（中国）で作られたFlashコンテンツでYoutube動画を再生させていた（？）が表示できなくなったので見て欲しい、と頼まれたことです。
コンテンツはActionScript 2で作られているとのことでした。
AS2で作られているコンテンツは、オフショアだろうが他人が作ったものの修正・変更は困難を極めることが多いのでお断りしたいところだったのですが、色々な経緯がありお引き受けすることにしました。
2012.12.16
03:39
author: taikiken
0件のコメント
URL Scheme情報、公式サイトのリンクをいつもあたふた探しているのでメモっとく。
developer.android.com
Intents List: Invoking Google Applications on Android Devices
続きを読む →
2012.12.12
05:25
author: taikiken
0件のコメント
メモ
【読みこまれる】
<div style="display:none;"> <img src="example.png"> </div> |
【読みこまれない】
<div style="display:none;bacground-image: url(example1.png)"> <div style="display:none;bacground-image: url(example2.png)"></div> </div> |
display:noneに設定したタグ内のimgタグ画像はロードされる。
背景画像はchildを含め読みこまれない。
へんなの。
2012.12.05
16:04
author: taikiken
0件のコメント
EaselJSにEventDispatcher.jsが追加された様子。
https://github.com/CreateJS/EaselJS/
JavaScriptで困ってたのがカスタム・イベント作成と通知。
無いと困るのでオレオレ実装でだましだましやってきたけど、もっと信頼できる仕組みを作りたいと思ってました。
そんな時の、この良いお知らせ。
まじめにお仕事していると良いことがあるなぁ〜。
年末のステキなプレゼントです。
続きを読む →
2012.12.04
23:43
author: taikiken
0件のコメント
iOS, Android端末の画面の向きにあわせてゴニョゴニョしてみたい。
縦(Portrait), 横(Landscape)になった時の画面幅を取得しようとしています。
本来であればイベント “onorientationchange” という便利なものがあるので使えばいいんだろうけど、一部Androidで取得できないケースもある様子、で困ったなぁと…
無駄を承知でこんな風にしてみました。
jQueryを使用しています。
$(window).on('resize orientationchange', function () { console.log(window.innerWidth); }); |
resizeだけでも良かったと思うのですが、HTML, CSSのどちらかが悪いのかiOSでresizeイベントをうまく取得できません。
仕方なくorientationchangeも監視対象にしました。
update 2012-12-05
iOSでresizeイベントを取得できない理由が分かったような…
meta viewportにheight=device-heightが記述されていました。
削除するとイベントの取得ができるようになりました。
はて、なんで書いたんだっけかな。
2012.12.02
15:12
author: taikiken
0件のコメント
今さらながら、ブラウザ・レンダリングについてお勉強。
JavaScript最適化手法について調べてたら、こんなサイトが。
10 Javascript Performance Boosting Tips from Nicholas Zakas
こちらの、9. Stop touching the DOM, damnit! に興味深いことが書いてありました。
続きを読む →
2012.12.02
10:06
author: taikiken
0件のコメント
JavaScriptのTween Engine選定は迷う。
今までそんなに必要なかったもんな〜
jQuery.animateで足りてたし。
HTML+JavaScriptでFlashなみに動きを求められるとjQueryだと物足りない、もうちょい機能が欲しいところ。
ActionScriptには数々のTween Engineが存在します。
その中の一つGreenSockのTweenMax / TweenLiteにJS版ができたと聞き使ってみました。
Announcing GreenSock Animation Platform (GSAP) v12, now with tangy JavaScript flavor!
Jump Start: GSAP JS
続きを読む →
2012.12.01
02:56
author: taikiken
1件のコメント
CSSでmargin: 0 auto;と指定したタグのmargin-leftを取得しようとするとブラウザによって戻り値が違っていました。
こんな感じでセンタリングしているタグのmargin-leftを取得しています。
<div id="someID" style="margin: 0 auto;"></div> |
jQueryを使用しています。
parseInt($('#someID').css('margin-left'), 10); |
2012.11.30
23:24
author: taikiken
0件のコメント
RequireJSて便利！
読み込みJSのロード管理を依存関係を維持しながらやってくれる。
しかもロードするJavaScriptファイルをキャッシュしリクエスト削減にも貢献してくれる様子。
でも、開発期間はこのキャッシュ機能がじゃま。
ファイルを更新しても読みこみファイルが変わらないので、すこぶるテストがしにくい。
2012.11.21
09:00
author: taikiken
3件のコメント
Android 4からやっと登場したChrome、やっとまともなブラウザがAndroidにもと思ったら…
開発者にはちょっと困った問題がありました。
スマホ版WebでURL bar(アドレスバー)を消してたのに消えるそぶりも見せません。
Memo, iOS, Androidブラウザのアドレスバーを消す方法
Google大先生にお聞きし、たどり着いたFAQにありがたいお言葉が。
「消せないよ」
うわ〜〜っ！
FAQ – Chrome for Android
https://developers.google.com/chrome/mobile/docs/faq
Can I hide the URL bar?
The URL bar in Chrome for Android is Chrome’s Omnibox, with all of the built-in search and navigation features. For this initial release, we decided to show the Omnibox at all times. We are monitoring usage patterns and feedback to decide how to evolve this feature in future iterations of the application.
2014-05-28
html5rocksに興味深い記事を見つけたので追記します。
Building an amazing fullscreen mobile experience
「フルスクリーンにはできるよ」ってな記事です。
document.documentElement.requestFullscreen
を使ってフルスクリーンにします。
PCブラウザにも実装されているアレですね〜
requestFullscreen はユーザー操作を伴う必要があったように記憶してます。
自動ではできないし、まずいですよね。
アクセスしたら勝手にフルスクリーンになったりするとゲンナリです。
記事中にもちゃんと考えて使いましょ（かなり意訳）と書かれてます。
Don’t rely on navigation controls
….省略
Let the user choose when to go fullscreen
….省略
Don’t intercept the first touch event and issue a requestFullscreen.
stackoverflowでユーザーのfirst clickをインターセプトする方法を見つけました。
う〜〜ん、どうなんだろう。
そんなサイト増えたらやだなぁ
http://stackoverflow.com/questions/17791705/hide-mobile-browser-address-bar-on-chrome-android