ファーストロジックラボ

hookスクリプト

Thu, 12 Apr 2012 15:30:34 +0900

いつもファーストロジックラボを御覧いただきまことにありがとうございます。メディア開発部の根岸です。 gitでコミットをしてしまったあとに文法が間違っているのを見つけたりすると修正してまたコミット……コミットする前に気付けばこんな手間は…… などと思うこともあったりいたします。そういうときには、gitのpre-commit hookというものが良いようです。あらかじめ設定しておけば　コミット前に文法など　設定したチェックを行いそれに引っかかるとコミットを中止してくれるというものです。 hookスクリプトはpre-commit hook以外にも、 rebase時に動くpre-rebase hook、コミット直後に動くpost-commit hookなど自分で設定しておくと　ありとあらゆる場面で自動的に動いてくれます。ですが　私がこれを自由に使えるようになるにはまずshellスクリプトの学習が必要ですが使いこなせるようになるようがんばっていきたいと思います。

ウィンドウを操作するキーボードショートカット for Ubuntu 11.10

Fri, 09 Mar 2012 19:30:27 +0900

メディア開発部の森です。プログラマたるものもっとも大事なのはコーディングの速度と没入感と集中であり、つまり最大限さわるデバイスはキーボードであり、コーディング時にマウスに手を伸ばすなどの余計な動作はそれだけで気が散ります。そのため常にキーボードを触り続けるために キーボードショートカットを駆使することは必須でしょう。 各アプリケーションごとに膨大かつ複雑なショートカットがあるわけですが、まずはよく触れる機会の多いOSのGUIのショートカットを極めたいとおもうのです。マウスを操作せざるを得ない状況としてウィンドウの操作があげられますが、僕がメインで使用しているUbuntu11.10ではたいがいキーボードショートカットで行えます。ざっくりまとめると以下のとおりです（順不同）。この設定はカスタマイズすることができるのであくまで一例として。 ◇ウィンドウ操作 Alt + F4 : ウィンドウを閉じる Alt + F10 : ウィンドウを最大化する Alt + F9 : ウィンドウを最小化する Alt + F5 : 最大化したウィンドウのサイズを元にもどす Alt + F7 : ウィンドウを矢印キー（↑↓←→）で移動する Alt + F8 : ウィンドウを矢印キー（↑↓←→）でサイズ変更する Alt + Space : ウィンドウの操作メニューを表示する ◇ワークスペース操作 Ctrl + Alt + 矢印 : 上下左右のワークスペースへ切り替える Shift + Ctrl + Alt + 矢印 : 上下左右のワークスペースへウィンドウを移動するなどと説明しているだけで日が暮れそうになりました。が、 Unityのショートカット一覧などを見れば事足りると思うので各人試してみてください（なげやり）。ちなみに、チーム各位でキーボードショートカットを極めるために、マウスを使わないノーマウスデーを導入してはどうか、と提案したところ一蹴されました。無念。

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

Fri, 17 Feb 2012 20:40:27 +0900

メディア開発部の青柳です。日経BP社の『UXデザイン入門』を読みました。小手先のテクニックや理想論ばかりに走っていない、良書だと思います。 UXデザインの概念や必要なプロセスが、わかりやすくまとめられています。第1章 UXデザイン概要第2章デザイン調査第3章ユーザーモデリング第4章ストーリーボード第5章スケッチとプロトタイプ第6章ユーザビリティテスト第7章ワークショップ第2章～第6章がそのままUXデザインのプロセスになっていて、各プロセスごとに、その目的や手法、課題などが解説されています。全体と通してとにかく簡潔で、たとえば第5章では、スケッチの目的はアイデアの創出、プロトタイプの目的は評価と、漠然としがちな概念を端的に教えてくれます。開発チーム内の共通言語にするためにも、社内の必読図書にしたいと思います。

git reset

Fri, 10 Feb 2012 14:03:31 +0900

いつもファーストロジックラボを御覧いただきまことにありがとうございます。メディア開発部の根岸です。社内勉強会にて、前回git rebaseについてお話させていただきましたが今回はgit resetのお話をさせていただきました。 git resetのオプションは影響の小さい順に --soft --mixed　（またはオプションなし） --hard とあり、 --softはHEADのみを、 --mixed （オプションなし）ではHEADとインデックスを、 --hardではHEAD、インデックス、ワーキングツリーをリセットするとのことです。 git resetについては、今まであまり使ってはいなかったのですが今回　勉強会で取り扱うにあたり、改めて調べたところオプションによってどの範囲がリセットされるのかということを知ることができました。もちろんやり直しなどする必要がないにこしたことはないのですが今後必要になった場合には今回得た知識を生かし、 git resetのオプションを必要に応じて使い分けられるようになりたいと思います。

jQuery Mobile 1.1 が待ち遠しい

Mon, 06 Feb 2012 19:48:45 +0900

