イナヅマTVログ

2014 年 4 月 13 日
6:48 PM
author: okubo hiroaki
0 comments

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

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

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

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

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

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

2014 年 3 月 19 日
9:45 PM
author: okubo hiroaki
0 comments

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。
世間にさらすことで至らない点をご指摘頂き改良していきたいなーと考えてます。

依存ファイルは無いので単体で動作します。
Continue Reading →

2014 年 2 月 20 日
12:09 PM
author: okubo hiroaki
0 comments

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

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

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

2014 年 2 月 15 日
3:17 PM
author: okubo hiroaki
0 comments

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

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

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

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

2014 年 1 月 16 日
3:30 AM
author: okubo hiroaki
0 comments

OS X Mavericks(10.9)のJavaを1.7にしたい

できてしまえば簡単だったけど、たどり着くまでは大変だったJavaアップデートの話。
環境:Mac OS X Mavericks(10.9)

ant使ってGoogleのcompiler.jarでJavaScriptをminifyしたかったけど、試すとエラーが出た。

java.lang.UnsupportedClassVersionError

Google先生に伺うとJavaバージョンが違ってるらしい。
Continue Reading →

Andrew Hoyer-15 11.09.35

2014 年 1 月 15 日
11:38 AM
author: okubo hiroaki
0 comments

ステキ!Andrew Hoyerさんの実験サイト、JavaScript, CSS3, SVGとか

Andrew Hoyerさんのexperimentsサイトがとってもステキ。
http://andrew-hoyer.com/experiments/

JavaScript, CSS3, SVG…etcを駆使したインタラクション実験サイト。
物理演算なんかもあったりして。

動きが気持ちいいのがなにより参考になります。
すごいなぁー。
Continue Reading →

2014 年 1 月 15 日
6:00 AM
author: okubo hiroaki
0 comments

Objective-C事始め – UUIDを作ってみる

2013-08時点の書きかけ記事の再編集投稿です。
Xcode 4.6.3, iOS 6 当時の情報になります。

iOS 開発者なら先刻ご承知、
UDID に変わり UUID を使うよう Apple が推奨している。

UDID, UUID…
中途半端な知識しか持ち合わせていない自分自身のためのメモです。
Continue Reading →

GitHub for Mac

2014 年 1 月 9 日
12:53 PM
author: okubo hiroaki
0 comments

[github][OS X] Clone in Desktop ができないよー

世界の知恵の集積所 github.com.
コードをcloneする時にべんりなのが github 謹製アプリ GitHub for Mac.

ブラウザ上の “Clone in Desktop” ボタンをクリックするとアプリが起動しcloneしてくれる。

それができなくなった。
“Clone in Desktop” ボタンをクリックするとGitHub for Macのページに移動してしまう。

以前もあった。
再起動したらアプリが起動するようになったけど今回は再起動しても直らなかった。
Continue Reading →