<p>前回に引き続きVRについてです。前回はVRを体験するためのビューア（ゴーグル）についての内容でしたが、今回VRの画像や動画の撮影方法をご紹介します。</p>
<h2>簡単にVRの画像が撮影できる Cardboard Camera</h2>
<p>google cardboardアプリを立ち上げて、「アプリの取得」からVR向けのアプリがダウンロードできます。</p>
<p><a href="/uploads-archive/2016/02/1.jpg" rel="attachment wp-att-9419"><img decoding="async" loading="lazy" class="alignnone wp-image-9419" src="/uploads-archive/2016/02/1.jpg" alt="1" width="305" height="543" srcset="/uploads-archive/2016/02/1.jpg 640w, /uploads-archive/2016/02/1-169x300.jpg 169w, /uploads-archive/2016/02/1-576x1024.jpg 576w, /uploads-archive/2016/02/1-228x405.jpg 228w" sizes="(max-width: 305px) 100vw, 305px" /></a></p>
<p>VR画像を撮影できるアプリは複数あるようですが、まずはCardboard  Cameraをダウンロードしてみてください。</p>
<p><a href="/uploads-archive/2016/02/2.jpg" rel="attachment wp-att-9420"><img decoding="async" loading="lazy" class="alignnone wp-image-9420" src="/uploads-archive/2016/02/2.jpg" alt="2" width="309" height="550" srcset="/uploads-archive/2016/02/2.jpg 640w, /uploads-archive/2016/02/2-169x300.jpg 169w, /uploads-archive/2016/02/2-576x1024.jpg 576w, /uploads-archive/2016/02/2-228x405.jpg 228w" sizes="(max-width: 309px) 100vw, 309px" /></a></p>
<p>Cardboard Carmeraの撮影方法は矢印の向きに360度一回転して撮影します。スピードは結構ゆっくりで、早すぎるとアラートがでます。</p>
<p><a href="/uploads-archive/2016/02/3.jpg" rel="attachment wp-att-9424"><img decoding="async" loading="lazy" class="alignnone wp-image-9424" src="/uploads-archive/2016/02/3.jpg" alt="3" width="313" height="248" srcset="/uploads-archive/2016/02/3.jpg 507w, /uploads-archive/2016/02/3-300x238.jpg 300w, /uploads-archive/2016/02/3-228x181.jpg 228w" sizes="(max-width: 313px) 100vw, 313px" /></a></p>
<p>右下にあるアイコンをタップすると録音もできるので、周辺の音も同時に聞く事で臨場感が増します。</p>
<h2>VR動画の撮影機材</h2>
<p>googleは「JUMP」というオープンソースのVRプラットフォームを去年発表していて、これは16台のカメラをつないで全方向を撮影するとうものになります。</p>
<p>このJUMPに対応した機材がこちらの「Odyssey」。</p>
<p><a href="/uploads-archive/2016/02/4.jpg" rel="attachment wp-att-9434"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-9434" src="/uploads-archive/2016/02/4.jpg" alt="4" width="640" height="514" srcset="/uploads-archive/2016/02/4.jpg 640w, /uploads-archive/2016/02/4-300x241.jpg 300w, /uploads-archive/2016/02/4-228x183.jpg 228w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>
<p>なんとGo Pro Hero4 Blackを16台つなげたというものです。</p>
<p>Go Pro Hero4 Black自体は4k動画を撮影できるカメラになるのですが、Odysseyは「8K30対応の周囲360度のパノラマステレオビデオ」という事です。</p>
<p>いまいち8K30対応というのがわからないのですが、とにかくすごい容量になってしまう事はわかります。</p>
<p>単なる360度の全方向が綺麗に撮影できるというだけでなく、立体的に見えるという点が、現在販売されている全方向カメラとの違いになります。</p>
<p>このOdysseyは業務用という事で、価格は15000ドルだそうです。今日現在で1台180万円という事です。</p>
<p>おそらくOdysseyで撮影した動画がこちらです。</p>
<p><iframe loading="lazy" width="425" height="350" src="//www.youtube.com/embed/AR9_SZtJ_KU" allowfullscreen="allowfullscreen"></iframe></p>
<p>個人でVR動画を作成する場合Odysseyはさすがに高くて手が届かないわけですが、さすがにそれではコンテンツが増えないという事で、どうやらカメラをリグで16台つなぐ事で、画質は別としてVR向けの動画を撮影できるみたいです。</p>
<p>映像の企画やヘッドセットが異なりますがサムスンからもVR向けのカメラが発表されました。価格は未発表のようですがこちらは17台のカメラで撮影する物で、リアルタイムでサムスンのVRヘッドセット「Gear VR」に映像をストリーミングすることもできるそうです。</p>
<p><a href="/uploads-archive/2016/02/5.jpg" rel="attachment wp-att-9469"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-9469" src="/uploads-archive/2016/02/5.jpg" alt="5" width="590" height="426" srcset="/uploads-archive/2016/02/5.jpg 590w, /uploads-archive/2016/02/5-300x217.jpg 300w, /uploads-archive/2016/02/5-228x165.jpg 228w" sizes="(max-width: 590px) 100vw, 590px" /></a></p>


VR画像・動画を撮影するには　Cardboard

<h2>HTMLでプレゼンテーションスライドを</h2>
<p>見慣れた方にとっては今更感が強いかもしれませんが、<br />
HTMLでプレゼンテーションのスライドが作成できるJavaScriptのライブラリーを使用してみたく記事にしてみました。</p>
<p><a class="demo" href="/demo/mizutani/03/reveal.js/index.html" target="_blank">デモ</a></p>
<p>使い方はデモに書きました。</p>
<h2>感想</h2>
<ul>
<li>ソフトウェアを使用するより早く作れた気がします。基本的に一つのソースをいじるだけなので、いろんなところをクリックしたりする必要がないのがいいですね。</li>
<li>ソースコードを使ったスライドを作りたいときは良いかもしれません。</li>
</ul>
<h2>参照</h2>
<ul>
<li><a href="http://lab.hakim.se/reveal-js/">reveal.js</a></li>
</ul>


HTMLでスライドを作る　reveal.jsを使ってみた

Excelで見かけるはじめの列を固定させたTableをjQueryで実現してみる

AppleScriptでMac作業を楽にしてみよう