皆さんこんにちは。メディア開発部の森です。いまや時代はスマートフォンであり、スマートフォンを有効活用できるサービスを展開することは最重要課題であり、そんななかで普段慣れ親しんでいるjQueryの知識をそのまま有効活用しつつサイト開発ができるjQuery Mobileに流れ着くのは必然の流れだとおもうわけです。そんななかjQuery Mobileの今後のロードマップが発表されておりわりと切実に待ち遠しかったりします。 http://jquerymobile.com/blog/2012/01/10/upcoming-releases-1-0-1-1-1-and-beyond/ これをみるにjQuery Mobile1.1での大きな変更点は３つです。 AMD Support: ええっCPUをサポート！？…じゃなくてjavascriptのモジュールの遅延定義ですね。今までは一括で読み込んでいたjavascriptを必要に応じて読み込みを行うようにできるようになるんでしょうか。楽しみです。 True fixed toolbars: 個人的に一番待ち望んでいるモノです。

らくまち

いままでこんな感じでフッター要素の data-positon に fixed を指定していても妙に動作が気持ち悪くて結局CSSで position:fixed を併記するなどで対応していましたが、その苦労もなくなるのを期待します。 Improved AJAX page transitions: ページ遷移に data-transition 属性を指定してリッチなアニメーションを展開できていましたがこれが改善されるとのことでこれまた期待です。などと盛りだくさんのアップデートがあと2ヶ月くらいでやってくるとのことで楽しみ楽しみです。これからも情報を追いかけていきたいですね。

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

Fri, 27 Jan 2012 19:32:47 +0900

みなさん、こんにちは。メディア開発部のきみやまです。今回は社内勉強会にて紹介した、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としてもった配列が返ってきてしまうんですね。ただし、あらかじめその辺りの仕様を把握してさえおけば便利なクラスなのは間違いないと思いますので、注意しながら使いこなしていきたいと思います。

PhoneGapを試してみました

Fri, 20 Jan 2012 23:27:30 +0900

こんにちは、メディア開発部の青柳です。先日行った社内勉強会で PhoneGap を取り上げてみました。 PhoneGapというのは、・HTML5＋CSS3＋JavaScriptで書いて・iPhone,Andoroid,WindowsPhoneなどで動くアプリを作れる・オープンソースなフレームワークです。カナダのNitobi社が2008年から開発していたのですが、バージョン1.0をリリースした2011年にAdobeに買収されていたんですね。恥ずかしながら、全然知りませんでした。こういう基盤系のソフトはいつまで開発が継続されるのか気になるところですが、バックにAdobeがついたとなると将来性にも期待ができそうです。さらに今回は、手早く体験したかったので PhoneGap Build も使ってみました。 PhoneGap Buildとは、ソースを各プラットフォーム用にクラウド上でコンパイルしてくれるサービスです。早速PhoneGap Buildにログインして（無料でアカウントを作れます）、PhoneGap Fanさんからお借りしたサンプルソースをアップロード。しばらく待ってアプリダウンロード用の２次元バーコードが表示されたら完了です。本当に、ものの数分でスマートフォン用のアプリが完成してしまいました。しっかりしたアプリを作るとなると、やはりそれなりに大変そうですが、動くものがこんなに簡単に作れてしまうなんて凄いですね。

git rebase -i　をしよう。

Fri, 13 Jan 2012 17:30:40 +0900

いつもファーストロジックラボを御覧いただきまことにありがとうございます。メディア開発部の根岸です。このたび、社内の勉強会で発表させていただく都合で git rebaseというコマンドについて調べ、また実際の開発でも使ってみはじめました。こまめなコミットも　git rebase -i でキュッとひとまとめになります。コミット履歴がとてもきれいに！ before ↓ after まだ不慣れなので手間取るところもありますが　ひとまとめにすることができるようになって今までよりもまめに気兼ねなくコミットできるようになったように思います。この先、もっと慣れていって　さくさくrebaseできるようになっていきたいです。

byobuを使ってみた

Fri, 06 Jan 2012 20:08:58 +0900

皆さんこんにちは。森です。新年一発目ですがいつもどおりユルユルかきます。正月休み中は実家でお餅をすすりストーブにあたりつつリモートでサーバーにつないでこつこつ作業してました。実家は未だに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がよくわからないという方にはオススメかなと思います。よきターミナル生活を。

HTML5って

Thu, 29 Dec 2011 14:34:21 +0900

みなさん、こんにちは。メディア開発部のきみやまです。今回は、社内勉強会でHTML5について触れたことについて書かせていただきます。最終草案が今年の5月に公表されましたが、W3Cによる正式勧告の目標が2014年にずれこんでいるようですね。弊社で提供しているシステムにもかなり応用ができるような仕様がふんだんに盛り込まれていますので、早く仕様が固まって欲しいものです。もっとも、プラウザによって対応し始めているものが出始めていますので、正式勧告の動向よりも、各プラウザの対応状況の方が重要になるかもしれませんね。今後とも、進捗には注視していきたいものです。

