イナヅマTVログ

2015.04.07
23:05
author: taikiken
0件のコメント

Gulp 始めてみましたのメモ – 9 – ファイルへ作成日時を書き込みたい

ファイルへ作成日時を書き込んでおくとイイかも、って思いついた話。

Gulp 始めてみましたのメモ – 1 – 導入からCompass
Gulp 始めてみましたのメモ – 2 – CSSをminify
Gulp 始めてみましたのメモ – 3 – JavaScriptをconcat, minify, source mapとYUIDoc
Gulp 始めてみましたのメモ – 4 – taskを順に実行
Gulp 始めてみましたのメモ – 5 – コピーと削除, ファイル・ディレクトリ
Gulp 始めてみましたのメモ – 6 – Globbing patterns, Glob options
Gulp 始めてみましたのメモ – 7 – Data URI, Base64 Encode
Gulp 始めてみましたのメモ – 8 – 設定ファイル
の続き。
続きを読む →

2015.04.04
17:47
author: taikiken
0件のコメント

[JavaScript]HTMLElementに設定されているCSS styleを知りたい, jQueryを使わずに

シリーズでもないんだけど…
HTMLElement(tag)に設定されたCSS styleをjQueryを使わずに取得する方法のお話。

getComputedStyle

window.getComputedStyleを使うとできそう。
MDN(ja): window.getComputedStyle
MDN(en): window.getComputedStyle
“window.getComputedStyle”の日本語情報は古いかもなので英語版も見てね、らしいので２つリンクを貼りました。
続きを読む →

2015.04.02
20:16
author: taikiken
0件のコメント

[JavaScript]HTMLElementへ複数イベントをbindしたい

jQuery だと簡単にできることも使わないと「あれ！？どうするんやろ」なことのひとつ。

CSS3 transition event を bind しています。

jQuery( "#example" ).on( "transitionend webkitTransitionEnd oTransitionEnd MSTransitionEnd", function () {} );

transitionend だけで済むようになればこんな醜いコードを書く必要は無くなります。

jQuery を使わない時は addEventListener を使いますが1つしかイベント設定ができません。
続きを読む →

2015.03.30
01:35
author: taikiken
0件のコメント

【消せないよね】iOS, AndroidのAddress bar(URL Text Field)制御のおさらい

iOS, Android ブラウザのURL Text Field(Address bar)を非表示（みたい）にするためのゴニョゴニョした話をまとめてみました。
個人的にはブラウザのURL Text Field(Address bar)があってもイイと思うけど、アプリには無いから「消して」なオーダーは少なからずあったりするので調べたりしました。

でもOSバージョンやブラウザ種類で対応方法が変わったりし、その度に右往左往させられブログ記事も追記につぐ追記になったりして分かりにくくなってしまいました。

現時点での最新版 Android Chrome, iOS Safari どちらも scrollBy / scrollTo で非表示のように見せかける手法は使えなくなっています。
結論は、消したりはダメだってとこに落ち着くんだけど何か方法があるのかなぁー

調べるたんびに忘れないように書いてた、結構ある。
OS のアップデートで内容は古くなってます。
続きを読む →

2015.03.29
12:34
author: taikiken
0件のコメント

iOS Chrome を判別したい – userAgentを使ってね

スマホサイト作っていても iOS Chrome はサポート対象外にしてました。
Google 製品との連携とか iOS Chrome には便利な機能はありますが、ブラウザとしては所詮 Safari の劣化版だし…

Googleは悪くないです、Appleの頑固な方針のせいです。

サポートしないと言っても…
iOS Chrome だけに発生する不具合を解決するために判別コードを書くことにしました。
続きを読む →

2015.03.28
13:10
author: taikiken
0件のコメント

Gulp 始めてみましたのメモ – 8 – 設定ファイル

task ファイルを分けたときにディレクトリとかプラグイン設定をちまちまコピーしてるのどうもかっこ悪い。
そうだ「設定ファイル」を作ろう。
おれエライ！

と思いついたお話しです。

実際はエラくもなく、今までそんなこともやってなかった、なマヌケな話です。

Gulp 始めてみましたのメモ – 1 – 導入からCompass
Gulp 始めてみましたのメモ – 2 – CSSをminify
Gulp 始めてみましたのメモ – 3 – JavaScriptをconcat, minify, source mapとYUIDoc
Gulp 始めてみましたのメモ – 4 – taskを順に実行
Gulp 始めてみましたのメモ – 5 – コピーと削除, ファイル・ディレクトリ
Gulp 始めてみましたのメモ – 6 – Globbing patterns, Glob options
Gulp 始めてみましたのメモ – 7 – Data URI, Base64 Encode
の続き。
続きを読む →

2015.03.27
13:43
author: taikiken
0件のコメント

Gulp 始めてみましたのメモ – 7 – Data URI, Base64 Encode

間は空きましたが gulp 使ってます。

画像データを埋めこみたい。
wikipedia: Data URI scheme

Gulp 始めてみましたのメモ – 1 – 導入からCompass
Gulp 始めてみましたのメモ – 2 – CSSをminify
Gulp 始めてみましたのメモ – 3 – JavaScriptをconcat, minify, source mapとYUIDoc
Gulp 始めてみましたのメモ – 4 – taskを順に実行
Gulp 始めてみましたのメモ – 5 – コピーと削除, ファイル・ディレクトリ
Gulp 始めてみましたのメモ – 6 – Globbing patterns, Glob options
の続き。
続きを読む →

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

jQuery touch イベントのpageX / PageYはどこ！？

タッチイベントのイベントハンドラからpageX, pageYを取得したい。

jQuery を使わないと event オブジェクトから簡単に取得できる。

element.addEventListener( "touchstart", function ( event ) {
  console.log( event.pageX, event.pageY );
}, false );

jQuery 使うとないんだなぁー
続きを読む →