<p>いつでたのかは定かではありませんが、前々からgoogleフォームなるものの存在は知っていても利用することはありませんでした。</p>
<p>弊社で写真全員でブログを書いており、月毎で社員の投票により「<strong>ブログ賞</strong>」というものを決めています。</p>
<p>しかし、しばらくこの投票が行われない時期がありました。</p>
<p>それはなぜか考えた所、「投票が面倒くさい」からだろうと思い、なんかいいのないかなと思い利用したのが<strong>Googleフォーム</strong>でした。</p>
<p>実際に作成してみたところ簡単にできました。<br />
今月から使い初めたので集計がどうなるのかはわかりませんが、きっと便利そうな予感がします。（スプレッドシートに書き出されるのかな？？）</p>
<h2>Googleフォームの概要</h2>
<p>使い方は、まずはgoogleアカウントが必要ですね。<br />
そしてドライブから「<strong>新規</strong>」というボタンを押すと、「<strong>Googleフォーム</strong>」っていうのがあるのでそれをクリックです。</p>
<p>かなり雑な説明ですみません。この辺は大丈夫だと思うのだいぶ省略させていただきました。</p>
<p><a href="/uploads-archive/2016/02/f1a83f888b4d994083a9558746934bb9.png" rel="attachment wp-att-9439"><img decoding="async" loading="lazy" class="alignnone wp-image-9439" src="/uploads-archive/2016/02/f1a83f888b4d994083a9558746934bb9-1024x561.png" alt="スクリーンショット 2016-02-02 17.55.10" width="640" height="351" srcset="/uploads-archive/2016/02/f1a83f888b4d994083a9558746934bb9-1024x561.png 1024w, /uploads-archive/2016/02/f1a83f888b4d994083a9558746934bb9-300x164.png 300w, /uploads-archive/2016/02/f1a83f888b4d994083a9558746934bb9-768x421.png 768w, /uploads-archive/2016/02/f1a83f888b4d994083a9558746934bb9-228x125.png 228w, /uploads-archive/2016/02/f1a83f888b4d994083a9558746934bb9.png 1104w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>
<p>そして、フォームのページに遷移後、<strong>右下の＋マーク</strong>を押すと新規で作成できます。</p>
<p><img decoding="async" loading="lazy" class="alignnone wp-image-9437" src="/uploads-archive/2016/02/screencapture-docs-google-com-a-sterfield-co-jp-forms-d-1-Xg_ZgRSn1ImbeLQ43YSK2M1gBDHmrCCKk9zTh3NVAc-edit-1454402459949-1024x632.png" alt="screencapture-docs-google-com-a-sterfield-co-jp-forms-d-1-Xg_ZgRSn1ImbeLQ43YSK2M1gBDHmrCCKk9zTh3NVAc-edit-1454402459949" width="640" height="395" srcset="/uploads-archive/2016/02/screencapture-docs-google-com-a-sterfield-co-jp-forms-d-1-Xg_ZgRSn1ImbeLQ43YSK2M1gBDHmrCCKk9zTh3NVAc-edit-1454402459949-1024x632.png 1024w, /uploads-archive/2016/02/screencapture-docs-google-com-a-sterfield-co-jp-forms-d-1-Xg_ZgRSn1ImbeLQ43YSK2M1gBDHmrCCKk9zTh3NVAc-edit-1454402459949-300x185.png 300w, /uploads-archive/2016/02/screencapture-docs-google-com-a-sterfield-co-jp-forms-d-1-Xg_ZgRSn1ImbeLQ43YSK2M1gBDHmrCCKk9zTh3NVAc-edit-1454402459949-768x474.png 768w, /uploads-archive/2016/02/screencapture-docs-google-com-a-sterfield-co-jp-forms-d-1-Xg_ZgRSn1ImbeLQ43YSK2M1gBDHmrCCKk9zTh3NVAc-edit-1454402459949-228x141.png 228w, /uploads-archive/2016/02/screencapture-docs-google-com-a-sterfield-co-jp-forms-d-1-Xg_ZgRSn1ImbeLQ43YSK2M1gBDHmrCCKk9zTh3NVAc-edit-1454402459949.png 1155w" sizes="(max-width: 640px) 100vw, 640px" /></p>
<p>色は好きな色が選べます。</p>
<p>&nbsp;</p>
<p>質問の項目としては、<br />
<strong>記述式、ラジオボタン、チェックボックス、プルダウン、均等目盛、選択式、日付、時刻</strong>といった要素があります。</p>
<p><img decoding="async" loading="lazy" class="alignnone wp-image-9443" src="/uploads-archive/2016/02/screencapture-docs-google-com-a-sterfield-co-jp-forms-d-1-Xg_ZgRSn1ImbeLQ43YSK2M1gBDHmrCCKk9zTh3NVAc-edit-1454402497765-1024x758.png" alt="screencapture-docs-google-com-a-sterfield-co-jp-forms-d-1-Xg_ZgRSn1ImbeLQ43YSK2M1gBDHmrCCKk9zTh3NVAc-edit-1454402497765" width="640" height="474" srcset="/uploads-archive/2016/02/screencapture-docs-google-com-a-sterfield-co-jp-forms-d-1-Xg_ZgRSn1ImbeLQ43YSK2M1gBDHmrCCKk9zTh3NVAc-edit-1454402497765-1024x758.png 1024w, /uploads-archive/2016/02/screencapture-docs-google-com-a-sterfield-co-jp-forms-d-1-Xg_ZgRSn1ImbeLQ43YSK2M1gBDHmrCCKk9zTh3NVAc-edit-1454402497765-300x222.png 300w, /uploads-archive/2016/02/screencapture-docs-google-com-a-sterfield-co-jp-forms-d-1-Xg_ZgRSn1ImbeLQ43YSK2M1gBDHmrCCKk9zTh3NVAc-edit-1454402497765-768x568.png 768w, /uploads-archive/2016/02/screencapture-docs-google-com-a-sterfield-co-jp-forms-d-1-Xg_ZgRSn1ImbeLQ43YSK2M1gBDHmrCCKk9zTh3NVAc-edit-1454402497765-228x169.png 228w, /uploads-archive/2016/02/screencapture-docs-google-com-a-sterfield-co-jp-forms-d-1-Xg_ZgRSn1ImbeLQ43YSK2M1gBDHmrCCKk9zTh3NVAc-edit-1454402497765.png 1150w" sizes="(max-width: 640px) 100vw, 640px" /></p>
<p>あとは、テキストはもちろん、<strong>画像</strong>や<strong>動画</strong>なんかも挿入できたりします！</p>
<p>回答できるユーザーも選択でき、<br />
全ユーザーであったり、googleアカウントを<strong>要ログイン</strong>であったり、<strong>一回のみ</strong>の回答という設定もできます！</p>
<p>共同で編集することもできます。</p>
<p>こんなに簡単に作れていろいろ設定も出来るとは思ってはいなかったでびっくりでした！！</p>
<p>社内向けアンケートであったり、イベントでのアンケートにぴったりですね！</p>


Googleフォームって実は簡単でとても便利だった！

<p>Googleスプレッドシート作りましたシリーズ②</p>
<p>今回は、PEST分析のフォーマットです。</p>
<h2>PEST分析とは</h2>
<ul>
<li>政治(Politics)</li>
<li>経済(Economics)</li>
<li>社会(Society)</li>
<li>技術(Technology)</li>
</ul>
<p>4つの頭文字を取ったものです。</p>
<p>大きなマクロ的な分析をするときに、政治情勢はどうなっているか？法的な規制はどうなっているか？経済的成長率はどうなっているか？文化、技術革新などなど。</p>
<p>弊社で行っているカラコン通販事業であれば、高度医療機器という法規制、カラコン着用の文化の浸透による市場規模の急拡大。通信速度の向上という技術革新によるリッチな画像や動画も配信することによる通販機会の増大。こういったことが考えられます。</p>
<h2>ダウンロードリンク</h2>
<p><a class="link" href="https://docs.google.com/spreadsheets/d/1ZETr4Ut2EoPy4ocAhK-QwHuL9zKoIyC8Q7RnVpoSTTw/edit#gid=13830575" target="_blank">ビジネスフレームワークテンプレート集-Googleスプレッドシート</a></p>


PEST分析のためのGoogleスプレッドシート

<p>Googleスプレッドシート作りましたシリーズ③</p>
<p>今回は、マーケティング4P分析のフォーマットです。</p>
<h2>マーケティング4P分析とは</h2>
<ul>
<li>商品(Product)</li>
<li>価格(Price)</li>
<li>流通(Place)</li>
<li>販促(Promotion)</li>
</ul>
<p>4つの頭文字を取ったものです。</p>
<p>マーケティングを展開する際に考えらるべき4つの指標です。</p>
<p>商品の比較、価格の比較、立地・展開先、広告手法など。</p>
<p>自社製品であっても、卸商材であっても、対企業向けの製品であっても、この分析は応用が出来ます。</p>
<h2>ダウンロードリンク</h2>
<p><a class="link" href="https://docs.google.com/spreadsheets/d/1ZETr4Ut2EoPy4ocAhK-QwHuL9zKoIyC8Q7RnVpoSTTw/edit#gid=250573101" target="_blank">ビジネスフレームワークテンプレート集-Googleスプレッドシート</a></p>


7ba5cb1879a0d2eb193222985365cdf5-1.jpg

マーケティング4P分析のためのGoogleスプレッドシート

<p>Googleスプレッドシート作りましたシリーズ④</p>
<p>今回は、3C分析のフォーマットです。</p>
<h2>事業環境の3C分析とは</h2>
<ul>
<li>顧客（Customer）</li>
<li>自社（Company)</li>
<li>競合（Competitor)</li>
</ul>
<p>3つの頭文字を取ったものです。</p>
<p>事業を展開する際に考えるべき3つの指標です。</p>
<p>顧客の対象となる年代、性別、ライフスタイル、市場規模、自社の優位性、ブランド力、競合のシェア、強み、弱みなど。</p>
<p>事業を進めていくとどうしてもどこかに偏ってみてしまいがちになりますが、定期的に3つの相関関係を意識しながら展開するのが肝要です。</p>
<h2>ダウンロードリンク</h2>
<p><a class="link" href="https://docs.google.com/spreadsheets/d/1ZETr4Ut2EoPy4ocAhK-QwHuL9zKoIyC8Q7RnVpoSTTw/edit#gid=1941711290" target="_blank">ビジネスフレームワークテンプレート集-Googleスプレッドシート</a></p>