XUL

Thu, 22 Dec 2011 10:33:21 +0900

こんにちは、最近開発用のPCをCore i5にアップグレードしたメディア開発部の青柳です。やっぱり速いのはいいですね。VMwareもさくさく動きます。昔Pentium133MHzくらいのPCで「Worｄがエディタのように起動する！」と喜んでいた頃を思い出しました。その頃に比べたら今のPCは性能が格段に上のはずなのに、気分的にはあまり変わらないように感じるのは気のせいでしょうか。（気のせいでしょう！）さて、XUL（ズール）です。 XULとは、FirefoxやThunderbirdのUIを記述するのに使われている言語です。会社の勉強会で発表するネタを考えていたときに、以前にちょっと遊んだことがあるのを思い出してネタにしてみました。具体的には、UIの要素をXMLで定義して、デザインはCSSで、ロジックはJavaScriptで書きます。 Firefoxのアドオンなんかもこれで書かれています。初めて知ったときには、HTML+JavaScriptなんかより、ずっとリッチなクライアントを作れるじゃん！とも思ったのですが、Mozilla環境限定というのがネックで仕事で使う機会はありませんでした。最近では実行環境の多様化に合わせてXULを「やめる」という議論も起きているようです。果たして、どうなりますか・・・。 CNET Japan 「Android」版「Firefox」、高速化を目指してネイティブUIの採用へ

Dotfilesを共有しよう

Fri, 16 Dec 2011 14:36:32 +0900

森です。マシンの突然の死による環境の再構築になってしまいました。せっかく新しいマシン買うからついでにいろいろディストリ試してみたいなあと思い Fedora -> [X|L|K]Ubuntu -> Linux Mint と流れ流れて試しております。仮想マシンでない素のインストール状態での性能が見たいのでクリーンインストールです。そんななかでめんどうなのがDotfiles (.bashrcとか)のコピー、保存なのですが、最近はもっぱらgithubにおいて管理する方向で落ち着きました。 https://github.com/jiska/dotfiles これでより気軽に環境の引越しができるようになりました。みなさんもお試しください。

CSSクイズ

Fri, 02 Dec 2011 19:17:03 +0900

こんにちは。メディア開発部の藤木です。今回はCSSクイズを紹介したいと思います。英語のサイトですが、特に読まなくても回答できます。私も挑戦してみたのですが、結構難しいです。内容はCSSで指定してあるテキストの色を当てるという一見簡単そうな問題なんですが親要素のDIVで指定してある場合や、クラス指定でしてある色、クラスを重複して指定してあるケースなど様々なパターンがあって、優先順位について理解しているつもりでも、この場合はどっちになるんだ？と思わず悩んでしまいます。 CSSクイズはこちら ■URL Nettuts+ Quiz #5: CSS Specificity and Cascading 実際に仕事でもコーディングしていると知らない間に要素を継承していて、とんでもないレイアウト崩れすることがあったりもしますね。 marginやpaddingは特に、要素を消したり、付け加えたり、また消したりと、時間が経つとカオス状態になることがあるので気をつけておきたいと思います。もう面倒くさいから!importantでいいやと思ったら負けですね。教えてくれた森氏に感謝！！

git って便利ですね

Sun, 27 Nov 2011 13:34:17 +0900

みんさん、こんにちは。メディア開発部のきみやまです。弊社では、コードのバージョン管理に svn を使用していたのですが、今般、git にての管理に移行しました。実際に使用し始めての実感としては、　・　merge の精度が svn に比べて高い　・　処理速度が svn に比べて速い（しかも、かなり）といったものが挙げられます。もっとも、svn と概念レベルで異なるところも多々あるので、一概には比較できませんが、現状では、非常に便利だと思われます。導入に当たってくれた森氏に感謝！！

UX勉強会

Fri, 28 Oct 2011 22:01:19 +0900

メディア開発部の青柳です。今回は、社内で行っている勉強会の「UX勉強会」をご紹介したいと思います。 UXとは「ユーザエクスペリエンス」の略でして、使いやすさや、使い心地、面白さなどのユーザ体験全体を指す用語です。このUX勉強会では、みんなでイケてるサイト、イケてないサイトを紹介しあい、「ユーザエクスペリエンス」に関するトレンドを知ることを目指しています。今までに取り上げたサイトとしては、GitHubなどのHTML5を使ったサイト、Apple（のサイトデザインに関する考察）、いまいち使いにくい某新興SNSサイト、非常にシンプルながら使いやすい某不動産会社のサイト・・・などなど多岐にわたります。知らなかったサイトが紹介されることも多く、「へー」と感心することもしばしばです。この勉強会のもうひとつ面白いところは、システム開発のメンバーとWebデザインのメンバーの両方が参加しているという点です。今までのところは残念ながらほとんどないのですが、プログラマーとデザイナーの間で評価が分かれるようなサイトが見つかれば、きっと興味深い議論ができると考えています。