イナヅマTVログ

2014.06.22
13:00
author: taikiken
3件のコメント

[JavaScript] n個の配列を作りたい、できれば0でうめて

JavaScript で0で埋まったn個の配列を作りたい時にどうするかの話です。

n個の配列は次のコードで作成可能です。

var n_length_array = new Array( n );

あるいは

var n_length_array = [];
n_length_array.length = n;

要素がundefinedな配列は作成可能です。

元ネタは stackoverflow の古い質問です。
Most efficient way to create a zero filled JavaScript array?

いくつかのコードが紹介されています。
続きを読む →

2014.06.21
10:00
author: taikiken
0件のコメント

[JavaScript] ユーザーがチェックしたradio, checkboxのチェックを外したい

formの話です。
radio, checkboxのチェックをJavaScriptで外すお話しです。

以前の投稿「jQuery, checkboxやradioがチェックされているかを調べる」でattrubuteを削除する方法でチェックを外すと書きました。

$('#checkbox').removeAttr('checked');

しかし、ユーザーが(クリックやタップで)チェックを付けた場合はこの方法ではチェックは外れません。
続きを読む →

2014.06.20
12:00
author: taikiken
0件のコメント

[JavaScript] Memo, Web Cam映像をCanvasへ鏡像(反転)表示

Web CamもJavaScriptで制御できるステキな時代。
そのまま表示させると、当たり前だけど反転してるように見えて気持ち悪いので鏡像表示させてみる。
後でゴニョゴニョしたいのでCanvas上で鏡像にする手順メモ。
続きを読む →

2014.04.21
22:04
author: taikiken
0件のコメント

Android SC-04E の標準ブラウザはChromeのようでChromeでない様子

今さらですが…
2013-05 あのドコモ「ツートップ」の一つとして発表されたSamsung製の「GALAXY S4 SC-04E」の標準ブラウザの話。
Chromeもインストールされていますが初期状態では標準ブラウザがホーム画面にど〜〜んといらっしゃいます。

この標準ブラウザのUAは以下のとおりです。

Mozilla/5.0 (Linux; Android 4.2.2; ja-jp; SC-04E Build/JDQ39) AppleWebkit/533.19 (KHTML, like Gecko) Version/1.0 Chrome/18.0.1025.308 Mobile Safari/535.19

まるでChromeのよう。
でもかなり古い!

同時にインストールされているChromeは20.0.1410.58です。
出荷状態のまま調べました。

う〜んChrome 18あたりとも微妙に挙動が違うかも。

もうちょいイケてるバージョンのChromeを元に作ってほしかったなぁ。
Androidの世界はこうやってカオスが加速してくんだなぁ。

なんて夜遅くに古いネタで愚痴ってみました。

2014.04.13
18:48
author: taikiken
0件のコメント

[JavaScript] スマホ・タブレットのportrait / landscapeを調べたい

レスポンシブしてますか?
ネット上の「レスポンシブが簡単に実装できる」ネタでまともなものが一つもなく、ゴミみたいな情報をありがたがる奴が多すぎておじさんとしては違和感を覚える今日この頃です。
いや、言い過ぎた。
ネット上の記事を全て見てるわけではないので正しく導いてくれるステキな記事はあるはずです。

まぁこの記事もゴミの一つですけど…

今回は間接的にレスポンシブに関する話題 iOS, Android ブラウザでの portrait / landscape です。
以前に同じテーマの記事を投稿していて今読み返すと恥ずかしくて直視できない内容で本当に申し訳なく思います。

スマホ(タブレットもだけど)のportrait / landscapeを調べたい

コンテンツ全体が成り行き(%指定)で仕上がっていればJavaScriptをワザワザ登場させるまでもありません。
しかし実コンテンツではなかなかそうも行かないことがあります。
iframe, 動画(video)とかCanvas(canvas)などサイズ(px)を与えないといけないタグを使用すると「%指定だったら大丈夫計画」は破綻します。
続きを読む →

2014.03.19
21:45
author: taikiken
0件のコメント

sagen.js 熟成中。端末やportrait, landscape判定とかviewportをゴニョゴニョします

sagen.js on gitrub

レスポンシブなプロジェクトで使えるJavaScriptライブラリーsagen.jsを作ってます。
githubのお勉強会にも行ったしせっかくなのでgithubで1人でプッシュしたりコミットしたりプルしたり。
https://github.com/taikiken/sagen.js

元ネタは device.js
iOS 7のiPad判定がアレだったり、portrait, landscape判定がアレだったりしたので自分で作ることにしました。

いくつかの実践をへて現在のバージョンはまだまだマイナーな0.2.12。
世間にさらすことで至らない点をご指摘頂き改良していきたいなーと考えてます。

依存ファイルは無いので単体で動作します。
続きを読む →

2014.02.20
12:09
author: taikiken
0件のコメント

【覚え書き】No JavaScript!, IE 6でposition:fixedをエミュレートする

ブラウザができないことをできるようにしようとすると、ほぼどっかで破綻することの多いWeb界隈の「できるよ」ネタ。
某翻訳サイトの「できる」「便利」ネタを鵜呑みにして酷い目にあった人も少なくないかと…

ブラウザが本来できないことを実現するためには何らかのScriptを投入する必要があります。
Script実行結果はHTML構造とか設定CSSから影響を受けるので100%な動作を保証されるものではありません。
今回のネタもそんな「できたことはあった」けど「必ずできるとは言いにくい」不確実なものです。
続きを読む →

2014.02.15
15:17
author: taikiken
0件のコメント

MediaElement.jsを使うけど全てFlash fallbackで動画再生したい

HTML5 videoで.mp4を再生したいけどAddType video/mp4 .mp4が設定できないサーバーではIEは再生できません。
AddTypeされていないのでIEは動画と認識できないようです。

AddType video/mp4 .mp4が設定されていないサーバーでの動画再生はFlash Playerを使うと可能です。

Flashでの動画再生Playerはさんざん作ってきたので作れるけども…
予算と納期で作るに作れないときはありもので何とかしましょってお話です。
続きを読む →