事業環境の3C分析のためのGoogleスプレッドシート

<p>女性だったら年代関係なくいつまでもお洒落でいたいですよね。<br />
出来ている出来ていないは関係なく私もそうです。</p>
<h2>最新流行アイテムを見つけられるスマホアプリ</h2>
<p>世の中便利になりましたね。<br />
少し前までは、雑誌で流行りの服装や化粧品を探していたのに今ではスマホアプリで情報アプリがあるので、通勤時の電車内で最新流行アイテムを知ることが出来てしまいます。<br />
そんな情報アプリの中でもいま話題のアプリを厳選してみました！</p>
<h3>見やすさダントツ一位「MERY」</h3>
<p>『女の子のまいにちをかわいく』がキャッチコピーの<a href="http://mery.jp/">MERY</a>です。</p>
<p><a href="/uploads-archive/2016/01/Screenshot_2016-01-26-17-26-33-e1453797941995.png" rel="attachment wp-att-9372"><img decoding="async" loading="lazy" src="/uploads-archive/2016/01/Screenshot_2016-01-26-17-26-33-169x300.png" alt="Screenshot_2016-01-26-17-26-33" width="169" height="300" class="alignnone size-medium wp-image-9372" /></a>　<a href="/uploads-archive/2016/01/Screenshot_2016-01-26-17-25-45-e1453797953987.png" rel="attachment wp-att-9370"><img decoding="async" loading="lazy" src="/uploads-archive/2016/01/Screenshot_2016-01-26-17-25-45-169x300.png" alt="Screenshot_2016-01-26-17-25-45" width="169" height="300" class="alignnone size-medium wp-image-9370" /></a></p>
<p>PCよりもスマホアプリの方が見やすいデザインとなってますね。<br />
すごく愛用させてもらっています。<br />
ただ、上がってくる記事自体はランダムなのかviewの数なのか分かりませんが、ランキング上位は見た事ある記事ばかりってこともあります（見すぎなだけかもしれないけど）。<br />
MERYでは直接お買い物が出来たり、無料会員になると自分でまとめが投稿出来たりと見るだけではない楽しさもあります。</p>
<h3>ちょっぴり大人の女性向け 「<a href="http://trilltrill.jp/">TRILL</a>」</h3>
<p>TRILLと書いて「とりる」と読みます。</p>
<p>こちらはかなり大人っぽいデザイン、PCサイトのデザインも落ち着いています。<br />
スマホアプリの動きは、MERYにかなり近くなかなか見やすい。</p>
<p><a href="/uploads-archive/2016/01/Screenshot_2016-01-26-17-27-22-e1453798019920.png" rel="attachment wp-att-9378"><img decoding="async" loading="lazy" src="/uploads-archive/2016/01/Screenshot_2016-01-26-17-27-22-169x300.png" alt="Screenshot_2016-01-26-17-27-22" width="169" height="300" class="alignnone size-medium wp-image-9378" /></a></p>
<p>まとまっている記事は、どちらかというと20代後半から30代の女性向けメイン。<br />
こちらは直接ライターさんを雇って記事を書いてもらっているそうなので、自由に投稿などはできません。<br />
気になる方は運営オフィシャルをお調べ下さいね　⇒<a href="http://trill-corp.jp/">こちら</a>から</p>
<h3>Instagramの女性版 「girls pic」</h3>
<p>ガールズピックはInstagramのように写真で流行を配信する新しいタイプの情報アプリです。<br />
ネイル、ヘアー、メイク、ファッションなど女性が気になる情報を皆でシェアし合う感じ。</p>
<p><a href="/uploads-archive/2016/01/Screenshot_2016-01-26-17-26-45-e1453797982760.png" rel="attachment wp-att-9374"><img decoding="async" loading="lazy" src="/uploads-archive/2016/01/Screenshot_2016-01-26-17-26-45-169x300.png" alt="Screenshot_2016-01-26-17-26-45" width="169" height="300" class="alignnone size-medium wp-image-9374" /></a>　<a href="/uploads-archive/2016/01/Screenshot_2016-01-26-17-26-53-e1453797996983.png" rel="attachment wp-att-9375"><img decoding="async" loading="lazy" src="/uploads-archive/2016/01/Screenshot_2016-01-26-17-26-53-169x300.png" alt="Screenshot_2016-01-26-17-26-53" width="169" height="300" class="alignnone size-medium wp-image-9375" /></a></p>
<p>実際に店舗の方が宣伝として使用している場合もありますので、気になるお店があったらすぐに連絡出来ちゃいます。便利。</p>
<h3>テレビCMで宣伝中！「<a href="https://antenna.jp/">antenna</a>」</h3>
<p>「パクチーは？」</p>
<p>「パクチーはいや」</p>
<p>「じゃあ、・・・とんかつ」</p>
<p>「とんかつ！いいねー」</p>
<p>で、最近テレビCM中のantennaは、気になっていたけど使ったことがありません。<br />
このブログのためにダウンロードをしてみました。</p>
<p><a href="/uploads-archive/2016/01/Screenshot_2016-01-26-17-27-12-e1453798002867.png" rel="attachment wp-att-9376"><img decoding="async" loading="lazy" src="/uploads-archive/2016/01/Screenshot_2016-01-26-17-27-12-169x300.png" alt="Screenshot_2016-01-26-17-27-12" width="169" height="300" class="alignnone size-medium wp-image-9376" /></a>　<a href="/uploads-archive/2016/01/Screenshot_2016-01-26-17-27-16-e1453798009114.png" rel="attachment wp-att-9377"><img decoding="async" loading="lazy" src="/uploads-archive/2016/01/Screenshot_2016-01-26-17-27-16-169x300.png" alt="Screenshot_2016-01-26-17-27-16" width="169" height="300" class="alignnone size-medium wp-image-9377" /></a></p>
<p>ちょっと見辛い。というかどこ見たらいいかわからん。<br />
もっとシンプルで且つ自分が欲しい情報だけが貰えるものかと思ってましたが、そううまくはいきませんね。<br />
今後に期待してアプリはダウンロードしたままにしておきます。</p>
<h3>動画でトレンド情報を配信出来るアプリ「C CHANNEL」</h3>
<p>PCサイトがシンプルで見やすい<a href="https://www.cchan.tv/">C CHANNEL</a><br />
スマホアプリもPCと変わらずかなりシンプル。</p>
<p><a href="/uploads-archive/2016/01/Screenshot_2016-01-26-17-26-39-e1453797973925.png" rel="attachment wp-att-9373"><img decoding="async" loading="lazy" src="/uploads-archive/2016/01/Screenshot_2016-01-26-17-26-39-169x300.png" alt="Screenshot_2016-01-26-17-26-39" width="169" height="300" class="alignnone size-medium wp-image-9373" /></a>　<a href="/uploads-archive/2016/01/Screenshot_2016-01-26-17-25-57-e1453797964518.png" rel="attachment wp-att-9371"><img decoding="async" loading="lazy" src="/uploads-archive/2016/01/Screenshot_2016-01-26-17-25-57-169x300.png" alt="Screenshot_2016-01-26-17-25-57" width="169" height="300" class="alignnone size-medium wp-image-9371" /></a></p>
<p>個人で投稿出来るのかと思いきや、出来なそう。<br />
投稿している皆さんモデルさんやライターさんとして投稿されているみたいですね。<br />
動画でメイク方法とか見れるので、これも重宝出来そう。</p>
<h2>まとめ</h2>
<p>いつまでもかわいくいたい、綺麗でいたい、おしゃれでいたい。<br />
そういう方達には見やすくて分かりやすくて可愛いものじゃないと目がいかないって事を気づかされました。意識して見たことはありませんでしたが、今後の自分が作るものに良い刺激があるといいな。</p>


いま話題の女の子に人気な情報アプリを厳選してみた

