<?xml version="1.0" encoding="UTF-8"?> 
<feed version="0.3" xmlns="http://purl.org/atom/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/" xml:lang="ja">
<title>hamashun.me</title> 
<link rel="alternate" type="text/html" href="http://www.hamashun.me/" />
<link rel="service.post" type="application/x.atom+xml" href="http://cms.blog.livedoor.com/atom/blog_id=4030976" title="hamashun.me" />
<link rel="hub" href="http://pubsubhubbub.appspot.com" />
<link rel="self" href="http://www.hamashun.me/atom.xml" />
<modified>2012-05-20T02:20:05Z</modified> 
<tagline><![CDATA[hamashun の新 Tech 系ブログ。 デザインは常時工事中。]]></tagline> 
<id>tag:blog.livedoor.jp,2010:hamashun-meblog</id>
<author>
<name>hamashun</name> 
</author>
<generator url="http://blog.livedoor.com/" version="1.0">livedoor Blog</generator> 
<copyright>Copyright (c) 2012, hamashun </copyright>
<entry>
<title>ロケタッチ駅前案内というサービス</title> 
<link rel="alternate" type="text/html" href="http://www.hamashun.me/archives/3973498.html" />
<modified>2012-04-29T13:51:52Z</modified> 
<issued>2012-04-29T22:51:52+09:00</issued> 
<id>tag:blog.livedoor.jp,2012:hamashun-meblog.3973498</id>
<summary type="text/plain">告知です。
ディレクションを担当したロケタッチの新サービス、駅前案内がリリースされました。今のところはスマホ用です（PC でも開けば一応見れます）。

駅前案内は、今いる場所の情報をいい感じに出してくれるサービスです。「今日は何食べようかな」とか、「待ち合わせ...</summary> 
<dc:subject>お知らせ</dc:subject>
<content type="text/html" mode="escaped" xml:lang="ja" xml:base="http://www.hamashun.me/archives/3973498.html">
<![CDATA[<p>告知です。<br />
ディレクションを担当したロケタッチの新サービス、<a href="http://loc.tou.ch/ekimae/">駅前案内</a>がリリースされました。今のところはスマホ用です（PC でも開けば一応見れます）。</p>

<p>駅前案内は、今いる場所の情報をいい感じに出してくれるサービスです。「今日は何食べようかな」とか、「待ち合わせの時間にはまだ早いから、少し時間を潰したいな」なんて時に見てみると、役に立つかもしれません。</p>

<p>それ以外にも、地元で見ると、テレビで紹介された地元の店が分かったり、旅行先で見ると、その土地のご当地ニュースが見れたりと、まさにゴールデンウィークにぴったりです。</p>

<p>もっと詳しい情報が<a href="http://blog.tou.ch/archives/1709568.html">ロケタッチおしらせブログ</a>にあるので、興味わいた方は是非どうぞー。</p>]]> 
</content>
<author>
<name>hamashun</name> 
</author>
</entry>

<entry>
<title>HTML5マークアップ移行ガイド 第6回が公開</title> 
<link rel="alternate" type="text/html" href="http://www.hamashun.me/archives/3913773.html" />
<modified>2012-03-23T14:53:03Z</modified> 
<issued>2012-03-23T23:53:03+09:00</issued> 
<id>tag:blog.livedoor.jp,2012:hamashun-meblog.3913773</id>
<summary type="text/plain">ASCII.jp さんで書いている HTML5 のマークアップ関連連載、HTML5マークアップ移行ガイドの第6回が公開になりました。 今回は、time 要素や figure 要素などが登場します。

time 要素は仕様の変更がありそうだったり、figure 要素は使い方に迷う方もいるようだしで、見所の...</summary> 
<dc:subject>お知らせ</dc:subject>
<content type="text/html" mode="escaped" xml:lang="ja" xml:base="http://www.hamashun.me/archives/3913773.html">
<![CDATA[<p>ASCII.jp さんで書いている HTML5 のマークアップ関連連載、<a href="http://ascii.jp/elem/000/000/628/628869/">HTML5マークアップ移行ガイド</a>の<a href="http://ascii.jp/elem/000/000/676/676208/">第6回が公開</a>になりました。 今回は、time 要素や figure 要素などが登場します。</p>

<p>time 要素は仕様の変更がありそうだったり、figure 要素は使い方に迷う方もいるようだしで、見所のある回ではないかと思います。</p>]]> 
</content>
<author>
<name>hamashun</name> 
</author>
</entry>

