UP事業部の里山です。

中規模以上のWeb/アプリ開発において、
そろそろCIを導入しないと本格的に色々不便な気がするので、
検討を始めています。

CIは所謂継続的インテグレーションというもので、
ツールで言えばJenkinsやChefがメジャーどころです。

開発案件においてCIを導入する一番の目的は、
本来やるべき機能開発やUI/UX品質向上に工数を割り当てるため、
ソースのビルド＆デプロイ＆テストといった、
出来る限り人力でやりたくない所を自動化させることです。

ビルドミスがあった、コミットミスが発生した、
その対策をしなければと工数を掛けた所で誰かが幸せになるわけでもなく、
どう考えても非生産的です。

ちょっと時代に乗り遅れている感はありますが、
今からでもCIを導入して、高品質、低コストな開発スタイルを実現し、
定着できればと思います。

CROOZ様主催のイベント「テックヒルズ」でも、
Jenkinsをテーマに公演していましたが、
500名を超える来場者数が注目度を物語っています。

どうも、伊藤です。

Docomoが2013年下半期にTizen搭載スマートフォンを発売すると公式発表してから我々Web業界の人間だけでなく、他業界の方々も含め各所でTizenというキーワードを耳にします。

社内スタッフも積極的に勉強しており、技術セミナーも各所で開催されている中そろそろ出遅れ感もありますが、、、
業界人として最低限の事はしておこう！という事で開発環境(IDE)のセットアップとHello Worldをやってみました。

こんばんわ、よく「おーみ君元気？」と言われがちな逢見です。
元気一杯ではないですがぼちぼち元気です。

先日久しぶりに勉強会に参加しまして
その中のセッションでディレクターがプロジェクトの進行で
心がけることを幾つかお話されていたのでご紹介します。

・プロジェクトに対する知識を深める
これは基本的なことかもしれませんが進行する上で自分が知って
おかなければいけないことについて知識を深めるということです。
また、他の人から教えてもらった知識を鵜呑みにしないで
自分で調査・分析することが大事だそうです。

・プロジェクトの中にある楽しさを演出する
これは結構大事だと思うのですが意外とできていないことだったりして
チーム全体の士気が低下したりすることもありますね。
黙々とプロジェクトを進めていても面白く無いので楽しさを見つけて
共有することはとても大事なことだと思います。

・作業前、作業中、作業後も仲間をリスペクトする
これも雰囲気作りには大事なことでなにかお願いするときや
作業をしてもらったあとに感謝の言葉を伝えたり、褒めてあげる事は
円滑に進める上で欠かせないことかと思います。
「次のプロジェクトもこの人とやりたいなー」と思ってもらえるようになるのが
理想ですよね。

・めんどくさいことを積極的にやる
なにかを資料にまとめたり、ちょっとした作業が面倒だったりすることはしばしば
あるのですがそれを率先して自分からやると他の人が気持ちよく自分の仕事に集中できるのでこれも大事なことだと思います。
ただ、なんでもかんでもやってしまうと身動き取れなくなってしまうのでほどほどに。

どれも基本的なことではあると思うのですがプロジェクトの進行に気を取られてしまって忘れがちなことだと思うので皆さんも気持ちのよい仕事ができる環境を作れているか見直してみてはいかがでしょうか。

5月23日に日本国内でもついに「Square」が開始しました。
きになったので先日、私は「Square」の体験セミナーに訪問してきました。
「Square」が開発された逸話として有名なのが、Twitterの共同創業者であるジャック･ドーシーCEOの友人でガラスの工芸職人の話です。
この友人が2000ドルの工芸品を売り出したところ、購入希望者がクレジットカード決済ができないことを理由に購入を断念したそうです。
そこでビジネス機会損失について相談を受けたとことから、誰でも使えるクレジットカード決済のシステムを着想し、わずか1ヵ月でプロトタイプを作ったようです。
このスピード感がすごいですね。またカード社会のアメリカだからこそニーズは明確だったのではないでしょうか。
日本ではまだまだカードを使う人が少ないので、これからどうなるのか気になります。以下を見るとアメリカとの違いが明確です。