<h3>はじめに</h3>
<div style="padding-left: 15px;">
特に意味もなく打鍵のカウントをしてみたかったので作ってみました。</p>
<p>基本はキーロガーと同じ要領です。<br />
OS XはWindowsと大分仕組みが違うため、<br />
フック(イベント情報を横取りする事)がなかなか難しい。</p>
<p>ので、今回はOS Xに絞って情報を集めてみた結果、、、<br />
SwiftでもなくObjective−CでもなくC言語にて組むことになりました。</p>
<p>ソースは別の用途で用いられる可能性があるため割愛させていただきます。</p></div>
<h3>流れ</h3>
<div style="padding-left: 15px;">
簡単な流れとして</p>
<ol>
<li>エントリーポイント実行 (所謂 main関数)</li>
<li>自作のイベント関数(CGEventRef)をループ実行として登録する (※後述)</li>
<li>ループイベント関数を実行開始する (※以下、関数例一覧)<br />
<blockquote><p>CFRunLoopSourceRef<br />
CFRunLoopAddSource<br />
CGEventTapEnable<br />
CFRunLoopRun()</p></blockquote>
</li>
</ol>
<p>と言った手順です。</p>
<p>2番の内容がここでの肝となります。<br />
毎回ログに吐き出すほどでもないので、<br />
10分間などの一定期間を定義して、その間の総計を出力するようにしました。</p>
<p>コードでの記述例で言うと</p>
<p></p>

		<div id="crayon-6495401591153277375030" class="crayon-syntax crayon-theme-monokai crayon-font-monaco crayon-os-mac print-yes notranslate" data-settings=" minimize scroll-mouseover wrap" style=" margin-top: 12px; margin-bottom: 12px; font-size: 13px !important; line-height: 18px !important;">
		
			<div class="crayon-toolbar" data-settings=" mouseover overlay hide delay" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><span class="crayon-title"></span>
			<div class="crayon-tools" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><div class="crayon-button crayon-nums-button" title="Toggle Line Numbers"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-plain-button" title="Toggle Plain Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-wrap-button" title="Toggle Line Wrap"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-expand-button" title="Expand Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-copy-button" title="Copy"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-popup-button" title="Open Code In New Window"><div class="crayon-button-icon"></div></div><span class="crayon-language">C</span></div></div>
			<div class="crayon-info" style="min-height: 19.5px !important; line-height: 19.5px !important;"></div>
			<div class="crayon-plain-wrap"><textarea  class="crayon-plain print-no" data-settings="dblclick" readonly style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 13px !important; line-height: 18px !important;">
    # define INTERVAL_TIME
    if (now() - prev_time &gt; INTERVAL_TIME) {
        // ここにカウントした総計を出力する実装
        print("%d", key_count);
        fflush(stdout);
    }
    key_count++;</textarea></div>
			<div class="crayon-main" style="">
				<table class="crayon-table">
					<tr class="crayon-row">
				<td class="crayon-nums " data-settings="show">
					<div class="crayon-nums-content" style="font-size: 13px !important; line-height: 18px !important;"><div class="crayon-num" data-line="crayon-6495401591153277375030-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495401591153277375030-2">2</div><div class="crayon-num" data-line="crayon-6495401591153277375030-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495401591153277375030-4">4</div><div class="crayon-num" data-line="crayon-6495401591153277375030-5">5</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495401591153277375030-6">6</div><div class="crayon-num" data-line="crayon-6495401591153277375030-7">7</div></div>
				</td>
						<td class="crayon-code"><div class="crayon-pre" style="font-size: 13px !important; line-height: 18px !important; -moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;"><div class="crayon-line" id="crayon-6495401591153277375030-1"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-p"># define INTERVAL_TIME</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495401591153277375030-2"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-st">if</span><span class="crayon-h"> </span><span class="crayon-sy">(</span><span class="crayon-e">now</span><span class="crayon-sy">(</span><span class="crayon-sy">)</span><span class="crayon-h"> </span>-<span class="crayon-h"> </span><span class="crayon-i">prev_time</span><span class="crayon-h"> </span><span class="crayon-h">&gt;</span><span class="crayon-h"> </span><span class="crayon-i">INTERVAL_TIME</span><span class="crayon-sy">)</span><span class="crayon-h"> </span><span class="crayon-sy">{</span></div><div class="crayon-line" id="crayon-6495401591153277375030-3"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-c">// ここにカウントした総計を出力する実装</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495401591153277375030-4"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-e">print</span><span class="crayon-sy">(</span><span class="crayon-s">"%d"</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-i">key_count</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-6495401591153277375030-5"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-e">fflush</span><span class="crayon-sy">(</span><span class="crayon-i">stdout</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495401591153277375030-6"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-sy">}</span></div><div class="crayon-line" id="crayon-6495401591153277375030-7"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-i">key_count</span>++<span class="crayon-sy">;</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p> </p>
<p>と言った感じです。あくまで抜粋です。<br />
10分の間にグルグルとループしながらキーを打ったらカウント。</p>
<p>10分を超えた時点でキーを叩いたらまとめて<br />
画面に今までのカウントを出力します。</p>
<p>一回の実行で42億回まではカウントしてくれるので<br />
間違って立ち上げっぱなしでも一ヶ月は保ってくれそうです！！</p>
<p>もうちょっとUIもついたアプリに出来たらよかったのですが、、<br />
取り敢えずの目的は達したので、まずまずとします。</p></div>
<h3>最後に</h3>
<div style="padding-left: 15px;">
出力された(カウントされた)出力は実際には以下です。</p>
<p></p>

		<div id="crayon-6495401591158471901162" class="crayon-syntax crayon-theme-monokai crayon-font-monaco crayon-os-mac print-yes notranslate" data-settings=" minimize scroll-mouseover wrap" style=" margin-top: 12px; margin-bottom: 12px; font-size: 13px !important; line-height: 18px !important;">
		
			<div class="crayon-toolbar" data-settings=" mouseover overlay hide delay" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><span class="crayon-title"></span>
			<div class="crayon-tools" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><div class="crayon-button crayon-nums-button" title="Toggle Line Numbers"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-plain-button" title="Toggle Plain Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-wrap-button" title="Toggle Line Wrap"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-expand-button" title="Expand Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-copy-button" title="Copy"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-popup-button" title="Open Code In New Window"><div class="crayon-button-icon"></div></div><span class="crayon-language">Shell</span></div></div>
			<div class="crayon-info" style="min-height: 19.5px !important; line-height: 19.5px !important;"></div>
			<div class="crayon-plain-wrap"><textarea  class="crayon-plain print-no" data-settings="dblclick" readonly style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 13px !important; line-height: 18px !important;">
426
1207
2979
3670
4936</textarea></div>
			<div class="crayon-main" style="">
				<table class="crayon-table">
					<tr class="crayon-row">
				<td class="crayon-nums " data-settings="show">
					<div class="crayon-nums-content" style="font-size: 13px !important; line-height: 18px !important;"><div class="crayon-num" data-line="crayon-6495401591158471901162-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495401591158471901162-2">2</div><div class="crayon-num" data-line="crayon-6495401591158471901162-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495401591158471901162-4">4</div><div class="crayon-num" data-line="crayon-6495401591158471901162-5">5</div></div>
				</td>
						<td class="crayon-code"><div class="crayon-pre" style="font-size: 13px !important; line-height: 18px !important; -moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;"><div class="crayon-line" id="crayon-6495401591158471901162-1"><span class="crayon-cn">426</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495401591158471901162-2"><span class="crayon-cn">1207</span></div><div class="crayon-line" id="crayon-6495401591158471901162-3"><span class="crayon-cn">2979</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495401591158471901162-4"><span class="crayon-cn">3670</span></div><div class="crayon-line" id="crayon-6495401591158471901162-5"><span class="crayon-cn">4936</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p> </p>
<p>コマンド実行例は以下</p>

		<div id="crayon-6495401591159610640573" class="crayon-syntax crayon-theme-monokai crayon-font-monaco crayon-os-mac print-yes notranslate" data-settings=" minimize scroll-mouseover wrap" style=" margin-top: 12px; margin-bottom: 12px; font-size: 13px !important; line-height: 18px !important;">
		
			<div class="crayon-toolbar" data-settings=" mouseover overlay hide delay" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><span class="crayon-title"></span>
			<div class="crayon-tools" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><div class="crayon-button crayon-nums-button" title="Toggle Line Numbers"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-plain-button" title="Toggle Plain Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-wrap-button" title="Toggle Line Wrap"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-expand-button" title="Expand Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-copy-button" title="Copy"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-popup-button" title="Open Code In New Window"><div class="crayon-button-icon"></div></div><span class="crayon-language">Shell</span></div></div>
			<div class="crayon-info" style="min-height: 19.5px !important; line-height: 19.5px !important;"></div>
			<div class="crayon-plain-wrap"><textarea  class="crayon-plain print-no" data-settings="dblclick" readonly style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 13px !important; line-height: 18px !important;">
