2012年4月30日月曜日

【PHP】ブラウザの判定

スマートフォン対応や各ブラウザ対応等で
ブラウザ情報でページを出し分けするときは
user agentから情報を判別すればよい。

getenv(string varname)

解説環境変数の値を取得する
引数varname 変数名
返値varnameで指定した環境変数の値を返す。varnameが存在しない場合はfalseを返す。


例:
// ブラウザの情報取得
$bsr = getenv("HTTP_USER_AGENT");

echo $bsr;

⇒Mozilla/5.0 (Macintosh; Intel Mac OS X 10_7_3) AppleWebKit/535.19 (KHTML, like Gecko) Chrome/18.0.1025.165 Safari/535.19

mb_eregとかを使ってページを出し分ければいけそうだな。
phpinfo()にある情報は全部とれるっぽいから結構使えるファンクションだね。

2012年4月27日金曜日

【html•css•javascript】マウスオーバーはCSSだけでいける!

文字や画像が載ったときに色や画像を変更させるいわゆるマウスオーバーは
実はCSSで行けるということを知りましたー(おろかものだ。。)

hoverというCSSの擬似クラスで設定可能ということでして。

例:
a{
color:FFFFFF;
}

a:hover{
color:000000
}

上の簡単な例だと文字にマウスが載った瞬間に黒に変わる。

CSSで作った方がシンプルで高速らしい。
確かにシンプルだー

2012年4月25日水曜日

【API】Google APIとかすごすぎやろ

Google APIにはMapとか検索のAPIが存在することは知っていたけど、Chartもあるのね。
しかも超簡単でびっくりした。



Google Chart API


2分ぐらいで試しに適当に作った。


imgタグにちゃちゃっと書いてこんなにステキな円グラフが出来ている。。
ちなみに上のソースは下記の通り。

  • chtt : タイトル
  • chs  : 図のサイズ
  • chd  : 各項目のパーセント,数値
  • chco: 各項目の色
  • chdl : 右の説明表の設定
  • chl   : 各項目名
他にも棒グラフや折れ線グラフ等の定番チャートからQRコードとかも作ってくれる。
とても便利すぎてびっくり。
Google Chart API グラフ画像のサンプルにもたくさんサンプルがあり、使える!
API使って効率よく作業をしていかなければ。


2012年4月24日火曜日

【etc】こりゃたまらん!ドットインストール

たまたま発見した。


ドットインストール

初心者用のプログラミングサイトで一つの授業は3分程度。
ささっと見れて逆に言うとささっと見れる分どんどん見てしまうー。


PHPとかJavaとかだけでなく、
最近流行のTwitterbootstrapとかGoogleのAPIとかも受講できちゃう。
これが全部ただって言うのがまたすごい。
ぜひお試しあれ。

                                   こんな感じで結構コースも豊富なんです。


2012年4月23日月曜日

【tool】chromeデバッグツール

chromeには標準装備でめちゃめちゃ優れた
デバッグツールを搭載している。
ただこいつの使い方を簡単に紹介しているサイトはないかなとか
思って探していたら、あった。


作業効率が10倍アップする Chrome Developer Tools の使い方

めちゃ簡潔に書かれていてわかりやすい。
(全然関係ないけどタイトルにもあるように「10倍アップ〜」
とかいう文言はとても魅力あるように感じるのは自分だけかな?
別にその数字の信憑性など誰も問わないけどなんかクリックしてしまう。)

標準装備されているのに、全然使っていなかった自分に後悔。。
JSもHTMLもこいつを使ってもっと効率よく開発をしたいね。


2012年4月20日金曜日

【iPhone App】面白いマップアプリ発見!!

今日とても面白いiPhoneアプリを発見した!
その名は『ロケスマ』。


なんか良質なスマホアプリってまだまだ少ないけど、
これはなかなかよい!

ロケスマは、お店や観光スポット、学校や病院、災害時避難場所などなど、さまざまな地点情報をスマートフォンで手軽に表示するアプリでgoogleで作ったマイマップなんかもとりこめる。

これはバス停を選択したときのマップ。


ただしマイマップからリストを作るときに1点だけ問題が(しかもアプリ側の問題ではないw)!!

googleマイマップからkmlで取り込んでねと言われたので、試してみたが、、
マイマップのエクスポート(kml)の仕方がわからない!
google map上ではインポートはあってもエクスポートがない!!

どういうことやねんって思って調べたら、
URLに『&output=kml&ge_fileext=.kml』をつければいいとわかり、なんとか解決ー。
つまり、
1 google map上で、
【マイプレイス】→【マイマップ】→【(自分で作った)カテゴリ】
へ移動
2 右上のリンクボタンを選択
3 URLをコピーして、『&output=kml&ge_fileext=.kml』を後ろにつける。
4 ロケスマのアプリ上でURLを入力する際に3のリンクをペーストすると完了! 

他にもやり方があるかもしれないが、わからない人は試してみてほしい。

2012年4月19日木曜日

【web】イノベーションとマーケティング


いつのWeb Site Expertか忘れたが、
村上知紀さんがイノベーションについてイノベーションについて
おもしろいことを書いていた。

村上さん曰く、イノベーションを起点とした流れは以下の流れになっている。
1新しいサービスや技術やデバイスが出る(技術革新がおこる)
2ユーザが技術革新に反応する。
3ユーザの動きに応じてマーケティングの仕方が変わる。
4マーケティングの変化に応じて企業が変わる

最近で言えばiPhoneやAndroidのスマートフォンが出現してきて、
それにユーザは反応し、そのユーザの流れに応じてマーケティングの手法も
変えていくということらしい。
ごもっともです。

意外とマーケティングをするときって現時点で消費者は何を求めているかに
注意しているものの少し先の未来の消費者が何を求めているかはわかっていない。
というのも何が来るかわからないからである。
じゃあなぜ予測できないのか。
それは1の新しいサービスや技術に着目できていないからである。

Webの世界の基本は情報技術にある。
つまり情報技術の変化を追って少し先の消費者が何を欲しいと思うのか予測することが
重要になる。
先手必勝のweb業界ではこの予測と実行のスピードが勝敗を決めるのではないか。