<entry>
<title>スタバとかのカップに取っ手をつけるやつ買った</title> 
<link rel="alternate" type="text/html" href="http://www.hamashun.me/archives/3900290.html" />
<modified>2012-03-16T03:04:38Z</modified> 
<issued>2012-03-16T12:04:38+09:00</issued> 
<id>tag:blog.livedoor.jp,2012:hamashun-meblog.3900290</id>
<summary type="text/plain">



スタバ的なカップに付けるホルダーを会社で使っていて、なかなか良い感じです。
アツアツのコーヒーでも手が熱くならない事も良いんですが、取っ手を持って飲むと、カップで飲んでるようで、気分転換っぽさが味わえる気がしています。

umbra(アンブラ) マグコーヒースリ...</summary> 
<dc:subject>開発環境</dc:subject>
<content type="text/html" mode="escaped" xml:lang="ja" xml:base="http://www.hamashun.me/archives/3900290.html">
<![CDATA[<figure>
<p class="photo"><a href="http://livedoor.blogimg.jp/hamashun-meblog/imgs/c/3/c3d661b8.jpg" title="429086_10150652483168563_755879687_n" target="_blank"><img src="http://livedoor.blogimg.jp/hamashun-meblog/imgs/c/3/c3d661b8-s.jpg" alt="Umbra のマグコーヒースリーブ" title="ミクさんは付いてきません" /></a><br /></p>
</figure>

<p>スタバ的なカップに付けるホルダーを会社で使っていて、なかなか良い感じです。<br />
アツアツのコーヒーでも手が熱くならない事も良いんですが、取っ手を持って飲むと、カップで飲んでるようで、気分転換っぽさが味わえる気がしています。</p>

<a href="http://www.amazon.co.jp/dp/B0035AMRHG/hamashun-22/"><img src="http://ecx.images-amazon.com/images/I/319T4lVlyjL._SL160_.jpg" alt="umbra(アンブラ) マグコーヒースリーブ　GR" /></a><br /><a href="http://www.amazon.co.jp/dp/B0035AMRHG/hamashun-22/">umbra(アンブラ) マグコーヒースリーブ　GR</a><br /><a href="http://blogpark.jp/review/asin/B0035AMRHG/" target="_blank" title="umbra(アンブラ) マグコーヒースリーブ　GR">クチコミを見る</a><br />]]> 
</content>
<author>
<name>hamashun</name> 
</author>
</entry>

<entry>
<title>zsh の ls の色を変える件と、git の Alias のメモ</title> 
<link rel="alternate" type="text/html" href="http://www.hamashun.me/archives/3876888.html" />
<modified>2012-03-03T01:22:05Z</modified> 
<issued>2012-02-29T12:03:53+09:00</issued> 
<id>tag:blog.livedoor.jp,2012:hamashun-meblog.3876888</id>
<summary type="text/plain">会社で使っている開発環境は、エンジニアの人が色々と整えてくれているステキ環境なんですが、微妙に色が好みでなかったりするので、zsh の ls の色を変える設定を足しました。あと git の Alias を設定したので、そのへんのメモです。開発環境を入れなおした時のコピペ用。
...</summary> 
<dc:subject>雑記</dc:subject>
<content type="text/html" mode="escaped" xml:lang="ja" xml:base="http://www.hamashun.me/archives/3876888.html">
<![CDATA[<p>会社で使っている開発環境は、エンジニアの人が色々と整えてくれているステキ環境なんですが、微妙に色が好みでなかったりするので、zsh の ls の色を変える設定を足しました。あと git の Alias を設定したので、そのへんのメモです。開発環境を入れなおした時のコピペ用。</p>

<pre><code>export LS_COLORS='di=36:ln=35:so=32:pi=33:ex=31:bd=46;34:cd=43;34:su=41;30:sg=46;30:tw=42;30:ow=43;30'
alias ls='ls -1 --color=auto'</code></pre>

<pre><code>[alias]
  co = checkout
  ci = commit
  br = branch
  st = status</code></pre>]]> 