sudo ./key_count &gt; ./key_count.log</textarea></div>
			<div class="crayon-main" style="">
				<table class="crayon-table">
					<tr class="crayon-row">
				<td class="crayon-nums " data-settings="show">
					<div class="crayon-nums-content" style="font-size: 13px !important; line-height: 18px !important;"><div class="crayon-num" data-line="crayon-6495401591159610640573-1">1</div></div>
				</td>
						<td class="crayon-code"><div class="crayon-pre" style="font-size: 13px !important; line-height: 18px !important; -moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;"><div class="crayon-line" id="crayon-6495401591159610640573-1"><span class="crayon-i">sudo</span><span class="crayon-h"> </span><span class="crayon-sy">.</span>/<span class="crayon-i">key_count</span><span class="crayon-h"> </span><span class="crayon-h">&gt;</span><span class="crayon-h"> </span><span class="crayon-sy">.</span>/<span class="crayon-i">key_count</span><span class="crayon-e">.log</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p> </p>
<p>4,50分の間に約5千回ほど打鍵してることが解りました。意外と少ないものですね。</p>
<p>以上です！</p></div>

打鍵数をカウントしてみた

<p><a href="/uploads-archive/2016/01/businesswoman2_think.png" rel="attachment wp-att-9329"><img decoding="async" loading="lazy" class="alignleft size-thumbnail wp-image-9329" src="/uploads-archive/2016/01/businesswoman2_think-150x150.png" alt="businesswoman2_think" width="150" height="150" /></a></p>
<p>&nbsp;</p>
<p>うーん、困ったなぁ。。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><a href="/uploads-archive/2016/01/business01_laugh.png" rel="attachment wp-att-9325"><img decoding="async" loading="lazy" class="alignleft size-thumbnail wp-image-9325" src="/uploads-archive/2016/01/business01_laugh-150x150.png" alt="business01_laugh" width="150" height="150" /></a></p>
<p>&nbsp;</p>
<p>どうしたんだい？</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><a href="/uploads-archive/2016/01/businesswoman2_think.png" rel="attachment wp-att-9329"><img decoding="async" loading="lazy" class="alignleft size-thumbnail wp-image-9329" src="/uploads-archive/2016/01/businesswoman2_think-150x150.png" alt="businesswoman2_think" width="150" height="150" /></a></p>
<p>わたし、勢いでIT企業に転職したんだけど、ITの知識がまるでないの…</p>
<p>会社でみんなの話についていけなくて…</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><a href="/uploads-archive/2016/01/business01_laugh.png" rel="attachment wp-att-9325"><img decoding="async" loading="lazy" class="alignleft size-thumbnail wp-image-9325" src="/uploads-archive/2016/01/business01_laugh-150x150.png" alt="business01_laugh" width="150" height="150" /></a></p>
<p>なるほど、それは自業自得だね。</p>
<p>じゃ…！</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><a href="/uploads-archive/2016/01/businesswoman2_shock.png" rel="attachment wp-att-9328"><img decoding="async" loading="lazy" class="alignleft size-thumbnail wp-image-9328" src="/uploads-archive/2016/01/businesswoman2_shock-150x150.png" alt="businesswoman2_shock" width="150" height="150" /></a></p>
<p>ちょっと待ってよ！</p>
<p>どうやって勉強したらいいか教えなさいよ！</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><a href="/uploads-archive/2016/01/business02_angry.png" rel="attachment wp-att-9326"><img decoding="async" loading="lazy" class="alignleft size-thumbnail wp-image-9326" src="/uploads-archive/2016/01/business02_angry-150x150.png" alt="business02_angry" width="150" height="150" /></a></p>
<p>うーん会社の業務によって、覚えることなんて全然違うからなぁ。</p>
<p>強いて言うなら…</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><a href="/uploads-archive/2016/01/businesswoman3_question.png" rel="attachment wp-att-9330"><img decoding="async" loading="lazy" class="alignleft size-thumbnail wp-image-9330" src="/uploads-archive/2016/01/businesswoman3_question-150x150.png" alt="businesswoman3_question" width="150" height="150" /></a></p>
<p>&nbsp;</p>
<p>強いて言うなら…？？</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><a href="/uploads-archive/2016/01/business01_laugh.png" rel="attachment wp-att-9325"><img decoding="async" loading="lazy" class="alignleft size-thumbnail wp-image-9325" src="/uploads-archive/2016/01/business01_laugh-150x150.png" alt="business01_laugh" width="150" height="150" /></a></p>
<p>&nbsp;</p>
<p><strong>ITパスポート試験を受ければいいよ！</strong></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><a href="/uploads-archive/2016/01/businesswoman3_heart.png" rel="attachment wp-att-9338"><img decoding="async" loading="lazy" class="alignleft size-thumbnail wp-image-9338" src="/uploads-archive/2016/01/businesswoman3_heart-150x150.png" alt="businesswoman3_heart" width="150" height="150" /></a>ITパスポート？！</p>
<p>なんかいかにもビギナー向きな良い響き！！</p>
<p>詳しく！</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><a href="/uploads-archive/2016/01/business01_laugh.png" rel="attachment wp-att-9325"><img decoding="async" loading="lazy" class="alignleft size-thumbnail wp-image-9325" src="/uploads-archive/2016/01/business01_laugh-150x150.png" alt="business01_laugh" width="150" height="150" /></a></p>
<p><strong>ITパスポートは社会人の誰にでも役立つ、情報処理「入門編」の国家資格だよ。</strong></p>
<p>IT関連資格というとエンジニアのための資格と思われがちだけど、「ITパスポート試験」は、システムを開発する能力よりもむしろ、ITを「使う能力」やIT環境の「問題を見つけ出す能力」を重視しているものなんだ。初級シスアド試験を今の時代にあわせて変えたものなんだ。</p>
<p>&nbsp;</p>
<p><a href="/uploads-archive/2016/01/businesswoman3_question.png" rel="attachment wp-att-9330"><img decoding="async" loading="lazy" class="alignleft size-thumbnail wp-image-9330" src="/uploads-archive/2016/01/businesswoman3_question-150x150.png" alt="businesswoman3_question" width="150" height="150" /></a></p>
<p>え、なに？</p>
<p>難しい言葉がいっぱい。</p>
<p>日本語でゆって</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><a href="/uploads-archive/2016/01/business02_angry.png" rel="attachment wp-att-9326"><img decoding="async" loading="lazy" class="alignleft size-thumbnail wp-image-9326" src="/uploads-archive/2016/01/business02_angry-150x150.png" alt="business02_angry" width="150" height="150" /></a></p>
<p>（この女ばかだ）</p>
<p>まぁ、なんというかITの概要を広く浅く出題される試験だね。</p>
<p>つまり君みたいなIT音痴が最初に取り掛かるものとしては最適だよ。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><a href="/uploads-archive/2016/01/businesswoman3_question.png" rel="attachment wp-att-9330"><img decoding="async" loading="lazy" class="alignleft size-thumbnail wp-image-9330" src="/uploads-archive/2016/01/businesswoman3_question-150x150.png" alt="businesswoman3_question" width="150" height="150" /></a></p>
<p>言い方がムカつくけど、たしかに私に向いてそうね。</p>
<p>ところで、<strong>このブログのタイトルは「イラストでわかる！ ITパスポートとはどんな試験か」よね。</strong></p>
<p><strong>ただ、私たちが登場しているだけで、このタイトルは言いすぎじゃない？</strong></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><a href="/uploads-archive/2016/01/business01_laugh.png" rel="attachment wp-att-9325"><img decoding="async" loading="lazy" class="alignleft size-thumbnail wp-image-9325" src="/uploads-archive/2016/01/business01_laugh-150x150.png" alt="business01_laugh" width="150" height="150" /></a></p>
<p>ふふふ、焦っちゃダメさ。</p>
<p>これから、ITパスポートがどんな試験かが一発でわかるイラストをみせてあげるよ。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><a href="/uploads-archive/2016/01/65e89d39bcb7fd2e57895e6dd639a4fb.jpg" rel="attachment wp-att-9347"><img decoding="async" loading="lazy" class="aligncenter wp-image-9347 size-full" src="/uploads-archive/2016/01/65e89d39bcb7fd2e57895e6dd639a4fb.jpg" alt="65e89d39bcb7fd2e57895e6dd639a4fb" width="490" height="692" srcset="/uploads-archive/2016/01/65e89d39bcb7fd2e57895e6dd639a4fb.jpg 490w, /uploads-archive/2016/01/65e89d39bcb7fd2e57895e6dd639a4fb-212x300.jpg 212w, /uploads-archive/2016/01/65e89d39bcb7fd2e57895e6dd639a4fb-228x322.jpg 228w" sizes="(max-width: 490px) 100vw, 490px" /></a></p>
<p><a href="/uploads-archive/2016/01/businesswoman3_question.png" rel="attachment wp-att-9330"><img decoding="async" loading="lazy" class="alignleft size-thumbnail wp-image-9330" src="/uploads-archive/2016/01/businesswoman3_question-150x150.png" alt="businesswoman3_question" width="150" height="150" /></a></p>
<p>&nbsp;</p>
<p>なに？　このあざといまでに萌え狙ったメガネキャラは？</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><a href="/uploads-archive/2016/01/business01_laugh.png" rel="attachment wp-att-9325"><img decoding="async" loading="lazy" class="alignleft size-thumbnail wp-image-9325" src="/uploads-archive/2016/01/business01_laugh-150x150.png" alt="business01_laugh" width="150" height="150" /></a></p>
<p>&nbsp;</p>
<p>これはね、ITパスポート試験の<strong>公式キャラクター上峰亜衣</strong>たんだよ。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><a href="/uploads-archive/2016/01/businesswoman2_shock.png" rel="attachment wp-att-9328"><img decoding="async" loading="lazy" class="alignleft size-thumbnail wp-image-9328" src="/uploads-archive/2016/01/businesswoman2_shock-150x150.png" alt="businesswoman2_shock" width="150" height="150" /></a></p>
<p>えっ？</p>
<p>公式キャラクター？</p>
<p>これ、国家試験なんですよね。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><a href="/uploads-archive/2016/01/business01_laugh.png" rel="attachment wp-att-9325"><img decoding="async" loading="lazy" class="alignleft size-thumbnail wp-image-9325" src="/uploads-archive/2016/01/business01_laugh-150x150.png" alt="business01_laugh" width="150" height="150" /></a></p>
<p>そうだよ。</p>
<p>この国は、国を挙げて萌えを助長しているのさ。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><a href="/uploads-archive/2016/01/businesswoman2_shock.png" rel="attachment wp-att-9328"><img decoding="async" loading="lazy" class="alignleft size-thumbnail wp-image-9328" src="/uploads-archive/2016/01/businesswoman2_shock-150x150.png" alt="businesswoman2_shock" width="150" height="150" /></a></p>
<p>信じられない…</p>
<p>お役人たちはITパスポート試験を受ける人たちをどんな人間だと思っているのかしら。。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><a href="/uploads-archive/2016/01/business02_angry.png" rel="attachment wp-att-9326"><img decoding="async" loading="lazy" class="alignleft size-thumbnail wp-image-9326" src="/uploads-archive/2016/01/business02_angry-150x150.png" alt="business02_angry" width="150" height="150" /></a></p>
<p>驚くにはまだ早い。</p>
<p>市販されている参考書を見てみなさいよ。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><a href="/uploads-archive/2016/01/f81fd2e4c52864042852c112ce927ae2.jpg" rel="attachment wp-att-9348"><img decoding="async" loading="lazy" class="aligncenter wp-image-9348" src="/uploads-archive/2016/01/f81fd2e4c52864042852c112ce927ae2.jpg" alt="ダウンロード" width="350" height="513" /></a></p>
<p><a href="/uploads-archive/2016/01/51Tyk7g8EL._SX349_BO1204203200_.jpg" rel="attachment wp-att-9346"><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-9346" src="/uploads-archive/2016/01/51Tyk7g8EL._SX349_BO1204203200_.jpg" alt="51Tyk+7g8EL._SX349_BO1,204,203,200_" width="351" height="499" srcset="/uploads-archive/2016/01/51Tyk7g8EL._SX349_BO1204203200_.jpg 351w, /uploads-archive/2016/01/51Tyk7g8EL._SX349_BO1204203200_-211x300.jpg 211w, /uploads-archive/2016/01/51Tyk7g8EL._SX349_BO1204203200_-228x324.jpg 228w" sizes="(max-width: 351px) 100vw, 351px" /></a></p>
<p><a href="/uploads-archive/2016/01/51aJBxCP1yL.jpg" rel="attachment wp-att-9345"><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-9345" src="/uploads-archive/2016/01/51aJBxCP1yL.jpg" alt="51aJBxCP1yL" width="366" height="500" srcset="/uploads-archive/2016/01/51aJBxCP1yL.jpg 366w, /uploads-archive/2016/01/51aJBxCP1yL-220x300.jpg 220w, /uploads-archive/2016/01/51aJBxCP1yL-228x311.jpg 228w" sizes="(max-width: 366px) 100vw, 366px" /></a></p>
<p><a href="/uploads-archive/2016/01/businesswoman2_think.png" rel="attachment wp-att-9329"><img decoding="async" loading="lazy" class="alignleft size-thumbnail wp-image-9329" src="/uploads-archive/2016/01/businesswoman2_think-150x150.png" alt="businesswoman2_think" width="150" height="150" /></a></p>
<p>うーん</p>
<p>ここまで徹底しているとむしろ清々しいですね。</p>
<p><strong>ITパスポート試験がどんな試験かわかった気がします。</strong></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><a href="/uploads-archive/2016/01/businessman_question.png" rel="attachment wp-att-9327"><img decoding="async" loading="lazy" class="alignleft size-thumbnail wp-image-9327" src="/uploads-archive/2016/01/businessman_question-150x150.png" alt="businessman_question" width="150" height="150" /></a></p>
<p>&nbsp;</p>
<p>ま、私もこういうの好きなんだけどね。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><a href="/uploads-archive/2016/01/businesswoman2_shock.png" rel="attachment wp-att-9328"><img decoding="async" loading="lazy" class="alignleft size-thumbnail wp-image-9328" src="/uploads-archive/2016/01/businesswoman2_shock-150x150.png" alt="businesswoman2_shock" width="150" height="150" /></a></p>
<p>&nbsp;</p>
<p>好きなんかーい！</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>※このブログは公開5日間2000近いブックマークを集めた小島アジコさんのブログ記事<a href="http://orangestar.hatenadiary.jp/entry/2016/01/22/073000">イラストでわかる『銃・病原菌・鉄』</a>　に影響を受けて書きました。</p>
<p>イラストのほうも、小島アジコさんと同様で、いらすとやさんからお借りしました。ありがとうございます。</p>
<p><a href="http://www.irasutoya.com/" rel="attachment wp-att-9365"><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-9365" src="/uploads-archive/2016/01/20160120194345.png" alt="20160120194345" width="240" height="145" srcset="/uploads-archive/2016/01/20160120194345.png 240w, /uploads-archive/2016/01/20160120194345-228x138.png 228w" sizes="(max-width: 240px) 100vw, 240px" /></a></p>
<p>&nbsp;</p>
<p>と、いうわけで私もITパスポート試験の勉強中です。</p>
<p>&nbsp;</p>


