イナヅマTVログ

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

JetBrains IntelliJ IDEA, Save Asはできないけどcloneはできたよ

おれメモです。

IntelliJ IDEA はなかなかいいやつなのに Save As(別名で保存)がメニューに無く、できないことになってます。
なんか理由があってそうしてる様子。
Why there is no Save and Save As… options, how can I save single file?

とはいえ Save As したいときもあるわけで…
続きを読む →

2013.12.17
11:00
author: taikiken
1件のコメント

[JavaScript] IE 11ブラウザ判定方法

ブラウザ判定に userAgent 使っちゃダメなのは知ってはいるけどもって話です。

IE 11 が登場しどうしても切り分けたいことがあったのでメモっておきます。

IE 11 userAgent

IE 11 の userAgent から msie の文字が無くなっています。
なんてことしてくれるんだよー!と思ってしまいます。
続きを読む →

2013.12.16
19:00
author: taikiken
0件のコメント

[JavaScript] 予約語は使っちゃいけないと心にきざむ

うっかり予約語を使い怒られたので深く反省するとともにメモっておきます。

使ってしまったのは import, export の2語。
IE 9以上、Chrome, Safari はそのまま使えたけど IE 8 以下ではエラーになりました。

MDN: 予約語
しっかり書いてた。
見てたけどなー、忘れてた。
ありそうな名前なのでしかっりしなければ。
続きを読む →

2013.12.16
14:48
author: taikiken
0件のコメント

[grunt] CreateJSに学ぶライセンス表記と管理

先日GREE Engineers’ Blogでとても興味深いエントリーがありました。
クライアントサイドJavaScriptのライセンス管理 がそのエントリーです。
実はこれ悩んでました。
JavaScriptライブラリやら自前コードなどを結合・圧縮したときにライセンスが消えてしまいチマチマと手作業でコピーしてました。
手動なので時にはライセンスをコピーし忘れ大変申し訳ない状態で納品なんてこともやらかしたり。
もっと良い方法がきっとあるはず…

圧縮には Google の Closure Compiler を使用してました。
Web Service ではなく compiler.jar をダウンロードして使用してます。
Getting Started with the Closure Compiler Application

CreateJSがどうしているのか気になったので調べてみました。
続きを読む →

2013.12.10
15:12
author: taikiken
0件のコメント

【続・技術的なお話】サイトトップをthree.js+CSS3DRendererで作り替えました

サイトトップをthree.js+CSS3DRendererで作り替えました
http://www.inazumatv.com/
眠れない日曜深夜に勢いで作ってみたのを改めて各ブラウザでチェックしてみると色々と問題がありました。

実案件に使うには勇気と対応ブラウザの選別が重要だと思いました。
three.js 63
続きを読む →

2013.12.05
22:59
author: taikiken
1件のコメント

iOS 7 mobile SafariのURLバー背景色を設定するCSS

不思議な iOS 7 mobile Safari。
URLバー(URL text field)背景に色を設定できる様子。

元ネタ
Safari on iOS 7 and HTML5: problems, changes and new APIs: TOOLBARS’ TINT

以前の投稿「iOS 7, mobile SafariのURLバーは消せない」で紹介させて頂いたサイトの記事です。
続きを読む →

2013.12.02
11:00
author: taikiken
0件のコメント

HaxeとTypeScriptでJavaScript。デフォルト引数と継承とpublic, privateを比べてみた

AltJSの二大巨頭HaxeとTypeScriptさん達がJavaScriptをどういう風に書き出すか試してみました。
Haxe
TypeScript

今までコツコツと書きためてきたオレオレJavaScriptライブラリ。
いつかちゃんと整理したいと思ってた。
整理ついでに生JavaScriptだしHaxeかTypeScriptで書き直したいなっと考えた。
続きを読む →

2013.12.02
03:20
author: taikiken
1件のコメント

サイトトップをthree.js+CSS3DRendererで作り替えました

update 2013-12-03 14:07
早くもエラーのお知らせが…
Maximum call stack だそうです。
出るときと出ないときがあるようなのですが原因は良くわかりません。
時間を空けてアクセスいただくと動作することもあるようです。

所詮JavaScriptベースなので温かい目で見守っていただきたいと思います。

update 2013-12-02 20:07
早速だけどアップデートしました。
http://www.inazumatv.com/

DOMElementの追加をCSS3DObjectからCSS3DSpriteに変えました。
これでDOMElementは常に正面を向くようになります。
空いたところ(黒いとこ)をダブルクリックで初期値に戻すようにしました。
グリグリ動かしてダブルクリックしてみてください。
空間にランダムに配置しつつ若干球状に集約するようにしてみました。

SNSボタンを配置しました。
よろしければポチって下さいな。

inazumatv.com ver.2

長年放置状態だったサイトトップをthree.js+CSS3DRendererでリニューアル(というほどでも無いけど)してみました。
http://www.inazumatv.com/

inazumatv.com+three.js

続きを読む →

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

[JavaScript] 今さらながらrequestAnimationFrameをもう一度

JavaScript でループ処理を行うための関数のひとつ requestAnimationFrame
今さらながら調べ直してみた。

調べなおすきっかけは three.js REVISION: ’63’ のソースを眺めたから。

requestAnimationFrame

ループ処理を行うための他の手段は時間ベースの2つの関数です。
setTimeout, setInterval

今では setTimeout, setInterval は非効率で requestAnimationFrame が実装されているブラウザでは使うべきでは無いと言われています。

IE にも実装され microsoft のサイトで解説を見ることができます。
ie.microsoft.com: requestAnimationFrame API
MSDN: Timing control for script-based animations (“requestAnimationFrame”)
ね、あの○○なmicrosoftでも requestAnimationFrame を使った方が良いって言ってるぐらいですから、使わなくっちゃ。
以前の記事: JavaScript, requestAnimationFrameを下位互換実装するために
続きを読む →

2013.11.30
15:41
author: taikiken
0件のコメント

[JavaScript] あれまぁAndroid 4.2.2でのtouchstartとclick

GALAXY NEXUS SC-04Dだけ挙動が変。
どうも他の端末と異なる。

Android 4.2.2

OS のせいなのか GALAXY NEXUS SC-04D端末固有の問題なのかがわからない。

原因はaタグにつけたイベント設定。
jQuery 使ってます。

$( "#some-id" ).on( "touchstart click", function ( e ){
    e.stopPropagation();
    e.preventDefault();
 
    console.log( e.type );
} );

続きを読む →