</content>
<author>
<name>hamashun</name> 
</author>
</entry>

<entry>
<title>id名やclass名はcamelCaseが好きだなー。個人的には好きだなー。</title> 
<link rel="alternate" type="text/html" href="http://www.hamashun.me/archives/3804974.html" />
<modified>2012-01-22T01:27:24Z</modified> 
<issued>2012-01-22T10:27:24+09:00</issued> 
<id>tag:blog.livedoor.jp,2012:hamashun-meblog.3804974</id>
<summary type="text/plain">下記を読んでの雑記です。


CSSのセレクタ部分(IDやCLASS)にハイフンとか使われるの好きじゃないなー。ボクはあまり好きじゃないなー - latest log
Kotaro Kokubo - Google+ - 個人的には結構賛成かなー。個人的にはー。 …


個人的には、uupaa さんの、
	
	簡単にハイフン...</summary> 
<dc:subject>雑記</dc:subject>
<content type="text/html" mode="escaped" xml:lang="ja" xml:base="http://www.hamashun.me/archives/3804974.html">
<![CDATA[<p>下記を読んでの雑記です。</p>

<ul>
<li><a href="http://uupaa.hatenablog.com/entry/2012/01/22/013509">CSSのセレクタ部分(IDやCLASS)にハイフンとか使われるの好きじゃないなー。ボクはあまり好きじゃないなー - latest log</a></li>
<li><a href="https://plus.google.com/u/0/113100517422007103669/posts/dyoHbYg4vxo">Kotaro Kokubo - Google+ - 個人的には結構賛成かなー。個人的にはー。 …</a></li>
</ul>

<p>個人的には、uupaa さんの、</p>
	<blockquote cite="http://uupaa.hatenablog.com/entry/2012/01/22/013509">
	<h4>簡単にハイフンを含むワードが選択できないという問題</h4>
	<p>私が使っているエディタでは、ハイフンを含むワードはダブルクリックで選択できません。<br />
	しかし、アンダーバーで連結されたワードはダブルクリックで一気に選択できます。</p>
	</blockquote>
<p>に凄く同意です。<br />
更に個人的な話だと、エディタのcurrent行にアンダーライン表示をしていると、アンダースコアが見づらくなる場合があるので、camelCase が好みです。</p>
<figure>
<img src="http://livedoor.blogimg.jp/hamashun-meblog/imgs/e/4/e477899f.png" width="722" height="18" alt="" />
<figcaption>とあるエディタでの表示例</figcaption>
</figure>
<p>「設定変えろよ！」って言われたら、まーそれはそうなんですけど。</p>]]> 
</content>
<author>
<name>hamashun</name> 
</author>
</entry>

<entry>
<title>モレスキン：アクション ダイアリーを自分仕様にカスタマイズした</title> 
<link rel="alternate" type="text/html" href="http://www.hamashun.me/archives/3782297.html" />
<modified>2012-02-01T02:00:27Z</modified> 
<issued>2012-01-09T14:11:24+09:00</issued> 
<id>tag:blog.livedoor.jp,2012:hamashun-meblog.3782297</id>
<summary type="text/plain">