イラストでわかる！ ITパスポートとはどんな試験か

よく使うgitコマンド

<p>将来的にECの業界でもVR(仮想現実）やAR（拡張現実）が利用されるかもと勝手に想像しています、なぜならECととても親和性が高い気がするからです。</p>
<p>家にいながら買い物ができるというサービスが当たり前になった昨今ですが、未だに「ネットショップで購入した商品の写真と実物が違った」「サイズや質感が良くわからない」という話を耳にします。</p>
<p>そんな消費者のニーズに対して動画で商品説明をする事も増えてきていますが、その延長上には「実店舗での買い物と変わらない感覚を味わいたい」「もっと買い物を楽しみたい」というニーズがあるはずです。</p>
<p>そういうわけで、現時点で手に届くVRを体験してみようとVRゴーグルを購入してみました。</p>
<h2>どのゴーグル（ビューア）を購入すればいいのか？</h2>
<p><a href="https://www.google.com/get/cardboard/get-cardboard/" rel="attachment wp-att-9362"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-9362" src="/uploads-archive/2016/01/5-1.jpg" alt="5" width="640" height="570" srcset="/uploads-archive/2016/01/5-1.jpg 640w, /uploads-archive/2016/01/5-1-300x267.jpg 300w, /uploads-archive/2016/01/5-1-228x203.jpg 228w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>
<p>相当な種類のゴーグル（googleではビューアと呼ばれている）が販売されていますが、これらはスマホをゴーグルにセットする事で簡易のVRを見るための代物になります。</p>
<p>ちょっと前からよく聞こえてくるオキュラスリフトなどと比べると、VRへの没入感は劣るという事になりますが、手軽さという点でスマホを利用したVRの方がコンテンツは充実しているように思います。</p>
<p>上のサイトはgoogle cardboardの公式購入サイトになりますが、他のメーカーからも色々とゴーグルが出ていて1000円～10000円くらいで購入ができます。</p>
<p>それぞれ、そのスマホと相性がいいとか、どのアプリと相性がいいなどあるようなのでレビューをよく読んでから購入する事をお勧めします。とくにスマホによってはサイズが対応していないなんて事もあるようなので気を付けて下さい。</p>
<p>アプリのgoogle cardboardを利用する場合は画面をタップするためにゴーグルにボタンがついている物を購入して下さい。</p>
<p><a href="/uploads-archive/2016/01/6.jpg" rel="attachment wp-att-9387"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-9387" src="/uploads-archive/2016/01/6.jpg" alt="6" width="555" height="411" srcset="/uploads-archive/2016/01/6.jpg 555w, /uploads-archive/2016/01/6-300x222.jpg 300w, /uploads-archive/2016/01/6-228x169.jpg 228w" sizes="(max-width: 555px) 100vw, 555px" /></a></p>
<p>ゴーグルで視点があった部分が、オンマウスのようになるのでそこでボタンを押す必要が出てきます。</p>
<p>段ボール製のゴーグルは何度か使ている間にさすがに汗などで変色したり、形が変わってしまうそうなので、個人的にはプラスティック製の物をお勧めします。</p>
<p>ちなみに私が購入したのはハコスコというメーカーのゴーグルです。</p>
<p><a href="/uploads-archive/2016/01/1-2.jpg" rel="attachment wp-att-9355"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-9355" src="/uploads-archive/2016/01/1-2.jpg" alt="1" width="640" height="425" srcset="/uploads-archive/2016/01/1-2.jpg 640w, /uploads-archive/2016/01/1-2-300x199.jpg 300w, /uploads-archive/2016/01/1-2-228x151.jpg 228w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>
<p><a href="/uploads-archive/2016/01/2-2.jpg" rel="attachment wp-att-9357"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-9357" src="/uploads-archive/2016/01/2-2.jpg" alt="2" width="640" height="425" srcset="/uploads-archive/2016/01/2-2.jpg 640w, /uploads-archive/2016/01/2-2-300x199.jpg 300w, /uploads-archive/2016/01/2-2-228x151.jpg 228w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>
<p><a href="/uploads-archive/2016/01/3-2.jpg" rel="attachment wp-att-9358"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-9358" src="/uploads-archive/2016/01/3-2.jpg" alt="3" width="640" height="425" srcset="/uploads-archive/2016/01/3-2.jpg 640w, /uploads-archive/2016/01/3-2-300x199.jpg 300w, /uploads-archive/2016/01/3-2-228x151.jpg 228w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>
<p>案の定、google cardboardアプリで使用するためのボタンがついていない物を購入してしまいました。</p>
<p>しかし、調べてみるとBluetoothでスマホを操作するためのリモコンがあるようなので、これがあれば何とかなりそうです。</p>
<p><a href="http://www.amazon.co.jp/JCN-XCN-LP03-Bluetooth-%E4%B8%87%E8%83%BD%E3%83%AA%E3%83%A2%E3%82%B3%E3%83%B3%E3%80%80PC%E3%82%84%E3%82%B9%E3%83%9E%E3%83%9B%E3%82%84%E3%82%BF%E3%83%96%E3%83%AC%E3%83%83%E3%83%88%E3%82%92%E6%93%8D%E4%BD%9C-%E4%B8%A6%E8%A1%8C%E8%BC%B8%E5%85%A5%E5%93%81/dp/B00VWQ4584/ref=sr_1_10?s=electronics&amp;ie=UTF8&amp;qid=1453798494&amp;sr=1-10&amp;keywords=VR" rel="attachment wp-att-9392"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-9392" src="/uploads-archive/2016/01/7.jpg" alt="7" width="350" height="350" srcset="/uploads-archive/2016/01/7.jpg 350w, /uploads-archive/2016/01/7-150x150.jpg 150w, /uploads-archive/2016/01/7-300x300.jpg 300w, /uploads-archive/2016/01/7-228x228.jpg 228w" sizes="(max-width: 350px) 100vw, 350px" /></a></p>
<h2>google cardboardアプリでVRを体験してみる</h2>
<p>さっそくVRを体験してみようという事でまずはスマホにcardboardアプリをインストールします。</p>
<p><a href="/uploads-archive/2016/01/8.png" rel="attachment wp-att-9395"><img decoding="async" loading="lazy" class="alignnone wp-image-9395" src="/uploads-archive/2016/01/8.png" alt="8" width="138" height="134" /></a></p>
<p>アプリを立ち上げるとまずゴーグル（ビューア）のセットアップをする画面になります。</p>
<p><a href="/uploads-archive/2016/01/9-1.jpg" rel="attachment wp-att-9404"><img decoding="async" loading="lazy" class="alignnone  wp-image-9404" src="/uploads-archive/2016/01/9-1.jpg" alt="9" width="389" height="744" /></a></p>
<p>googleの純正（？）のゴーグルの場合はゴーグルの本体または説明書などにQRコードがありますので読み取ります。</p>
<p>その他のゴーグルの場合はこの工程をスキップすると下のような画面になります。</p>
<p><a href="/uploads-archive/2016/01/4-1.jpg" rel="attachment wp-att-9356"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-9356" src="/uploads-archive/2016/01/4-1.jpg" alt="4" width="640" height="360" srcset="/uploads-archive/2016/01/4-1.jpg 640w, /uploads-archive/2016/01/4-1-300x169.jpg 300w, /uploads-archive/2016/01/4-1-228x128.jpg 228w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>
<p>上の画面はもちろんゴーグルを通してみれば、実際にその場にいるように見えます。さらに立体的に見えます。</p>
<p>ゴーグルの事ばかりで肝心のVRについて触られていないので、次回もっと詳しくお伝えします。</p>


安いVRゴーグルでも十分楽しめる　google cardboard ビューア

<p>すでに多くのメディアで取り上げられているので知っている人も多いと思うが、2015年の訪日外国人消費動向調査が公開された。</p>
<p><a href="http://www.mlit.go.jp/common/001084355.pdf" target="_blank">http://www.mlit.go.jp/common/001084355.pdf</a></p>
<p>&nbsp;</p>
<h3>訪日外国人数</h3>
<p>2015年は1,974万人となり過去最高となった。</p>
<p>2014年は1,341万人であり47.1%増。</p>
<p>2020年の目標であった2,000万人をほぼ達成する数値となったため<br />
2020年の目標を3,000万人に修正した。</p>
<p>&nbsp;</p>
<p>国別では、2014年に240万人だった中国からの訪問客が490万人と倍以上に増加し、最も多い人数となった。</p>
<p>次いで、一昨年トップだった韓国は45%増で400万人、昨年トップだった台湾は30%増の360万人となった。</p>
<p>&nbsp;</p>
<h3>訪日外国人旅行消費額</h3>
<p>2015年は3兆4,771億円となり過去最高となった。</p>
<p>2014年は2兆278億円であり71.5%増。</p>
<p>&nbsp;</p>
<p>国別では、中国が1.4兆円と全体の40%を超える消費額でトップとなった。</p>
<p>2014年の5,583億円から153%増と大幅増。</p>
<p>次いで台湾が5,207億円で46%増、韓国が3,008億円で43%増となった。</p>
<p>&nbsp;</p>
<p>一人当たりの旅費についても、中国が283,842円と最大、アメリカ175,554円、香港172,356を10万円以上上回った。</p>
<p>費目別の消費額について、中国からの訪日客は、総消費額1.4兆円の内8,000億円を買物代として消費しており、その割合は57%。</p>
<p>韓国の30%、台湾の42%、香港の41%を大きく上回った。</p>
<p>&nbsp;</p>
<p>一人当たりの買物代としての消費額は、中国が161,974円となりトップだった。</p>
<p>2位は2014年に引き続きベトナムで、消費額は75,164円だった。</p>
<p>&nbsp;</p>
<h3>まとめ</h3>
<p>事業規模3.4兆円と、観光が大きな産業であると改めて示された2015年だった。</p>
<p>2016年、更に観光業を成長させるために大事なことは、満足度の向上によりリピーターを増やすことと<br />
訪日する価値を持続させることだ。</p>
<p>自分は越境ECという立場から、訪日客が何を買っているかを見ることが多く<br />
2014年に中国からの訪日客の買物で最も満足した購入商品は電気製品だったのだが、<br />
この辺りがどう変わっていくかを注目したい。</p>
<p>今回は速報だったので、3月の確報で発表されると思われる</p>


2015年 訪日外国人消費動向調査

<p>以前、記事でwebサイトのモックアップを作れるサービスを紹介しましたが、<br />
<a href="/designer/web%e3%82%b5%e3%82%a4%e3%83%88%e3%83%bb%e3%82%a2%e3%83%97%e3%83%aa%e3%81%ae%e3%83%a2%e3%83%83%e3%82%af%e3%82%a2%e3%83%83%e3%83%97%e3%80%81%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3%e3%81%ae%e3%83%84.html" target="_blank">webサイト・アプリのモックアップ、デザインのツールはAdobeに期待！！ | スターフィールド株式会社</a></p>
<p>また新しいものを発見しました。<br />
その名も「Bootstrap Studio」です。<br />
<a class="link" href="https://bootstrapstudio.io/" target="_blank">Bootstrap Studio</a></p>
<p>こちらあの「Bootstrap」を元に作られており、bootstrapを使用したサイトのデザインが直感的にできます。</p>
<p>もはやphotoshopやsketchのようなデザインツールです。</p>
<p>有料のツールではありますが、手早くデザインを作れそうな感じがします。</p>
<p>こちらはアプリですが、Demoはブラウザ上で試すことが出来ます（google Chromeのみ）</p>
<h2>おまけ</h2>
<p>bootstrapではないCSSのフレームワークになります。<br />
<a href="http://foundation.zurb.com/sites.html">Foundation for Sites | Foundation for Sites</a></p>
<p>こちらのサイトではhtmlテンプレートが用意されており、<br />
自由にダウンロードできます。</p>
<p><img decoding="async" loading="lazy" class="alignnone wp-image-9315" src="/uploads-archive/2016/01/Foundation-HTML-Templates-1024x663.jpg" alt="Foundation HTML Templates" width="640" height="414" srcset="/uploads-archive/2016/01/Foundation-HTML-Templates-1024x663.jpg 1024w, /uploads-archive/2016/01/Foundation-HTML-Templates-300x194.jpg 300w, /uploads-archive/2016/01/Foundation-HTML-Templates-768x497.jpg 768w, /uploads-archive/2016/01/Foundation-HTML-Templates-228x148.jpg 228w, /uploads-archive/2016/01/Foundation-HTML-Templates.jpg 1112w" sizes="(max-width: 640px) 100vw, 640px" /></p>
<p><a href="http://foundation.zurb.com/templates.html">Foundation | HTML Templates</a></p>


bootstrapのサイトのデザイン、モックアップが作れる「Bootstrap Studio」

<p><a href="/officer/%E7%9B%AE%E6%A8%99%E9%81%94%E6%88%90%E7%94%A8%E7%B4%99%E3%81%AEgoogle%E3%82%B9%E3%83%95%E3%82%9A%E3%83%AC%E3%83%83%E3%83%88%E3%82%99%E3%82%B7%E3%83%BC%E3%83%88%E3%81%A4%E3%81%8F%E3%82%8A%E3%81%BE.html">目標達成用紙のGoogleスプレッドシートつくりました。</a></p>
<p>という記事がなかなか読まれていて、アウトプットする原点に立ち返り、ないものを作れば読んでもらえるんだということで、スプレッドシートという非常に共有しやすいツールもありますのでビジネスで使えるフレームワークをどんどん作っていきます。</p>
<p>まず初回はSWOT分析のテンプレートを作りました。</p>
<h2>SWOT分析とは</h2>
<p>まずは、SWOT分析について軽く触れておきます。</p>
<ul>
<li>強み（Strength）</li>
<li>弱み（Weakness）</li>
<li>機会（Opportunity）</li>
<li>脅威 （Threat）</li>
</ul>
<p>の頭文字を取って、SWOT分析ですね。</p>
<div><a href="/officer/swot%e5%88%86%e6%9e%90%e3%81%ae%e3%81%9f%e3%82%81%e3%81%aegoogle%e3%82%b9%e3%83%97%e3%83%ac%e3%83%83%e3%83%89%e3%82%b7%e3%83%bc%e3%83%88.html/attachment/swot" rel="attachment wp-att-9306"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-9306" src="/uploads-archive/2016/01/SWOT-300x178.jpg" alt="SWOT" width="300" height="178" srcset="/uploads-archive/2016/01/SWOT-300x178.jpg 300w, /uploads-archive/2016/01/SWOT-768x455.jpg 768w, /uploads-archive/2016/01/SWOT-228x135.jpg 228w, /uploads-archive/2016/01/SWOT.jpg 819w" sizes="(max-width: 300px) 100vw, 300px" /></a></div>
<div>内部環境の強み（Strength） 弱み（Weakness）と外部環境の機会（Opportunity） 脅威 （Threat）</div>
<div>更に、プラス要因で強み（Strength）機会（Opportunity）、マイナス要因で弱み（Weakness）脅威 （Threat）と分けて、これらをマトリクス状に並べて、分析するためのツールです。</div>
<h2>SWOT分析のサンプル</h2>
<div>ここで、仮説を立ててSWOTを埋めてみました。</div>
<blockquote>
<div><strong><em>1000円カットの理髪店を他店舗展開する</em></strong></div>
</blockquote>
<div> いままで、一般的な価格の床屋さんを10年間営んでいた人が、昨今の1000円カットの流れを受け、業態転換をしながら、他店舗展開を目指すといった想定のサンプルです。</div>
<div><a href="/officer/swot%e5%88%86%e6%9e%90%e3%81%ae%e3%81%9f%e3%82%81%e3%81%aegoogle%e3%82%b9%e3%83%97%e3%83%ac%e3%83%83%e3%83%89%e3%82%b7%e3%83%bc%e3%83%88.html/attachment/%e3%83%92%e3%82%99%e3%82%b7%e3%82%99%e3%83%8d%e3%82%b9%e3%83%95%e3%83%ac%e3%83%bc%e3%83%a0%e3%83%af%e3%83%bc%e3%82%af%e3%83%86%e3%83%b3%e3%83%95%e3%82%9a%e3%83%ac%e3%83%bc%e3%83%88%e9%9b%86%e2%80%bb" rel="attachment wp-att-9309"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-9309" src="/uploads-archive/2016/01/6fc2f55cba993faeb4e751f205e69b30-300x178.jpg" alt="ビジネスフレームワークテンプレート集※ダウンロードしてお使い下さい。_-_Google_スプレッドシート" width="300" height="178" srcset="/uploads-archive/2016/01/6fc2f55cba993faeb4e751f205e69b30-300x178.jpg 300w, /uploads-archive/2016/01/6fc2f55cba993faeb4e751f205e69b30-768x455.jpg 768w, /uploads-archive/2016/01/6fc2f55cba993faeb4e751f205e69b30-228x135.jpg 228w, /uploads-archive/2016/01/6fc2f55cba993faeb4e751f205e69b30.jpg 821w" sizes="(max-width: 300px) 100vw, 300px" /></a></div>
<div>
<h2>ダウンロードリンク</h2>
<p><a class="link" href=" https://docs.google.com/spreadsheets/d/1ZETr4Ut2EoPy4ocAhK-QwHuL9zKoIyC8Q7RnVpoSTTw/edit?usp=sharing" target="_blank">ビジネスフレームワークテンプレート集-Googleスプレッドシート</a></p>
</div>


Company

Our Solutions

Support

News

Blog

Blogブログ

カテゴリーから探す

年別から見る

記事一覧

2016/02/03

2016/02/03

2016/02/03

2016/02/03

2016/02/03

2016/02/03

2016/02/03

2016/02/03

2016/01/27

2016/01/27

2016/01/27

2016/01/27

2016/01/27

2016/01/27

2016/01/26

2016/01/26

2016/01/26

2016/01/20