2012年02月17日

UXデザイン入門を読みました

メディア開発部の青柳です。

日経BP社の『UXデザイン入門』を読みました。
小手先のテクニックや理想論ばかりに走っていない、良書だと思います。

UXデザイン入門表紙

UXデザインの概念や必要なプロセスが、わかりやすくまとめられています。

第1章 UXデザイン概要
第2章 デザイン調査
第3章 ユーザーモデリング
第4章 ストーリーボード
第5章 スケッチとプロトタイプ
第6章 ユーザビリティテスト
第7章 ワークショップ

第2章~第6章がそのままUXデザインのプロセスになっていて、各プロセスごとに、その目的や手法、課題などが解説されています。

全体と通してとにかく簡潔で、たとえば第5章では、スケッチの目的はアイデアの創出、プロトタイプの目的は評価と、漠然としがちな概念を端的に教えてくれます。
開発チーム内の共通言語にするためにも、社内の必読図書にしたいと思います。

2012年02月10日

git reset

いつもファーストロジックラボを御覧いただきまことにありがとうございます。
メディア開発部の根岸です。

社内勉強会にて、前回git rebaseについてお話させていただきましたが
今回はgit resetのお話をさせていただきました。

git resetのオプションは 影響の小さい順に

--soft
--mixed (またはオプションなし)
--hard

とあり、

--softはHEADのみを、
--mixed (オプションなし)ではHEADとインデックスを、
--hardではHEAD、インデックス、ワーキングツリーをリセットするとのことです。

git resetについては、今まであまり使ってはいなかったのですが
今回 勉強会で取り扱うにあたり、改めて調べたところ
オプションによってどの範囲がリセットされるのかということを知ることができました。

もちろんやり直しなどする必要がないにこしたことはないのですが
今後必要になった場合には 今回得た知識を生かし、
git resetのオプションを必要に応じて使い分けられるようになりたいと思います。

2012年02月06日

jQuery Mobile 1.1 が待ち遠しい

皆さんこんにちは。メディア開発部の森です。

いまや時代はスマートフォンであり、スマートフォンを有効活用できるサービスを展開することは最重要課題であり、そんななかで普段慣れ親しんでいるjQueryの知識をそのまま有効活用しつつサイト開発ができるjQuery Mobileに流れ着くのは必然の流れだとおもうわけです。

そんななかjQuery Mobileの今後のロードマップが発表されておりわりと切実に待ち遠しかったりします。

http://jquerymobile.com/blog/2012/01/10/upcoming-releases-1-0-1-1-1-and-beyond/

これをみるにjQuery Mobile1.1での大きな変更点は3つです。

AMD Support:

ええっCPUをサポート!?…じゃなくてjavascriptのモジュールの遅延定義ですね。
今までは一括で読み込んでいたjavascriptを必要に応じて読み込みを行うようにできるようになるんでしょうか。楽しみです。

True fixed toolbars:

個人的に一番待ち望んでいるモノです。

<div data-role="footer" data-position="fixed">
<p>らくまち</p>
</div>

いままでこんな感じでフッター要素の data-positon に fixed を指定していても妙に動作が気持ち悪くて結局CSSで position:fixed を併記するなどで対応していましたが、その苦労もなくなるのを期待します。

Improved AJAX page transitions:

ページ遷移に data-transition 属性を指定してリッチなアニメーションを展開できていましたがこれが改善されるとのことでこれまた期待です。

などと盛りだくさんのアップデートがあと2ヶ月くらいでやってくるとのことで楽しみ楽しみです。
これからも情報を追いかけていきたいですね。

2012年01月27日

PHP環境でのXMLデータパース

みなさん、こんにちは。
メディア開発部の きみやま です。

今回は社内勉強会にて紹介した、SimpleXMLクラスについて書かせていただきます。

一言で言うと、XML形式のデータをオブジェクトとしてパースしてくれる便利なクラスなの
ですが、元のデータ形式によっては、使いづらいケースがある、という場面に直撃してしまいました。

基本的には、
$data = simplexml_load_string($xml);
これで、オブジェクトが$dataに代入されて、
$data->(タブ名)
の形式でデータを取得できる、というものです。

ただし、タブの中に複数のデータがある場合、
例えば、
<hoge>
<fuga id="1" number="5" />
<fuga id="2" number="10" />
<fuga id="3" number="15" />
</hoge>
という場合、
$data->(タブ名)
だと、"id"と"number"をvalueとしてもった配列が返ってきてしまうんですね。

ただし、あらかじめその辺りの仕様を把握してさえおけば便利なクラスなのは
間違いないと思いますので、注意しながら使いこなしていきたいと思います。

2012年01月20日

PhoneGapを試してみました

こんにちは、メディア開発部の青柳です。

先日行った社内勉強会で PhoneGap を取り上げてみました。

PhoneGapというのは、
・HTML5+CSS3+JavaScriptで書いて
・iPhone,Andoroid,WindowsPhoneなどで動くアプリを作れる
・オープンソースな
フレームワークです。

カナダのNitobi社が2008年から開発していたのですが、バージョン1.0をリリースした2011年にAdobeに買収されていたんですね。恥ずかしながら、全然知りませんでした。
こういう基盤系のソフトはいつまで開発が継続されるのか気になるところですが、バックにAdobeがついたとなると将来性にも期待ができそうです。