2012年の手帳は、モレスキンのアクションダイアリーにしました。
去年まではウィークリーダイアリー ホリゾンタルのポケットとプロジェクトランナーを使っていたのですが、これらを一つにまとめられないかと考えた結果、アクションダイアリーが最適という結論に達しました...</summary> 
<dc:subject>雑記</dc:subject>
<content type="text/html" mode="escaped" xml:lang="ja" xml:base="http://www.hamashun.me/archives/3782297.html">
<![CDATA[
<p class="photo"><img src="http://livedoor.blogimg.jp/hamashun-meblog/imgs/1/7/1753c642.jpg" width="768" height="1024" alt="" /></p>

<p>2012年の手帳は、<a href="http://www.amazon.co.jp/dp/486373185X/hamashun-22/">モレスキンのアクションダイアリー</a>にしました。</p>
<p>去年までは<a href="http://www.amazon.co.jp/dp/4863730918/hamashun-22/">ウィークリーダイアリー ホリゾンタルのポケット</a>と<a href="http://www.amazon.co.jp/dp/4863731957/hamashun-22/">プロジェクトランナー</a>を使っていたのですが、これらを一つにまとめられないかと考えた結果、アクションダイアリーが最適という結論に達しました。</p>
<p>で、例によって年始恒例のカスタマイズを施したので、それのレポートです。</p>

<section>
<h3>ペンホルダーはトラベラーズノート</h3>
<p class="photo"><img src="http://livedoor.blogimg.jp/hamashun-meblog/imgs/e/c/ecccf66b-s.jpg" width="800" height="600" alt="" /></p>
<p>サイドに取り付けているペンホルダーは、ミドリの<a href="http://www.amazon.co.jp/dp/B001D75R6G/hamashun-22/">トラベラーズノート用ペンホルダー</a>のものです。安いわりに質感が良くて気に入っています。</p>
</section>

<section>
<h3>二色の蛍光ペン</h3>
<p class="photo"><img src="http://livedoor.blogimg.jp/hamashun-meblog/imgs/3/3/33392712-s.jpg" width="800" height="600" alt="" /></p>
<p>表紙には赤系と青系の蛍光ペンを挟んでいます。クリップ部分が分厚いものだと上手く挟めないことがあるので注意が必要です。</p>
</section>

<section>
<h3>しおりを増やす</h3>
<p class="photo"><img src="http://livedoor.blogimg.jp/hamashun-meblog/imgs/6/7/67baf86b-s.jpg" width="800" height="600" alt="" /></p>
<p>ほぼ日手帳でとても便利だったのが、しおりが複数付いていることでした。モレスキンには残念ながら一本しか付いてないので、無印良品のしおり付きシールを使って3本に増やしています。<br />
一本づつ、年カレンダー・月カレンダー・週カレンダーに使用しています。</p>
<p>このしおり付きシール、とても便利だったのですが、<a href="http://www.muji.net/store/cmdty/detail/4548718031207">ネットストア</a>では見つからなかったので、取り扱いが終わってしまったのかもしれません。。<br />
参考：<a href="http://kaden.watch.impress.co.jp/docs/column_review/yajreview/20111024_485343.html">やじうまミニレビュー - 無印良品「しおり付シール」 - 家電Watch</a></p>
</section>


<section>
<h3>切り離せる小さなメモ</h3>
<p class="photo"><img src="http://livedoor.blogimg.jp/hamashun-meblog/imgs/3/5/35304c5f.jpg" width="768" height="1024" alt="" /></p>
<p>モレスキンシリーズの、切り離せる小さなメモ（正式名称失念）をクリップで止めています。ちょっとしたメモを誰かに渡したい場合なんかに良いなって思ったんですが、まー実は去年は一枚も使ってなかったり。</p>
</section>

<section>
<h3>余計なページを省く</h3>
<p class="photo"><img src="http://livedoor.blogimg.jp/hamashun-meblog/imgs/9/e/9e848c17-s.jpg" width="800" height="600" alt="" /></p>
<p>モレスキンには、各国都市の国番号や時差など、日常生活を送る上では不要な情報が載っているページがあります（※個人の感想です）。仕事で手帳を開く際にはこれらのページが邪魔なので、クリップで止めて開かないようにしてあります。</p>
</section>

<section>
<h3>土日祝を色で塗る</h3>
<p class="photo"><img src="http://livedoor.blogimg.jp/hamashun-meblog/imgs/a/3/a3b2f3f3.jpg" width="768" height="1024" alt="" /></p>
<p>モレスキンは様々な国で販売されている関係もあってか、休みの日に色が付いていません。これは分かりづらいので、蛍光ペンで塗り分けています。</p>
<p class="photo"><img src="http://livedoor.blogimg.jp/hamashun-meblog/imgs/1/a/1a534df8.jpg" width="768" height="1024" alt="" /><br />
<img src="http://livedoor.blogimg.jp/hamashun-meblog/imgs/c/6/c6ce3b5f.jpg" width="768" height="1024" alt="" /</p>
<p>月カレンダーや週カレンダーも同様です。週カレンダーには小さな祝日表記はあるのですが、視認性が悪いのでやっぱり塗っています。</p>
</section>

<section>
<h3>付箋紙を仕込んでおく</h3>
<p class="photo"><img src="http://livedoor.blogimg.jp/hamashun-meblog/imgs/6/6/66683864-s.jpg" width="800" height="600" alt="" /></p>
<p>拡張ポケット周辺には、付箋紙を入れてあります。ちょっとしたメモを書き込んだ際に、それの備忘手段として貼ったりします。</p>
</section>]]> 
</content>
<author>
<name>hamashun</name> 
</author>
</entry>