こんにちは
あともう少しで新しいPCが届く前に
会社のPCがお亡くなりになった伊藤です。
みなさんバックアップは常日頃取っておきましょう！

さて本題です。
ブログに書くほどでもないのですが
webページの振り分けについてハマったので自分用に書き留めます。
振り分けは一般的にjavascript、もしくは.htaccess、phpなどで行います。

今回僕はjavascriptで書きました。
リダイレクトの条件は
・iPhoneでAndroidで見たらスマホサイト！
・iPad、Androidのタブレット端末で見たらPCサイトに飛ばす！

javascriptで書くと大体下記のようになると思いますが、

// iPhoneまたは、Androidの場合は振り分けを判断
var ua = navigator.userAgent;
if (ua.indexOf('iPhone') != -1 || ua.indexOf('iPod') != -1) {
　location.href = 'スマホサイトのURL';　//iPhone iPodはSPへ
}
if (ua.indexOf('Android') != -1) {
　if (ua.indexOf('mobile') != -1) {
	location.href = 'スマホサイトのURL';　//Androidにmobileが付いてたらSPへ
　}else{
　　　　　//Androidにmobileが付いてなかったらPCへ
　}
}

この書き方で
タブレットはAndroidで判別しAndroidのスマホの方はAndroidでmobileがあれば
スマホサイトに飛ばすのですが、Androidのスマホのリダイレクトがうまくいきませんでした。
リダイレクトせずPCページを見てしまいます・・・・。
Chromeのデバックツールで見てもエラーも出ません。

そうこう悩んでいる内にあることに気づきました。

if (ua.indexOf('mobile') != -1) {

そうです’mobile’が小文字なのです。

頭文字が大文字の’Mobile’じゃないと振り分けされないのです。
小文字でも大丈夫だろうと今まで思っていたのですが
小文字はダメなようです。

まだまだ修行が足りないようです。
また一つ勉強になりました。

ではでは。

今日はw杯アジア最終予選オーストラリア戦ですね。
19：30キックオフだし定時でサクッとあがって家で観戦したいもんですね。
しかし不発弾処理もあって電車止まったりしていたしスタジアムまで行く人は大変そう。。。
WP事業部すぎやまです。こんばんは。

さて、WEBページ上にyoutube動画を埋め込むのに便利なiframeですが、変なブラウザバグ？に出くわしました。
lightbox風にページ全体を覆った上で動画を再生するという単純なもの
（ライブラリやプラグインではなくスクラッチで組んだものですが）
ですが、汎用性を持たせるためにサムネイルをクリック後にappend();したり閉じるときにremove();したりしていました。

今まで使ってきて表題のようなバグが出ることはなかったはずなんですが、最近バグが出ているのに気づきました。

IEで再生中に閉じてもiframeをremove();しているはずなのに動画が消えない！！

閉じるボタンだったり動画部分の要素は正常に消えてくれてますが、なぜか動画だけ残ってしまいます。IEだけ
正確にはソース的には消えてるけど、表示が残ってしまっている感じでしょうか。IEだけ
youtube上で一時停止とか何かしら操作しようとしてクリックするとブラウザ画面上がブラックアウトします（笑）IEだけ
怖いですねー。。。

remove();時にdisplay:none;もかけてやると動画は消えますが音だけ流れ続けます（笑）
意味がわからないですねー。。。（笑）
もう今までのソースは破棄してYouTube JavaScript Player APIの.stopVideo();使おうかと思って書いてみましたが、、、、
確かに止まりましたがIE7以下には対応していないみたいです（涙目）

もう諦めてプラグイン使おうかなーとか思いましたがこんな記事を見つけました。