さらに今回は、手早く体験したかったので PhoneGap Build も使ってみました。
PhoneGap Buildとは、ソースを各プラットフォーム用にクラウド上でコンパイルしてくれるサービスです。

早速PhoneGap Buildにログインして(無料でアカウントを作れます)、PhoneGap Fanさんからお借りしたサンプルソースをアップロード。しばらく待ってアプリダウンロード用の2次元バーコードが表示されたら完了です。
本当に、ものの数分でスマートフォン用のアプリが完成してしまいました。

しっかりしたアプリを作るとなると、やはりそれなりに大変そうですが、
動くものがこんなに簡単に作れてしまうなんて凄いですね。

2012年01月13日

git rebase -i をしよう。

いつもファーストロジックラボを御覧いただきまことにありがとうございます。
メディア開発部の根岸です。

このたび、社内の勉強会で発表させていただく都合で
git rebaseというコマンドについて調べ、また 実際の開発でも使ってみはじめました。

こまめなコミットも git rebase -i でキュッとひとまとめになります。
コミット履歴がとてもきれいに!

before
1.png

after
3.png

まだ不慣れなので手間取るところもありますが ひとまとめにすることができるようになって
今までよりもまめに 気兼ねなくコミットできるようになったように思います。

この先、もっと慣れていって さくさくrebaseできるようになっていきたいです。

2012年01月06日

byobuを使ってみた

皆さんこんにちは。
森です。

新年一発目ですがいつもどおりユルユルかきます。
正月休み中は実家でお餅をすすりストーブにあたりつつリモートでサーバーにつないでこつこつ作業してました。
実家は未だにISDNであり、ネットワーク速度が出ない&よく切れる、とscreenのデタッチがなかったら危なかった…という状況が続きました。

そんな中いろいろ思うところがあり.screenrcをいじっていたのですが、
どうにも複雑で困っていたところ byobu に行き着きました。

manを見るに

byobu - wrapper script for seeding a user's byobu configuration and launching screen

ということでscreen起動の設定ファイルのためのラッパースクリプトだそうです。
僕はUbuntuを使っているのですんなり試すことができました。

ターミナルからapt-getでインストールしてすぐ起動できます。

$ sudo apt-get install byobu
$ byobu

画面はこんな感じです。

みためがちょっと派手ですね。
あと標準のままではFUNCTIONキーにいろいろバインドがしてあるのが戸惑うところですが、
初めてscreenを触るんだけど.screenrcがよくわからないという方にはオススメかなと思います。

よきターミナル生活を。

2011年12月29日

HTML5って

みなさん、こんにちは。
メディア開発部の きみやま です。

今回は、社内勉強会でHTML5について触れたことについて書かせていただきます。

最終草案が今年の5月に公表されましたが、W3Cによる正式勧告の目標が2014年に
ずれこんでいるようですね。

弊社で提供しているシステムにもかなり応用ができるような仕様がふんだんに盛り込まれて
いますので、早く仕様が固まって欲しいものです。

もっとも、プラウザによって対応し始めているものが出始めていますので、正式勧告の
動向よりも、各プラウザの対応状況の方が重要になるかもしれませんね。

今後とも、進捗には注視していきたいものです。

2011年12月22日

XUL

こんにちは、最近開発用のPCをCore i5にアップグレードしたメディア開発部の青柳です。

やっぱり速いのはいいですね。VMwareもさくさく動きます。
昔Pentium133MHzくらいのPCで「Wordがエディタのように起動する!」と喜んでいた頃を思い出しました。
その頃に比べたら今のPCは性能が格段に上のはずなのに、気分的にはあまり変わらないように感じるのは気のせいでしょうか。(気のせいでしょう!)

さて、XUL(ズール)です。
XULとは、FirefoxやThunderbirdのUIを記述するのに使われている言語です。
会社の勉強会で発表するネタを考えていたときに、以前にちょっと遊んだことがあるのを思い出してネタにしてみました。

具体的には、UIの要素をXMLで定義して、デザインはCSSで、ロジックはJavaScriptで書きます。
Firefoxのアドオンなんかもこれで書かれています。

初めて知ったときには、HTML+JavaScriptなんかより、ずっとリッチなクライアントを作れるじゃん!
とも思ったのですが、Mozilla環境限定というのがネックで仕事で使う機会はありませんでした。

最近では実行環境の多様化に合わせてXULを「やめる」という議論も起きているようです。果たして、どうなりますか・・・。
CNET Japan 「Android」版「Firefox」、高速化を目指してネイティブUIの採用へ

2011年12月16日

Dotfilesを共有しよう

森です。

マシンの突然の死による環境の再構築になってしまいました。
せっかく新しいマシン買うからついでにいろいろディストリ試してみたいなあと思い
Fedora -> [X|L|K]Ubuntu -> Linux Mint と流れ流れて試しております。
仮想マシンでない素のインストール状態での性能が見たいのでクリーンインストールです。

そんななかでめんどうなのがDotfiles (.bashrcとか)のコピー、保存なのですが、
最近はもっぱらgithubにおいて管理する方向で落ち着きました。

https://github.com/jiska/dotfiles

これでより気軽に環境の引越しができるようになりました。
みなさんもお試しください。