<entry>
<title>振り返れば2011年、向き直れば2012年</title> 
<link rel="alternate" type="text/html" href="http://www.hamashun.me/archives/3771940.html" />
<modified>2012-01-03T09:07:27Z</modified> 
<issued>2012-01-03T18:07:27+09:00</issued> 
<id>tag:blog.livedoor.jp,2012:hamashun-meblog.3771940</id>
<summary type="text/plain">


雑記です。
新年明けたので、去年の振り返りと今年の抱負を書こうと思います。わりと自分用です。


2011年の振り返り

ディレクションもやるようになった
2011年、ライブドアのマークアップエンジニアは、フロントエンドのスペシャリストかディレクション方面かの、どち...</summary> 
<dc:subject>雑記</dc:subject>
<content type="text/html" mode="escaped" xml:lang="ja" xml:base="http://www.hamashun.me/archives/3771940.html">
<![CDATA[
<p class="photo"><a href="http://www.flickr.com/photos/hamashun/6626635919/"><img border="0" src="http://farm8.staticflickr.com/7026/6626635919_444cefe039_z.jpg" alt="" /></a></p>

<p>雑記です。<br />
新年明けたので、去年の振り返りと今年の抱負を書こうと思います。わりと自分用です。</p>

<section>
<h3>2011年の振り返り</h3>
<section>
<h4>ディレクションもやるようになった</h4>
<p>2011年、ライブドアのマークアップエンジニアは、フロントエンドのスペシャリストかディレクション方面かの、どちらかを選択する必要がありました。僕は上司から勧められたこともあって、ディレクション方面（ただし引き続きマークアップ関連も担当する）という進路になりました。</p>
<aside><p>まーライブドアのスペシャリストって例えば malaさんや nipotanさんなので、自分がそこまで突き抜けられるかと言うとどうかなーと思ったと言うか。</p></aside>
<p>2011年中では、<a href="http://tou.ch/map/">ロケタッチマップ</a>や<a href="http://blog.tou.ch/archives/1684316.html">ライフログビューワー</a>を担当しました。これらはディレクションとコーディングの両方をやったんですが、ちょっと無茶でした。プロジェクト後半にディレクションタスクとコーディングタスクが素でかぶって無理ゲーに。</p>
</section>

<section>
<h4>人材的な仕事をするようになった</h4>
<p>組織図的には部下では無いっぽいのですが、プロジェクトをアサインしたり技術的な監督を担当する部下的存在ができました。<br />
あと、人事採用の際に、応募作品のコードレビューを担当するようになりました。去年の秋以降に10人以上は見たのですが、コードから読み取った「こういう人」像が結構当たっていて、興味深かったです。<br />
人事採用の際のコードレビューに関しては、どこか別の機会で書いてみたいと思っています。</p>
<p>この辺は、人材的な仕事に結構興味があったので、楽しくやれています。</p>
</section>

<section>
<h4>さよなライブドア</h4>
<p><a href="http://corp.livedoor.com/press/2011/1107595">経営統合につき。</a><br />
「ライブドア」はどうなるの？って疑問に関しては、941さんのエントリ、<a href="http://blog.kushii.net/archives/1668791.html">法人格「ライブドア」変遷を１枚の画像にまとめてみた ＆ livedoorブランドについて - 941::blog</a>が良いかも。</p>
<p>色々と不安はあるのですが、まーサラリーマンだしがんばります（なぞ</p>
</section>
</section>


<section>
<h3>2012年の抱負など</h3>
<section>
<h4>ディレクション関連</h4>
<p>ディレクションタスクの進め方を、自分の中でもっと定着させたいなと。各タスクをリストアップして、それぞれをどんなツールを使うかとかどんな進め方をするかとかをブラッシュアップしていく。</p>
</section>
<section>
<h4>コード関連</h4>
<p>ロケタッチは納期の短さとかすぐリニューアルするとか諸々あって非常にアレなコードになっているので、ちゃんとコンポーネント化したい。人も増えたし。この辺はデザイナーとも協力して進めたいなあ。</p>
<p>あと、名著の呼び声高い<a href="http://www.amazon.co.jp/dp/4774148563/hamashun-22/">ずど本</a>を読んだので、jQuery 力をもう一段階上げたい。</p>
</section>
<section>
<h4>アウトプット関連</h4>
<p>hamashun.me を、もう少し更新したい。告知でも良いので月イチは更新する。</p>
<p>Sugamo.css でたまに LT をするんですが、もうちょいネタの引き出しを増やしたい。</p>
<p>HTML5 社内勉強会が望まれているので、時間作りたひ。</p>
<p>記事執筆のスピードを上げたい。超忙しい時期は脱したから多分いけますきっと・・・！</p>
<p>最近、Twitter や Facebook であんまり発言してないので、もうちょいなんか喋る。</p>
</section>
</section>]]> 
</content>
<author>
<name>hamashun</name> 
</author>
</entry>

