イナヅマTVログ

2015.04.25
08:03
author: taikiken
0 comments

Memo, github で公開サイト作成の参考サイト

githubをホストにし公開サイトが作成できるそうな。
いや、できるのは知ってたけど「どうするか」が分からなかった。

参考サイトのメモ

help.github.com
https://help.github.com/categories/github-pages-basics/
https://help.github.com/articles/creating-pages-with-the-automatic-generator/

対話形式(Step by Step)で説明してくれてる。
https://pages.github.com/

ここが分かりやすかった。
Continue Reading →

2015.04.22
19:00
author: taikiken
0 comments

bower register してみた後のアップデート(メインテナンス)

github にファイルをプッシュして bower に register してみた。

register するまではそんなに苦労はしなかったはず(多分)。
その後ファイルをアップデートし bower install すると古いファイルしかインストールできなくて汗々した話。

bower register は google 先生に伺うと大量の情報が入手可能です。
bower.io: Register

bower.json 作成

bower init

bower.json 編集

ignore とかちゃんと書いておいた方が良いかも。

github.com/bower/bower.json-spec#name
Continue Reading →

gulp

2015.04.07
23:05
author: taikiken
0 comments

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 – 設定ファイル
の続き。
Continue Reading →

2015.04.04
17:47
author: taikiken
0 comments

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

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

getComputedStyle

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

2015.04.02
20:16
author: taikiken
0 comments

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

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

CSS3 transition event を bind しています。

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

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

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

2015.03.30
01:35
author: taikiken
0 comments

【消せないよね】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 のアップデートで内容は古くなってます。
Continue Reading →

2015.03.29
12:34
author: taikiken
0 comments

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

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

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

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