<entry>
<title>コーダー寄りHTML5 の Web連載、はじまります</title> 
<link rel="alternate" type="text/html" href="http://www.hamashun.me/archives/3448369.html" />
<modified>2012-01-18T09:57:47Z</modified> 
<issued>2011-08-04T21:09:59+09:00</issued> 
<id>tag:blog.livedoor.jp,2011:hamashun-meblog.3448369</id>
<summary type="text/plain">ASCII.jp さんで ここが変わった！HTML5マークアップ入門 という連載記事を書いています。
第一回目はジャブ的な内容で、コーダー的立場でのHTML5のメリット・デメリットや、実際に使う際の下準備などを紹介しています。</summary> 
<dc:subject>お知らせ</dc:subject>
<content type="text/html" mode="escaped" xml:lang="ja" xml:base="http://www.hamashun.me/archives/3448369.html">
<![CDATA[<p><a href="http://ascii.jp/">ASCII.jp</a> さんで <a href="http://ascii.jp/elem/000/000/619/619363/">ここが変わった！HTML5マークアップ入門</a> という連載記事を書いています。<br />
第一回目はジャブ的な内容で、コーダー的立場でのHTML5のメリット・デメリットや、実際に使う際の下準備などを紹介しています。</p>]]> 
</content>
<author>
<name>hamashun</name> 
</author>
</entry>

<entry>
<title>世界ゲーム革命 を読んだ</title> 
<link rel="alternate" type="text/html" href="http://www.hamashun.me/archives/3295152.html" />
<modified>2011-06-11T23:15:51Z</modified> 
<issued>2011-06-12T08:15:51+09:00</issued> 
<id>tag:blog.livedoor.jp,2011:hamashun-meblog.3295152</id>
<summary type="text/plain">本書は、「NHKスペシャル」の3つの番組を元に再構成されたものです。内容は、海外の開発シーンの紹介や、有名ゲームクリエイターの紹介、最近のホットなトピックといったもの。
基本的にゲーム業界の本です（さわり程度に Gamification も登場します）。 しかし、Gamificatio...</summary> 
<dc:subject>Gamification / ゲームニクス</dc:subject>
<content type="text/html" mode="escaped" xml:lang="ja" xml:base="http://www.hamashun.me/archives/3295152.html">
<![CDATA[<p>本書は、「NHKスペシャル」の3つの番組を元に再構成されたものです。内容は、海外の開発シーンの紹介や、有名ゲームクリエイターの紹介、最近のホットなトピックといったもの。</p>
<p>基本的にゲーム業界の本です（さわり程度に Gamification も登場します）。 しかし、Gamification の<b>ゲーム業界のノウハウを応用する</b>という観点においては、Webで参考にできる部分もあるように思えました。</p>

<section>
<h3>テストプレイ</h3>
<p>カナダはモントリオールにあるエンザイム社は、世界中のゲーム会社からテスティングが依頼されているといいます。 エンザイム社が競合他社と違うのは、単なるバグチェックに終わるわけではなく、そのゲームの良し悪しに関するアドバイスも請け負うという点です。 つまりQAもやるということです。<br />
スタッフはアルバイトなどではなく正社員で、ゲーマーであるだけでなく、テスターとしての訓練を受けているそうです。</p>

<p>実際のテストプレイの様子も紹介されています。<br />
マジックミラー付きの部屋で8人が同時にプレイを開始し、その様子は別室で監視されています。 特筆すべきは、テスターの顔をモニターしていて、表情やあくびなどから飽きていないかを見ていることでした。</p>
<p>このテストを依頼した制作会社は、制作費用の10%～20%をあてているそうで、その理由を次のように語っています。</p>
<blockquote><p>「マーケティングにいくらお金をかけても、つまらないゲームは売れません。みんなが楽しめる完璧なゲームにしたいんです」</p></blockquote>

<p>マーケティングよりも良い物を作ることにお金をかけた方が売れる、というのは、ソーシャルネットワークに密接なWebでは更に効果的な考え方に思えます（もちろん、良い物というだけでもダメですが）。</p>

<p>また、エンザイム社の社長 ヤン・シアー氏の言葉もWebに置き換えられそうです。</p>
<blockquote><p>「運だけを頼りにゲームを作って、世界的に大成功するなどということは、極めて確率の低いことなのです」</p></blockquote>
<p>普段、Webのサービスを作る時、「この機能をユーザーは喜んでくれるだろうか」と考えます。 その答えを出すために、サービスが目指しているものと照らし合わせたり仮想ユーザーを立てて検討しますが、結局は出してみるまでは分かりません。 ユーザーテストを実施することはありますが、制作費用の10%～20%も割くことは稀でしょう。</p>

<p>とは言え、ゲーム開発とWeb開発では、かかる期間や費用が違うという点は差っ引いて考える必要がありそうですが。</p>
</section>

<section>
<h3>企画書～プロトタイプ</h3>
<p>ドラクエ8 の開発などで知られる、株式会社レベルファイブの代表取締役社長の日野氏は、企画書を作った時点で2～3分のプロモーションビデオを作るそうです。この目的は二つあります。</p>
<ul>
<li>ゲームのコンセプトが固まる</li>
<li>ユーザーからのフィードバックを早期に得られる</li>
</ul>

<p>Webでも、企画書の時点でHTMLによるモックアップを作ることはありますが、公開前に情報を出すということはあまり無いように思えます。この手法はWebでも、プロモーションや開発の参考に使えるのではないかと思っています。</p>
</section>

<aside>
<a href="http://www.amazon.co.jp/%EF%BC%AE%EF%BC%A8%EF%BC%AB%E3%82%B9%E3%83%9A%E3%82%B7%E3%83%A3%E3%83%AB-%E4%B8%96%E7%95%8C%E3%82%B2%E3%83%BC%E3%83%A0%E9%9D%A9%E5%91%BD-%EF%BC%AE%EF%BC%A8%EF%BC%AB%E5%8F%96%E6%9D%90%E7%8F%AD/dp/4140814756%3FSubscriptionId%3DAKIAIM37F4M6SCT5W23Q%26tag%3Dhamashun-22%26linkCode%3Dxm2%26camp%3D2025%26creative%3D165953%26creativeASIN%3D4140814756" target="_blank"><img src="http://ecx.images-amazon.com/images/I/41CX0C6HQ%2BL._SL160_.jpg" alt="ＮＨＫスペシャル　世界ゲーム革命" border="0" hspace="5" class="pict" /></a><br /><a href="http://www.amazon.co.jp/%EF%BC%AE%EF%BC%A8%EF%BC%AB%E3%82%B9%E3%83%9A%E3%82%B7%E3%83%A3%E3%83%AB-%E4%B8%96%E7%95%8C%E3%82%B2%E3%83%BC%E3%83%A0%E9%9D%A9%E5%91%BD-%EF%BC%AE%EF%BC%A8%EF%BC%AB%E5%8F%96%E6%9D%90%E7%8F%AD/dp/4140814756%3FSubscriptionId%3DAKIAIM37F4M6SCT5W23Q%26tag%3Dhamashun-22%26linkCode%3Dxm2%26camp%3D2025%26creative%3D165953%26creativeASIN%3D4140814756" target="_blank">ＮＨＫスペシャル　世界ゲーム革命</a><br /><a href="http://blogpark.jp/review/asin/4140814756/" target="_blank" title="ＮＨＫスペシャル　世界ゲーム革命">クチコミを見る</a>
</aside>]]> 
</content>
<author>
<name>hamashun</name> 
</author>
</entry>

<entry>
<title>Gamification == ゲーム化 ではない</title> 
<link rel="alternate" type="text/html" href="http://www.hamashun.me/archives/3241149.html" />
<modified>2011-05-29T01:18:30Z</modified> 
<issued>2011-05-27T20:56:36+09:00</issued> 
<id>tag:blog.livedoor.jp,2011:hamashun-meblog.3241149</id>
<summary type="text/plain">Gamification （ゲーミフィケーション）は、その名前から誤解されやすいのですが、Web（など）をゲーム化することやゲーム要素を導入することのみを指すものではありません。


最初に結論
Gamification の目的は顧客ロイヤルティやエンゲージメント（ユーザーからの愛着心・...</summary> 
<dc:subject>Gamification / ゲームニクス</dc:subject>
<content type="text/html" mode="escaped" xml:lang="ja" xml:base="http://www.hamashun.me/archives/3241149.html">
<![CDATA[<p>Gamification （ゲーミフィケーション）は、その名前から誤解されやすいのですが、Web（など）をゲーム化することやゲーム要素を導入することのみを指すものではありません。</p>

<section>
<h3>最初に結論</h3>
<p>Gamification の目的は顧客ロイヤルティやエンゲージメント（ユーザーからの愛着心・ユーザーとの絆）の向上で、 そのための手段としてゲーム製作のノウハウを応用します。 ゲーム要素の導入は、手段の一つです。<br />
このことは、Gamification についての情報を多く載せているサイト <a href="http://gamification.jp/">gamification.jp</a> でも何度か取り上げられています。</p>

<blockquote cite="http://gamification.jp/?p=240"><p>楽しんでもらえるような要素を盛り込んで、それが顧客ロイヤリティの向上につながるようなことであればある意味何でもgamificationと言っていい。</p></blockquote>
<cite><a href="http://gamification.jp/?p=240">gamificationを「ゲーム化」とは訳したくない。 | gamification.jp</a></cite>

<blockquote cite="http://gamification.jp/?p=330"><p>gamificationという言葉自体についてはこちらの連中もかなりミスリーディングな言葉だと思っていることが強く印象に残った。繰り返されていたのだが、その本質は「ユーザロイヤリティ・エンゲージメントの向上」のためのものであるという点である。</p></blockquote>
<cite><a href="http://gamification.jp/?p=330">gamification summit初日（１） | gamification.jp</a></cite>
</section>


<section>
<h3>Gamification の具体例</h3>
<p>「顧客ロイヤルティ・エンゲージメントの向上（キリッ） 」とか言ってるだけだと胡散臭いので、具体例を考えてみます。</p>

<section>
<h4>ゲーム会社のノウハウを参考にする</h4>
<p>例えば、ゲームを作っている人たちは「ある機能を採用するかどうか」をどのような基準で判断しているのでしょうか。仕様検討時に行う効果の予測の判断基準というか。<br />
ネットゲームの場合は（Webサイトでしばしば行われるように）リリース後に評判を見て調整することができますが、家庭用ゲームは基本的には売ったら修正できないので、検討を厳密に行う必要がありそうに思えます。</p>

<p>また、製作のフローも気になります。<br />
Webでの一例として、</p>
<ol>
	<li>企画が立ち上がる</li>
	<li>仕様洗い出し</li>
	<li>ワイヤーフレーム</li>
	<li>デザイン・システム開発</li>
	<li>テンプレートコーディング</li>
</ol>
<p>というものがありますが、ゲーム会社ではどうなのかなとか。テストとか細かく挟んでたりするのでしょうか。</p>

<p>他にも、チュートリアルの手法や広告手法など参考にできる点がありそうです。</p>
</section>

<section>
<h4>ゲーム要素の導入</h4>
<p>ユーザの行動によってご褒美を出すなどのゲーム要素の導入も、もちろん Gamification です。<br />
これはまた別の記事で掘り下げます。</p>
</section>

</section>
]]> 
</content>
<author>
<name>hamashun</name> 
</author>
</entry>
</feed>

