<h2>オーストラリアの基本情報</h2>
<p><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-14122" src="/uploads-archive/2018/07/australian-drinking-water-situation-300x200.jpg" alt="" width="300" height="200" srcset="/uploads-archive/2018/07/australian-drinking-water-situation-300x200.jpg 300w, /uploads-archive/2018/07/australian-drinking-water-situation-768x512.jpg 768w, /uploads-archive/2018/07/australian-drinking-water-situation-1024x683.jpg 1024w, /uploads-archive/2018/07/australian-drinking-water-situation-228x152.jpg 228w, /uploads-archive/2018/07/australian-drinking-water-situation.jpg 2000w" sizes="(max-width: 300px) 100vw, 300px" /></p>
<h4>多文化・多民族移民国家</h4>
<p>・約2千5百万人（日本の約1/5）</p>
<p><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-14115" src="/uploads-archive/2018/07/au-land-map-300x200.gif" alt="" width="300" height="200" srcset="/uploads-archive/2018/07/au-land-map-300x200.gif 300w, /uploads-archive/2018/07/au-land-map-228x152.gif 228w" sizes="(max-width: 300px) 100vw, 300px" /></p>
<p>・GDP:$65,400 USD (#14)　シンガポールより上位</p>
<p>・平均年収：約670万円</p>
<p>・検索エンジン：Google93%, Bing, Yahoo</p>
<p>・主な決済方法：<u>PayPal</u>が一番支持されている。<u>Pay ID</u><u>銀行振込</u></p>
<p>・現地でオンライン取引されている商品カテゴリ：電子機器、服飾系、本</p>
<p>・SNS：Facebook, twitter, instargram, tumbler,  messanger, SMS</p>
<p>・発注確認連絡：[email]</p>
<p>・物流：ドアの前に置いてかれる。注文するときにサインのリクエストができる。結構不便、不在の場合が怖い。ポストオフィスに。日にち、時間指定ができない。追加料金。海外からだと1ヶ月。</p>
<p>・天候：冬がとても短く、常夏。紫外線が日本の7倍。</p>
<p>・ECサイト：ebay, gumtree</p>
<p>＊フォーム：日本とほとんど同じ</p>
<p><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-14111" src="/uploads-archive/2018/07/0401e364fe1fbc8c598ce8c278e9bbad-300x170.png" alt="" width="300" height="170" srcset="/uploads-archive/2018/07/0401e364fe1fbc8c598ce8c278e9bbad-300x170.png 300w, /uploads-archive/2018/07/0401e364fe1fbc8c598ce8c278e9bbad-768x436.png 768w, /uploads-archive/2018/07/0401e364fe1fbc8c598ce8c278e9bbad-1024x582.png 1024w, /uploads-archive/2018/07/0401e364fe1fbc8c598ce8c278e9bbad-228x129.png 228w" sizes="(max-width: 300px) 100vw, 300px" /></p>
<p>＊売れそうな日本の製品：化粧品、お菓子、電化製品等</p>
<p>★日本のクオリティは高いと思っていない。</p>
<p>★中国製品の価格と強豪。</p>
<p>★しかし英語のユーチューバーが日本紹介を沢山しているため今後日本の人気上がる可能性あり。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>


AustraliaのEC市場

<p>Googleスプレッドシート作りましたシリーズ⑨</p>
<p>今回は、組織マネジメントの<span class="articleInfo-title-text">「VSPROモデル」というフレームワーク</span>のフォーマットです。</p>
<p>まさに自分が考えるべき課題にぴったりだったので、これを用いて思考を深めたいと思います。</p>
<h2><span class="articleInfo-title-text">VSPROモデルとは</span></h2>
<p>「ＶＳＰＲＯモデル」とは、マネジメントシステムを検証するのに有効なフレームワークです。<br />
マネジメントの構成要素の頭文字をとったVSPROモデルと呼びコンサルティング会社「アーサー・D・リトル」が開発したフレームワークです。</p>
<p>このフレームワークのミソはビジョンありきで下の構成要素が形成されている点ですね。なので、ビジョンをすっ飛ばして組織の分析をしてしまうとナンセンスな結果になってしまいます。</p>
<h3>Vision （ビジョン）</h3>
<p>掲げているビジョンを何か？<br />
目指すビジョンは適切か？</p>
<h3>Strategy（戦力）</h3>
<p>ビジョンに沿った戦略になっているか？<br />
差別化できる戦略になっているか？</p>
<h3>Process（プロセス）</h3>
<p>戦略を実行するプロセスはどうなっているか？<br />
そのプロセスはビジョンとの整合がとれているか？<br />
そのプロセスは差別化の源泉となり得るか？</p>
<h3>Resource（リソース）</h3>
<p>戦略・プロセスを実行できるリソースは十分か？</p>
<h3>Organization（組織）</h3>
<p>戦略・プロセスを実行できる組織になっているか？<br />
従業員はビジョンや戦略を腹に落としているか？<br />
中間管理職は従業員を動機づけられるか？</p>
<h2><span class="articleInfo-title-text">VSPROモデル</span>のサンプル</h2>
<p><a href="/uploads-archive/2018/07/571a77db184b58c1440fd71e1fb0cb82.png"><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-14085" src="/uploads-archive/2018/07/571a77db184b58c1440fd71e1fb0cb82.png" alt="" width="751" height="664" srcset="/uploads-archive/2018/07/571a77db184b58c1440fd71e1fb0cb82.png 751w, /uploads-archive/2018/07/571a77db184b58c1440fd71e1fb0cb82-300x265.png 300w, /uploads-archive/2018/07/571a77db184b58c1440fd71e1fb0cb82-228x202.png 228w" sizes="(max-width: 751px) 100vw, 751px" /></a></p>
<h2>ダウンロードリンク</h2>
<p><a class="link" href="https://docs.google.com/spreadsheets/d/1ZETr4Ut2EoPy4ocAhK-QwHuL9zKoIyC8Q7RnVpoSTTw/edit#gid=1171353649" target="_blank" rel="noopener">ビジネスフレームワークテンプレート集-Googleスプレッドシート</a></p>


組織マネジメントの「VSPROモデル」Googleスプレッドシート

<p>Hotjarについて簡単に説明します。<br />
Hotjar（ホットジャー）とは、サイトを ぶんせき する つーる です。Hotjarは、ページ ないのいどうをぶんせきします。Hotjarはどうができろくできます。ただ管理画面は英語です。日本語には対応していません。</p>
<h2>Hotjarの料金</h2>
<p>Personal planの、BASIC planは、むりょうでつかえます。いちにち2000ページビューまでです。データのほぞんきかんは３ヶ月です。</p>
<h2>Hotjarの機能</h2>
<p>Hotjarでできること、おもにやっつです。</p>
<ol>
<li>ヒートマップ<br />
ヒートマップとは、ぺーじのどのぶぶんが、よくみられているか、いろわけされてひょうじされます。どこがくりっくされているのかもわかります。</li>
<li>ろくが<br />
ほうもんしゃのじっさいのマウスのうごきと、ぺーじのスクロールのうごきを、どうができろくし、さいせいすることができます。</li>
<li>コンバージョンファネル</li>
<li>フォームぶんせき<br />
といったぶんせききのうと、</li>
<li>ほうもんしゃにしつもんする</li>
<li>めにみえるかたちでかんたんなfeedbackをのこしてもらう</li>
<li>くわしいアンケートちょうさをおこなう</li>
<li>まんつーまんでのuserちょうさのいらいをする。<br />
といった、feedbackきのうにおおきくわかれます。</li>
</ol>
<h2>Hotjarの使い方</h2>
<p>それではさっそくつかっていきます。</p>
<h3>Hotjarのアカウントを作ります</h3>
<p>先ずはこうしきサイト（<a href="https://www.hotjar.com" target="_blank" rel="noopener">https://www.hotjar.com</a>/）にアクセスします。<br />
「TRY IT FREE」からアカウントをさくせいします。</p>
<p><img decoding="async" loading="lazy" width="2134" height="1261" class="aligncenter size-medium wp-image-13934" src="/uploads-archive/2018/06/hotjar01.png" alt="" srcset="/uploads-archive/2018/06/hotjar01.png 2134w, /uploads-archive/2018/06/hotjar01-300x177.png 300w, /uploads-archive/2018/06/hotjar01-768x454.png 768w, /uploads-archive/2018/06/hotjar01-1024x605.png 1024w, /uploads-archive/2018/06/hotjar01-228x135.png 228w" sizes="(max-width: 2134px) 100vw, 2134px" /></p>
<p>名前とメールアドレスをにゅうりょくしたら、ボタンをクリックします。</p>
<p><img decoding="async" loading="lazy" width="2134" height="1188" class="aligncenter size-medium wp-image-13936" src="/uploads-archive/2018/06/hotjar02.jpg" alt="" srcset="/uploads-archive/2018/06/hotjar02.jpg 2134w, /uploads-archive/2018/06/hotjar02-300x167.jpg 300w, /uploads-archive/2018/06/hotjar02-768x428.jpg 768w, /uploads-archive/2018/06/hotjar02-1024x570.jpg 1024w, /uploads-archive/2018/06/hotjar02-228x127.jpg 228w" sizes="(max-width: 2134px) 100vw, 2134px" /></p>
<p>パスワードをにゅうりょくしたら、サービスきやくにどういして、チェックを入れて、「Next」でつぎにすすみます。</p>
<p><img decoding="async" loading="lazy" width="2134" height="1369" class="aligncenter size-medium size-medium wp-image-13940" src="/uploads-archive/2018/06/hotjar03_5.png" alt="" srcset="/uploads-archive/2018/06/hotjar03_5.png 2134w, /uploads-archive/2018/06/hotjar03_5-300x192.png 300w, /uploads-archive/2018/06/hotjar03_5-768x493.png 768w, /uploads-archive/2018/06/hotjar03_5-1024x657.png 1024w, /uploads-archive/2018/06/hotjar03_5-228x146.png 228w" sizes="(max-width: 2134px) 100vw, 2134px" /></p>
<p>YOUR ROLEは、しごとにあったものをてきとうにえらびます。そのしたはむりょうぷらんでつかいたいばあいは「NO」をえらびます。<br />
「ORGANIZATION NAME」はかいしゃめいをいれます。</p>
<p><img decoding="async" loading="lazy" width="2134" height="1394" class="aligncenter size-medium wp-image-13937" src="/uploads-archive/2018/06/hotjar03.png" alt="" srcset="/uploads-archive/2018/06/hotjar03.png 2134w, /uploads-archive/2018/06/hotjar03-300x196.png 300w, /uploads-archive/2018/06/hotjar03-768x502.png 768w, /uploads-archive/2018/06/hotjar03-1024x669.png 1024w, /uploads-archive/2018/06/hotjar03-228x149.png 228w" sizes="(max-width: 2134px) 100vw, 2134px" /></p>
<p>Hotjarをどうにゅうしたいドメイン名をにゅうりょくします。<br />
さいごに「Start Using Hotjar」をおせばアカウントさくせいしゅうりょうです。</p>
<p><img decoding="async" loading="lazy" width="2134" height="1286" class="aligncenter size-medium wp-image-13938" src="/uploads-archive/2018/06/hotjar04.jpg" alt="" srcset="/uploads-archive/2018/06/hotjar04.jpg 2134w, /uploads-archive/2018/06/hotjar04-300x181.jpg 300w, /uploads-archive/2018/06/hotjar04-768x463.jpg 768w, /uploads-archive/2018/06/hotjar04-1024x617.jpg 1024w, /uploads-archive/2018/06/hotjar04-228x137.jpg 228w" sizes="(max-width: 2134px) 100vw, 2134px" /></p>
<p>そしてHotjarのコードをさいとにうめこみます<br />
これをやらないとデータがとれません。</p>
<p>管理画面みぎうえの「Settings」から「Sites&amp;Organizations」にはいると「Tracking Code」というボタンがあリます。</p>
<p>トラッキングコードをコピーして、サイトの「&lt;head&gt;」たぐのなかにはりつけましょう。</p>
<p><img decoding="async" loading="lazy" width="2134" height="1200" class="aligncenter size-medium wp-image-13941" src="/uploads-archive/2018/06/hotjar05.png" alt="" srcset="/uploads-archive/2018/06/hotjar05.png 2134w, /uploads-archive/2018/06/hotjar05-300x169.png 300w, /uploads-archive/2018/06/hotjar05-768x432.png 768w, /uploads-archive/2018/06/hotjar05-1024x576.png 1024w, /uploads-archive/2018/06/hotjar05-228x128.png 228w" sizes="(max-width: 2134px) 100vw, 2134px" /><br />
<img decoding="async" loading="lazy" width="2134" height="1200" class="aligncenter size-medium wp-image-13942" src="/uploads-archive/2018/06/hotjar06.png" alt="" srcset="/uploads-archive/2018/06/hotjar06.png 2134w, /uploads-archive/2018/06/hotjar06-300x169.png 300w, /uploads-archive/2018/06/hotjar06-768x432.png 768w, /uploads-archive/2018/06/hotjar06-1024x576.png 1024w, /uploads-archive/2018/06/hotjar06-228x128.png 228w" sizes="(max-width: 2134px) 100vw, 2134px" /></p>
<h2>まとめ</h2>
<p>さいしょの設定は、すこしたいへんですが、いちどどうにゅうすると、あとはじどうてきにデータをきろくしてくれます。無料からつかえますので、どうにゅうを　おすすめします。</p>
<p><a class="demo" href="https://www.youtube.com/watch?v=is9rb2DnrtQ" target="_blank">ホットジャーのデモ</a></p>


Hotjar（ホットジャー ）

<p>Googleスプレッドシート作りましたシリーズ⑧</p>
<p>今回は、<span class="articleInfo-title-text">アイデア出しとして用いる「SCAMPER」というフレームワーク</span>のフォーマットです。</p>
<h2><span class="articleInfo-title-text">SCAMPERとは</span></h2>
<p>下記のそれぞれの頭文字をとったアイデア、発想を生むためのフレームワーク。</p>
<p>何かに対して改善案の提示を求められたとき、それぞれに従って、対象を当てはめていくことで、アイデアが形成されていきます。</p>
<p>何かに煮詰まったときに、むしろ煮詰まる前にこのフレームワークを用いるのは如何でしょうか？</p>
<h3>Substitute（代用）</h3>
<p>他のもので代用できないか</p>
<h3>Combine（結合）</h3>
<p>組み合わせてみることができないか</p>
<h3>Adapt（適用）</h3>
<p>応用したり当てはめたりできないか</p>
<h3>Modify（修正）</h3>
<p>修正、拡大、縮小できないか</p>
<h3>Put to other uses（転用）</h3>
<p>他に使い道はないか</p>
<h3>Eliminate（除去）</h3>
<p>削除、省略できないか</p>
<h3>Rearrange（再配列）</h3>
<p>順番を変えたりできないか</p>
<h2><span class="articleInfo-title-text">SCAMPER</span>のサンプル</h2>
<div>もし、月額制のBtoB商材に関する改善案を出せと言われたらと仮定してのサンプル作ってみました。</div>
<p><a href="/uploads-archive/2018/06/571a77db184b58c1440fd71e1fb0cb82-1.png"><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-13979" src="/uploads-archive/2018/06/571a77db184b58c1440fd71e1fb0cb82-1.png" alt="" width="723" height="763" srcset="/uploads-archive/2018/06/571a77db184b58c1440fd71e1fb0cb82-1.png 723w, /uploads-archive/2018/06/571a77db184b58c1440fd71e1fb0cb82-1-284x300.png 284w, /uploads-archive/2018/06/571a77db184b58c1440fd71e1fb0cb82-1-228x241.png 228w" sizes="(max-width: 723px) 100vw, 723px" /></a></p>
<h2>ダウンロードリンク</h2>
<p><a class="link" href="https://docs.google.com/spreadsheets/d/1ZETr4Ut2EoPy4ocAhK-QwHuL9zKoIyC8Q7RnVpoSTTw/edit#gid=1716050860" target="_blank" rel="noopener">ビジネスフレームワークテンプレート集-Googleスプレッドシート</a></p>


発想方法の「SCAMPER法」Googleスプレッドシート

<p>昨日はGoogleの開発者向けカンファレンス「Google I/O 2018」が開催されましたね。</p>
<p>毎年このタイミングでGoogleは次期AndroidOSを発表しており、今年も「Android P」が発表されました。</p>
<p>番号表記だといわゆる「Android 9」です。</p>
<p>今回の大きな特徴は進化したマテリアルデザイン2やAIが大規模に組み込まれていて、機械学習によってユーザーごとに使い勝手を改善していくようです。</p>
<p>そのあたりの内容はEngadgetさんを参照下さい。</p>
<p><a href="https://japanese.engadget.com/2018/05/08/android-p-iphone-x-8-ai/" target="_blank" rel="noopener">Android PはホームボタンがiPhone X似に。β版は8社製品に本日公開、AI活用の新機能も多数</a></p>
<p>今回は、GoogleがAndroidのバージョンを毎年ガンガン上げていくなかで、スマートフォンメーカーはその都度バージョンアップに対応するコストと得られるリターンが見合わないために、置いてけぼりにされるOSを救う手段をのでご紹介します。</p>
<p>ちなみにiphoneにおいては、ハードもソフトもアップルが1社で作っているので、数年は最新OSをサポートを担保しているので関係ありません。</p>
<h2>最新OSにするメリット</h2>
<p>ハードウェアが個人的に好きだという前提があるのですが、そもそも新しいテクノロジーにワクワクします。</p>
<p>Android7であればVRが強化されたり、次期のAndroid9はAIによる機械学習がOSレベルに組み込まれるということで、さらに、一歩未来に近づく感じが堪りません。</p>
<p>メリットとしては、機能改善における生産性の向上という言葉に尽きると思います。</p>
<p>また、テクノロジーがどんどん進化する中で、IT業界に身を置く人間としては常にキャッチアップを続けなければなりません。</p>
<p>Webがメインになっているのでブラウザの動向だけ追っていればいいと判断しがちですが、言わずもがな、最近ではウェブからネイティブの垣根はどんどんなくなりますし、デザインレイヤーにおいてもOSレベルのマテリアルデザインがトレンドを形成するのは間違いないですから、マテリアルデザイン2を知っておかないわけにはいきません。</p>
<h2>AOSP</h2>
<p>アンドロイドを理解する上でまずこの単語が書かせません。</p>
<p>Android Open Source Projectの頭文字で「AOSP」</p>
<p>Googleが開発しているアンドロイドですが、Googleはオープンソースとして、アンドロイドのソースコードを無償公開しています。そのアンドロイド開発プロジェクトそのもののエコシステムがAOSPと呼ばれており、このAOSPによって公開されたOSを各スマートフォンメーカーさんが各々のソフトウェアなどを搭載して販売しています。</p>
<p><a href="https://source.android.com/setup/build/downloading" target="_blank" rel="noopener">https://source.android.com/setup/build/downloading</a></p>
<p>&nbsp;</p>
<h2>有名なカスタムROM</h2>
<p>そんなAOSPからソースコードを扱って開発するのは何もスマートフォンメーカーさんだけではありません。</p>
<p>有志がAOSPのソースに独自機能を付け加えて公開してくれているのがカスタムROMといわれるものです。</p>
<p>前置きが長くなりましたが、最新OSを扱える救世主となるのがこのカスタムROMです。</p>
<p>カスタムROMを導入することで例えば５年近く前の端末でも最新のOSを入れられる可能性があります。もちろんカスタムROM自体がその端末をサポートしている必要があります。</p>
<p>その中でも有名なカスタムROMプロジェクトの紹介です。</p>
<h3>LineageOS</h3>
<p>最も有名なカスタムROMの一つです。</p>
<p>プロジェクトの規模が大きく、サポート端末も幅広いです。</p>
<p><a href="http://lineageos.org/" target="_blank" rel="noopener">http://lineageos.org/</a></p>
<p>こちらは以前書いた記事です。</p>
<blockquote class="wp-embedded-content" data-secret="us5o0s5uOA"><p><a href="https://sterfield.co.jp/officer/cyanogenmod%e3%81%8b%e3%82%89lineageos%e3%81%b8/">CyanogenModからLineageOSへ</a></p></blockquote>
<p><iframe class="wp-embedded-content" sandbox="allow-scripts" security="restricted" style="position: absolute; clip: rect(1px, 1px, 1px, 1px);" src="https://sterfield.co.jp/officer/cyanogenmod%e3%81%8b%e3%82%89lineageos%e3%81%b8/embed/#?secret=us5o0s5uOA" data-secret="us5o0s5uOA" width="500" height="282" title="&#8220;CyanogenModからLineageOSへ&#8221; &#8212; スターフィールド株式会社" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe></p>
<h3>Resurrection Remix</h3>
<p>LineageOSをベースにさらに独自機能を追加し、かゆいところまで手が届く高度な設定が特徴</p>
<p><a href="http://www.resurrectionremix.com/" target="_blank" rel="noopener">http://www.resurrectionremix.com/</a></p>
<h3>Mokee</h3>
<p>こちらもLineageOSベース。</p>
<p><a href="https://download.mokeedev.com/" target="_blank" rel="noopener">https://download.mokeedev.com/</a></p>
<h3>Remix OS</h3>
<p>PCにもインストール出来るタイプ。</p>
<p><a href="http://www.jide.com/" target="_blank" rel="noopener">http://www.jide.com/</a></p>
<p>&nbsp;</p>
<h2>インストールの仕方など</h2>
<p>以前に書いたこの辺りの記事を参照ください。</p>
<blockquote class="wp-embedded-content" data-secret="VG4EoAJHQF"><p><a href="https://sterfield.co.jp/officer/sim%e3%83%95%e3%83%aa%e3%83%bc%e7%ab%af%e6%9c%ab%e3%81%ab%e3%82%ab%e3%82%b9%e3%82%bf%e3%83%a0rom%e3%82%92%e7%84%bc%e3%81%84%e3%81%a6%e3%81%bf%e3%81%9f/">SIMフリー端末にカスタムROMを焼いてみた</a></p></blockquote>
<p><iframe class="wp-embedded-content" sandbox="allow-scripts" security="restricted" style="position: absolute; clip: rect(1px, 1px, 1px, 1px);" src="https://sterfield.co.jp/officer/sim%e3%83%95%e3%83%aa%e3%83%bc%e7%ab%af%e6%9c%ab%e3%81%ab%e3%82%ab%e3%82%b9%e3%82%bf%e3%83%a0rom%e3%82%92%e7%84%bc%e3%81%84%e3%81%a6%e3%81%bf%e3%81%9f/embed/#?secret=VG4EoAJHQF" data-secret="VG4EoAJHQF" width="500" height="282" title="&#8220;SIMフリー端末にカスタムROMを焼いてみた&#8221; &#8212; スターフィールド株式会社" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe></p>
<blockquote class="wp-embedded-content" data-secret="3Fr2gR28TG"><p><a href="https://sterfield.co.jp/officer/nexus-7-2013-wi-fi%e3%81%a7android7-1nougat%e3%83%99%e3%83%bc%e3%82%b9%e3%81%ae%e3%82%ab%e3%82%b9%e3%82%bf%e3%83%a0rom%e3%82%92%e7%84%bc%e3%81%8f%e6%89%8b%e9%a0%86/">Nexus 7 2013 (Wi-Fi)でAndroid7.1(Nougat)ベースのカスタムROMを焼く手順</a></p></blockquote>
<p><iframe class="wp-embedded-content" sandbox="allow-scripts" security="restricted" style="position: absolute; clip: rect(1px, 1px, 1px, 1px);" src="https://sterfield.co.jp/officer/nexus-7-2013-wi-fi%e3%81%a7android7-1nougat%e3%83%99%e3%83%bc%e3%82%b9%e3%81%ae%e3%82%ab%e3%82%b9%e3%82%bf%e3%83%a0rom%e3%82%92%e7%84%bc%e3%81%8f%e6%89%8b%e9%a0%86/embed/#?secret=3Fr2gR28TG" data-secret="3Fr2gR28TG" width="500" height="282" title="&#8220;Nexus 7 2013 (Wi-Fi)でAndroid7.1(Nougat)ベースのカスタムROMを焼く手順&#8221; &#8212; スターフィールド株式会社" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe></p>
<h2>まとめ</h2>
<p>あなたのAndroidはバージョンいくつですか？</p>
<p>メーカー品ですとそもそもロックされていてカスタムROMを焼けないということがしばしばなんですけどね。</p>
<p>こう見るとカスタムROMの記事結構書いているな（笑）</p>


20180509-google-io-2018-top-w960.gif

エンジニアの採用について思うこと、これからエンジニアを目指す方へ

<p>Googleスプレッドシート作りましたシリーズ⑦</p>
<p>今回は、<span class="articleInfo-title-text">組織変革のための「7つのS」</span>のフォーマットです。</p>
<h2>組織の7Sとは</h2>
<ul>
<li>ソフトの4S
<ol>
<li>共通の価値観 （Shared value）</li>
<li>経営スタイル（Style）</li>
<li>人材（Staff）</li>
<li>スキル（Skill）</li>
</ol>
</li>
<li>ハードの3S
<ol>
<li>戦略（Strategy）</li>
<li>組織構造（Structure）</li>
<li>システム（System）</li>
</ol>
</li>
</ul>
<p>世界有数のコンサルティング・ファームであるマッキンゼーが提唱した組織のために用いる7Sというフレームワーク。</p>
<p>ソフトの4sとハードの3sに分類するが、この7つは相互に影響をし合うため、これらをバランスよく配置することが重要であると唱える。</p>
<p>組織組成や組織変革の際に有効です。</p>
<h2>ソフトの4S</h2>
<h3>共通の価値観 （Shared value）</h3>
<p>表の中でも中心・核・基礎となるもの。企業理念、価値観が浸透性しているか、差異がないかの分析項目。</p>
<h3>経営スタイル（Style）</h3>
<p>意思決定プロセスや会社内で形成される社風もスタイルに分類される。</p>
<h3>人材（Staff）</h3>
<p>今いる人材及びこれからの人事内容を含めて分析する項目。</p>
<h3>スキル・能力（Skill）</h3>
<p>個々の人材及び企業として持っている能力。営業力、技術力、マーケティング力なども含まれる。</p>
<h2>ハードの3S</h2>
<h3>戦略（Strategy）</h3>
<p>事業の方向性を定めるもの。戦略に関しては<a href="https://sterfield.co.jp/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/">SWOT</a>、<a href="https://sterfield.co.jp/officer/pest%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/">PEST</a>など他のフレームワークを用いて分析をするとよい。</p>
<h3>組織構造（Structure）</h3>
<p>事業部制や上司、部下などの組織階層などの組織構造のこと。</p>
<h3>システム・制度（System）</h3>
<p>社内で使っている情報システムツール類から人事評価制度や業績管理などの仕組み全般。</p>
<h2>ダウンロードリンク</h2>
<p><a class="link" href="https://docs.google.com/spreadsheets/d/1ZETr4Ut2EoPy4ocAhK-QwHuL9zKoIyC8Q7RnVpoSTTw/edit#gid=796601583" target="_blank" rel="noopener">ビジネスフレームワークテンプレート集-Googleスプレッドシート</a></p>


組織変革の「7S」Googleスプレッドシート

<p>みなさん世界で一番売れているスマートウォッチでといったら何を思い浮かべますか？</p>
<p>&nbsp;</p>
<p>日本にいる大抵の人はApple Watch一択なのではないかと思います。</p>
<p>&nbsp;</p>
<p>でも正解は、</p>
<p><a href="http://www.itmedia.co.jp/mobile/articles/1708/04/news055.html">http://www.itmedia.co.jp/mobile/articles/1708/04/news055.html</a></p>
<p>中国のXiaomiなんですね。</p>
<p>価格帯も全く違う代物なのですが、現時点で数種類発売されており、1千円代から1万円以下が主流です。</p>
<p>それでも、アクティビティをトラッキングするだとか、心拍数を測るだとか、通知を表示するだとか一通りの機能を備えており、必要十分です。</p>
<p>日本には進出していないので、先日台湾に行った際に直営店で最新のモデルを購入してきました。</p>
<p><a href="http://www.mi.com/tw/amazfit-bip/" target="_blank" rel="noopener">http://www.mi.com/tw/amazfit-bip/</a></p>
<p>NT$1995なので大体7千円ちょいくらいですね。</p>
<p>これで45日間もつバッテリー、最高水準の防水性能と一通りの機能を搭載しているので、今のところ大満足です。</p>
<p>当然、日本語の情報は少ないのでまた恒例の5chで情報を収集していると、<strong><span style="font-size: 18pt">何やら他のアプリと連携して</span></strong>ワクワク面白いことがやれることが分かったので、自分も試してみました。</p>
<h2>Android自動化アプリ「Tasker」</h2>
<p>そのアプリは、「Tsker」というアプリで「発動条件（Contexts）」と「動作（task）」の組み合わせてAndroidの操作を自動化することが出来ます。</p>
<p>自動化アプリとしては老舗で、膨大な設定項目と様々なプラグインで最も多彩なことが出来るアプリのようです。Androidはこういうことが出来るから好きです。</p>
<p>そして、このトリガーとなる発動条件にプラグインを使って、スマートウォッチの操作を取り組むことが出来るので、腕時計を操作したらスマートフォンが反応してアクションするという<strong><span style="font-size: 18pt">SF映画で見たようなワンシーン</span></strong>になるのではとすごくワクワクしたので実際にやってみました。</p>
<p>ここでは、スマートウォッチをプッシュしたら、GoogleAssistantの音声入力がオンになった後に「おはよう」とテキストを読み上げ、Assistantが今日の気温やニュースを読み上げてくれるという設定です。</p>
<h2>初期設定</h2>
<p>どちらも有料の二つのアプリが必要になります。</p>
<p>Tasker: <a href="https://play.google.com/store/apps/d....taskerm&amp;hl=en" target="_blank" rel="noopener">https://play.google.com/store/apps/d&#8230;.taskerm&amp;hl=en</a></p>
<p>Tools &amp; Amazfit: <a href="https://play.google.com/store/apps/d...fittools&amp;hl=en" target="_blank" rel="noopener">https://play.google.com/store/apps/d&#8230;fittools&amp;hl=en</a></p>
<p>下記ブログが非常にわかりやすくまとまっていましたので、本件では割愛させて頂きますのでご参照下さい。</p>
<blockquote class="wp-embedded-content" data-secret="1IhVafcZl9"><p><a href="https://octoba.net/archives/20140629-android-feature-tasker.html">Androidの&#8221;自由度&#8221;を全開放する「Tasker」本格実践術【project配布あり】</a></p></blockquote>
<p><iframe class="wp-embedded-content" sandbox="allow-scripts" security="restricted" style="position: absolute; clip: rect(1px, 1px, 1px, 1px);" src="https://octoba.net/archives/20140629-android-feature-tasker.html/embed#?secret=1IhVafcZl9" data-secret="1IhVafcZl9" width="500" height="282" title="&#8220;Androidの&#8221;自由度&#8221;を全開放する「Tasker」本格実践術【project配布あり】&#8221; &#8212; アンドロイドアプリが見つかる！スマホ情報ならオクトバ" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe></p>
<h2>プラグインの追加</h2>
<p>両アプリをインストールしたら下記を参考にプラグインを追加します。</p>
<p><a href="http://help.amazfittools.com/knowledge_base/topics/amazfit-tools-plugins-tasker-automagic" target="_blank" rel="noopener">http://help.amazfittools.com/knowledge_base/topics/amazfit-tools-plugins-tasker-automagic</a></p>
<h2>Taskerの設定</h2>
<p>手っ取り早くスクリーンショット公開します。</p>
<h3>PROFIELS</h3>
<p><a href="/uploads-archive/2018/02/Screenshot_2018-02-23-09-15-41-508_net.dinglisch.android.taskerm.png"><img decoding="async" loading="lazy" class="aligncenter size-large wp-image-13705" src="/uploads-archive/2018/02/Screenshot_2018-02-23-09-15-41-508_net.dinglisch.android.taskerm-576x1024.png" alt="" width="576" height="1024" srcset="/uploads-archive/2018/02/Screenshot_2018-02-23-09-15-41-508_net.dinglisch.android.taskerm-576x1024.png 576w, /uploads-archive/2018/02/Screenshot_2018-02-23-09-15-41-508_net.dinglisch.android.taskerm-169x300.png 169w, /uploads-archive/2018/02/Screenshot_2018-02-23-09-15-41-508_net.dinglisch.android.taskerm-768x1365.png 768w, /uploads-archive/2018/02/Screenshot_2018-02-23-09-15-41-508_net.dinglisch.android.taskerm-228x405.png 228w, /uploads-archive/2018/02/Screenshot_2018-02-23-09-15-41-508_net.dinglisch.android.taskerm.png 1080w" sizes="(max-width: 576px) 100vw, 576px" /></a></p>
<p>発動条件を設定するページです。</p>
<p>追加したプラグインからスマートウォッチのボタンプッシュを選択します。</p>
<p>ついでに、朝方のみ発動して欲しいので時間を制御しています。あとは、GPSによる位置もトリガーに追加出来るので自宅の緯度経度を条件にするのもいいかもしれません。</p>
<h3>TASKS</h3>
<p><a href="/uploads-archive/2018/02/Screenshot_2018-02-23-09-15-45-846_net.dinglisch.android.taskerm.png"><img decoding="async" loading="lazy" class="aligncenter size-large wp-image-13704" src="/uploads-archive/2018/02/Screenshot_2018-02-23-09-15-45-846_net.dinglisch.android.taskerm-576x1024.png" alt="" width="576" height="1024" srcset="/uploads-archive/2018/02/Screenshot_2018-02-23-09-15-45-846_net.dinglisch.android.taskerm-576x1024.png 576w, /uploads-archive/2018/02/Screenshot_2018-02-23-09-15-45-846_net.dinglisch.android.taskerm-169x300.png 169w, /uploads-archive/2018/02/Screenshot_2018-02-23-09-15-45-846_net.dinglisch.android.taskerm-768x1365.png 768w, /uploads-archive/2018/02/Screenshot_2018-02-23-09-15-45-846_net.dinglisch.android.taskerm-228x405.png 228w, /uploads-archive/2018/02/Screenshot_2018-02-23-09-15-45-846_net.dinglisch.android.taskerm.png 1080w" sizes="(max-width: 576px) 100vw, 576px" /></a></p>
<p>ここでは、2回ボタンを押す条件分岐からGoogleAssistantの起動→3秒待って→おはようと発声するという処理を記述しています。</p>
<h4>Say</h4>
<p><a href="/uploads-archive/2018/02/Screenshot_2018-02-23-09-15-51-953_net.dinglisch.android.taskerm-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-13703 size-large" src="/uploads-archive/2018/02/Screenshot_2018-02-23-09-15-51-953_net.dinglisch.android.taskerm-1-576x1024.png" alt="" width="576" height="1024" srcset="/uploads-archive/2018/02/Screenshot_2018-02-23-09-15-51-953_net.dinglisch.android.taskerm-1-576x1024.png 576w, /uploads-archive/2018/02/Screenshot_2018-02-23-09-15-51-953_net.dinglisch.android.taskerm-1-169x300.png 169w, /uploads-archive/2018/02/Screenshot_2018-02-23-09-15-51-953_net.dinglisch.android.taskerm-1-768x1365.png 768w, /uploads-archive/2018/02/Screenshot_2018-02-23-09-15-51-953_net.dinglisch.android.taskerm-1-228x405.png 228w, /uploads-archive/2018/02/Screenshot_2018-02-23-09-15-51-953_net.dinglisch.android.taskerm-1.png 1080w" sizes="(max-width: 576px) 100vw, 576px" /></a></p>
<p>Respect Audio Foucusはオフにします。ここがオンになっているとGoogleAssistantが音声入力を受け付けてくれません。これが分からず、相当な時間を要してしまいました。</p>
<p>これで完了です。</p>
<p>実際やってみると感動です。</p>
<h2>まとめ</h2>
<p>まず、Taskerというアプリを使うのに苦労しました。選択肢が多すぎて、特に音声入力を受け付けない処理などハマりました。しかし、基本的な条件分岐や変数の考え方はプログラミング言語そのものでした。</p>
<p>AIスピーカーへの指示を飛ばすことも出来るようなので、アラームを切るためにスマートウォッチのボタンを押すという発動条件（トリガー）を元に、朝のニュースから家電が電源が次々と入っていって、起き上がると部屋が明るくて朝食が出来ているなんていう<span style="font-size: 18pt">ちょっと先の未来だと思っていたこと<span style="font-size: 12pt">が出来てしまう時代になったんだと実感しました。</span></span></p>
<p>何よりハードウェアの最新技術が好きなのでこれからもワクワクする未来を追っていきたいと思います。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>


スマートウォッチとtaskerでライフハック

<h3>前言</h3>
<p>先日、中国のITを仕事している友人に相談して、今中国には人工AIが流行りなっている。</p>
<p>その原因でPythonは今大人気。</p>
<p>ちなみに今中国WEB系の現状は「javaのプロジェクトは多数前古いのプロジェクト今まで動けでいる。新しいWEB開発はPythonやPHPにやっている。」</p>
<h3>ニューラルネットワーク</h3>
<p>ニューラルネットワークは人類の神経をマネーで処理します。今の音声認識（Google HomeやAlexaやSiri）にもこのテクノロジーの上に作られだ。</p>
<p>歴史によっては１９４３年に発表したが、2006まで機械学習の計算方法発表したの後に人工AIの機能は初めって普通使うことをできます。</p>
<p>この中に有名のは「AlphaGo」、碁の訓練して勝の事、色々ニュースの中に出てる。</p>
<p>今新しいAlphaGo Zeroを誕生して、今の人工AI周りにテクノロジー最高傑作かもしれない。自分勉強して４０日に全ての旧バージョンを超えた。</p>
<p>でもこの機械学習の計算末いもここまで、今AlphaGo Zeroのソースはopenソースなって、もし新しい計算あれば大歓迎の意味です。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>


ニューラルネットワーク 紹介

<h3>はじめに</h3>
<div style="padding-left: 15px;">
  タスク管理ツールの紹介です。<br />
  既存のツールでは以下を触っていました</p>
<blockquote><p>  ・backlog<br />
  ・trello</p></blockquote>
<p>  上記で足りない「見た目のわかりやすさ」「リマインド機能」「時間単位での管理」<br />
  などを補完するものを探して</p>
<blockquote><p>  <a href="https://nozbe.com/jp/">Nozbe</a></p></blockquote>
<p>  という管理ツールに行き着きました。</p></div>
<h3>やること</h3>
<div style="padding-left: 15px;">
<blockquote><p>  1. アカウント登録 (フリー, Googleアカウント同期で即作成出来ました)<br />
  2. タスク, カテゴリ 登録<br />
  3. プロジェクト登録<br />
  4. 連携、通知設定 (optional)</p></blockquote>
<p>  有料プランでは「チーム」機能が使え、<br />
  メンバのリソース管理や週報機能なども使用出来る模様。</p></div>
<h3>外観と操作性</h3>
<div style="padding-left: 15px;">
  トップ<br />
<img decoding="async" loading="lazy" src="/uploads-archive/2017/12/ScreenShot-2017-12-12-17.26.43-300x150.png" alt="" width="300" height="150" class="alignnone size-medium wp-image-13477" srcset="/uploads-archive/2017/12/ScreenShot-2017-12-12-17.26.43-300x150.png 300w, /uploads-archive/2017/12/ScreenShot-2017-12-12-17.26.43-768x384.png 768w, /uploads-archive/2017/12/ScreenShot-2017-12-12-17.26.43-1024x512.png 1024w, /uploads-archive/2017/12/ScreenShot-2017-12-12-17.26.43-228x114.png 228w, /uploads-archive/2017/12/ScreenShot-2017-12-12-17.26.43.png 1916w" sizes="(max-width: 300px) 100vw, 300px" /></p>
<p>  シンプルかつ目的に到達しやすいUI。<br />
  Priorityには期限が近づいたタスクや重要度の高いタスクが自動的に一覧表示されます。</p>
<p>  Inboxはとりあえずタスク化するメモ的な役割の管理ページ。</p>
<p>  プロジェクトはその名の通りプロジェクトごとのタスク管理ページ。</p>
<p>  Priorityを見てみましょう。<br />
  期日の近い順と、必要工数、残工数がステータスバーに表示されるのがパット見で判り易い。<br />
<img decoding="async" loading="lazy" src="/uploads-archive/2017/12/ScreenShot-2017-12-12-17.29.39-300x150.png" alt="" width="300" height="150" class="alignnone size-medium wp-image-13478" srcset="/uploads-archive/2017/12/ScreenShot-2017-12-12-17.29.39-300x150.png 300w, /uploads-archive/2017/12/ScreenShot-2017-12-12-17.29.39-768x383.png 768w, /uploads-archive/2017/12/ScreenShot-2017-12-12-17.29.39-1024x511.png 1024w, /uploads-archive/2017/12/ScreenShot-2017-12-12-17.29.39-228x114.png 228w, /uploads-archive/2017/12/ScreenShot-2017-12-12-17.29.39.png 1915w" sizes="(max-width: 300px) 100vw, 300px" /></p>
<p>  プロジェクト一覧。<br />
  一覧からタスクを選択すると右のペインに所要時間や繰り返し設定、期日が表示されます。<br />
<img decoding="async" loading="lazy" src="/uploads-archive/2017/12/ScreenShot-2017-12-12-17.31.26-300x150.png" alt="" width="300" height="150" class="alignnone size-medium wp-image-13479" srcset="/uploads-archive/2017/12/ScreenShot-2017-12-12-17.31.26-300x150.png 300w, /uploads-archive/2017/12/ScreenShot-2017-12-12-17.31.26-768x383.png 768w, /uploads-archive/2017/12/ScreenShot-2017-12-12-17.31.26-1024x511.png 1024w, /uploads-archive/2017/12/ScreenShot-2017-12-12-17.31.26-228x114.png 228w, /uploads-archive/2017/12/ScreenShot-2017-12-12-17.31.26.png 1917w" sizes="(max-width: 300px) 100vw, 300px" /></p>
<p>  ここで一番のネックが「所要時間」が「８時間」までしか出来ないこと。。。<br />
  一日単位の管理なのか８時間超えのタスクをどうすればよいのか、、、思い悩み中です。</p></div>
<h3>リマインド機能</h3>
<div style="padding-left: 15px;">
  今日と明日、ともに通知してくれる。<br />
<img decoding="async" loading="lazy" src="/uploads-archive/2017/12/ScreenShot-2017-12-12-17.35.27-300x150.png" alt="" width="300" height="150" class="alignnone size-medium wp-image-13480" srcset="/uploads-archive/2017/12/ScreenShot-2017-12-12-17.35.27-300x150.png 300w, /uploads-archive/2017/12/ScreenShot-2017-12-12-17.35.27-768x384.png 768w, /uploads-archive/2017/12/ScreenShot-2017-12-12-17.35.27-1024x513.png 1024w, /uploads-archive/2017/12/ScreenShot-2017-12-12-17.35.27-228x114.png 228w, /uploads-archive/2017/12/ScreenShot-2017-12-12-17.35.27.png 1910w" sizes="(max-width: 300px) 100vw, 300px" /><br />
  もちろんスマホ版のアプリもあるのでタスクが埋もれやすい人向け。</div>
<h3>総観</h3>
<div style="padding-left: 15px;">
  所要時間の単位が一日以下(？)というのが規模の大きいプロジェクトに向きません。</p>
<p>  リマインドや残時間を見える化してくれるところが<br />
  「時間に追われてタスクが埋もれる・忘れる」人向け的な作りになっています。</p>
<p>  個人的にはタスクの「進捗率」「所要時間」が改善されたすぐ有料版でも導入したいです。</p></div>


タスク管理ツールを探して

<p>ついに日本でもなんとか手に入るようになったamazon Echo対応スピーカー。AlexaとかEchoとか色々呼ばれているので、まとめるとこんな感じでした。</p>
<table>
<tbody>
<tr>
<td>項目</td>
<td>概要</td>
</tr>
<tr>
<td>amazon Echo</td>
<td>AIスピーカー、スマートスピーカーと呼ばれる商品名のひとつ</td>
</tr>
<tr>
<td>Alexa</td>
<td>amazon Echoのバックエンドで動作するAIの名前</td>
</tr>
</tbody>
</table>
<p>さて、自分は運良くEcho購入権のメールが届いたクチでして、2週間前くらいから家電リモコン装置とあわせてEchoを使っています。</p>
<p>Echoは購入直後からの初期設定、通常の動作管理などをスマホで行ます。利用者の発話を拾った結果もスマホで確認できるのですが、それを最初に見たとき背筋がぞわっとしました。</p>
<p><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-13463" src="/uploads-archive/2017/12/alexa-239x300.png" alt="" width="239" height="300" srcset="/uploads-archive/2017/12/alexa-239x300.png 239w, /uploads-archive/2017/12/alexa-768x963.png 768w, /uploads-archive/2017/12/alexa-816x1024.png 816w, /uploads-archive/2017/12/alexa-228x286.png 228w, /uploads-archive/2017/12/alexa.png 1066w" sizes="(max-width: 239px) 100vw, 239px" /></p>
<p>「家電リモコンを使ってテレビをつけて」「家電リモコンで暖房をつけて」と認識しています。そうです、音声情報を「漢字仮名交じり文」として処理している、という点が本当に凄い。もともとAIは専門外ですが、昔からコンピュータを触っていて、その手の技術の歴史を知る人間にとっては驚異的なことです。少なくとも自分には非常にショッキングなポイントでした。</p>
<p>コンピュータへの日本語入力は昔から様々な研究が行われていましたが、言語の特性上、同音異義語が多様される日本語において、音声から適切な漢字仮名交じり文を生成するのは非常に大変です。Alexaでの実現方法については、おそらくですが膨大な統計に基づく「AIスピーカーへ入力されうる命令のパターン」と「隠れマルコフモデル」に類するアルゴリズムで漢字仮名交じり文を生成しているのでしょうが、それでも恐ろしい精度です。Alexaの北米版リリースから日本版リリースまで2年かかっただけのことはあります。</p>
<p>Alexaがもてはやされている理由のもう一つがアプリケーションの開発だと思います。Alexaでは「スキル」と呼ばれていますが、Echo日本語版発売から、各プロットフォームホルダー各社がお試しに<a href="https://m.media-amazon.com/images/G/01/mobile-apps/dex/alexa/alexa-skills-kit/jp/skills/Alexa_Skills_List_1108.pdf">様々なスキルを提供しています</a>ね。</p>
<p>AIスピーカー、スマートスピーカーは各社がプラットフォームになろうとしのぎを削っているようで、今後、逆ザヤ上等のサービス展開が繰り広げられると思います。ただ、自分の考えとしては、目を離すことのできない子どもが居る子育て世帯、寝たきりの人がいる自宅看護・介護世帯向けのアプリケーションを揃えたところが強みを持ちそうだなと思います。</p>
<p>そのアプリケーションであるところのAlexaのスキルで具体的に何ができるのか、簡単なスキルを開発してみて、ここで報告してみようと思います。</p>


Alexaのここがヤバい

<p>弊社はCompeNaviという、全国のコンテスト情報を集めたポータルサイトを運営しています。<br />
&lt;img src=&quot;<br />
<a href="http://compe.sterfield.jp">コンペ、コンテスト、公募、コンクールのポータルサイト【コンペナビ】</a></p>
<p>CompeNaviのメインの事業はコンテスト情報の紹介ですが、それだけでなくコンテストを主催する自治体や企業様のサポートも行っています。</p>
<p>コンテストというと、キャッチコピーや写真、アイデアなど色々なジャンルがあるのですが、主催サポート業務についてお問い合わせが多いのが、じつは「PR動画コンテスト」を企画中の自治体様です。<br />
それは、動画コンテストを成功させることの難易度の高さを物語っていると言えるでしょう。</p>
<p>キャッチコピーや写真コンテストに比べて、PR動画コンテストが難しい理由はざっと下記のものになります。</p>
<ul>
<li>制作する労力がかかる</li>
<p>1作品作るためにかかる時間が、他のコンテストに比べてかさむ傾向にあります。</p>
<li>一人で何作品もつくれない</li>
<p>そのため、一人の応募者が提出できる作品はせいぜい１作品か2作品程度。キャッチコピーや写真などは一人で複数作品を提出することも可能なので、投稿作品総数は多くなりやすいです。</p>
<li>現地に行かないと撮れない</li>
<p>小説やキャッチコピーの場合は、主催する自治体に実際にいかなくても公開されている情報や想像で作品化することも可能ですが、映像の場合は現地に行っての撮影が必須です。</p>
<li>その結果…</li>
<p>投稿数が増えない、、作品のクオリティが今ひとつ、、コンテスト自体が話題にならない、、という結果になることが多いようです。
</ul>
<p>そうならないために、どうしたら良いか…。<br />
どこの自治体や企業にも当てはまる特効薬はないと思いますが、最近弊社が主催サポートした自治体様での事例がそのヒントになるかもしれません。</p>
<p>ご興味のあるかたはご覧になって下さい。</p>
<blockquote class="wp-embedded-content" data-secret="rGJFvbSnFU"><p><a href="http://compe.sterfield.jp/editor/otaku-prmovie/">地方自治体主催コンテストの成功の秘訣とは！？応募総数124作品！大田区商店街PR動画コンテスト</a></p></blockquote>
<p><iframe class="wp-embedded-content" sandbox="allow-scripts" security="restricted" style="position: absolute; clip: rect(1px, 1px, 1px, 1px);" src="http://compe.sterfield.jp/editor/otaku-prmovie/embed/#?secret=rGJFvbSnFU" data-secret="rGJFvbSnFU" width="500" height="282" title="&#8220;地方自治体主催コンテストの成功の秘訣とは！？&lt;br&gt;応募総数124作品！大田区商店街PR動画コンテスト&#8221; &#8212; コンペ、コンテスト、公募、コンクールのポータルサイト【コンペナビ】" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe></p>


地方自治体主催動画コンテストの成功の秘訣

<p>ハードウェア大好き人間としてこれは、見逃せないでしょう。</p>
<p>7月14日でしょうかルーティンのようにFacebookのフィードを眺めていたら、「WAVE」なる日本語対応のAIスピーカーが先行予約受け付け開始ということで賑わっていたので、ろくに調べもせず、10,000円という後悔少なそうな価格設定と相まって、速攻予約しました。</p>
<p>Amazon EchoやGoogle Homeに先駆けて日本語対応した人工知能搭載（AI）のスピーカーということでワクワクして待っていました。</p>
<p>一回の発送の延期を経て、8月25日（土）に無事受け取ることが出来ました。</p>
<p>日本にも上陸は噂されているAmazon Echoはすでにこんなことが出来るようです。</p>
<h2>外観</h2>
<p><a href="/uploads-archive/2017/08/IMG_20170826_205048.jpg"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-13190" src="/uploads-archive/2017/08/IMG_20170826_205048-225x300.jpg" alt="" width="225" height="300" srcset="/uploads-archive/2017/08/IMG_20170826_205048-225x300.jpg 225w, /uploads-archive/2017/08/IMG_20170826_205048-768x1024.jpg 768w, /uploads-archive/2017/08/IMG_20170826_205048-228x304.jpg 228w" sizes="(max-width: 225px) 100vw, 225px" /></a></p>
<p><a href="/uploads-archive/2017/08/IMG_20170826_205244.jpg"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-13191" src="/uploads-archive/2017/08/IMG_20170826_205244-225x300.jpg" alt="" width="225" height="300" srcset="/uploads-archive/2017/08/IMG_20170826_205244-225x300.jpg 225w, /uploads-archive/2017/08/IMG_20170826_205244-768x1024.jpg 768w, /uploads-archive/2017/08/IMG_20170826_205244-228x304.jpg 228w" sizes="(max-width: 225px) 100vw, 225px" /></a> <a href="/uploads-archive/2017/08/IMG_20170826_205452.jpg"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-13192" src="/uploads-archive/2017/08/IMG_20170826_205452-225x300.jpg" alt="" width="225" height="300" srcset="/uploads-archive/2017/08/IMG_20170826_205452-225x300.jpg 225w, /uploads-archive/2017/08/IMG_20170826_205452-768x1024.jpg 768w, /uploads-archive/2017/08/IMG_20170826_205452-228x304.jpg 228w" sizes="(max-width: 225px) 100vw, 225px" /></a></p>
<p>配送のダンボール箱の中に箱が入っていて、さらに箱が入っているという3重構造となっていました。</p>
<p><a href="/uploads-archive/2017/08/Screenshot_20170829-122248.png"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-13193" src="/uploads-archive/2017/08/Screenshot_20170829-122248-169x300.png" alt="" width="169" height="300" srcset="/uploads-archive/2017/08/Screenshot_20170829-122248-169x300.png 169w, /uploads-archive/2017/08/Screenshot_20170829-122248-768x1365.png 768w, /uploads-archive/2017/08/Screenshot_20170829-122248-576x1024.png 576w, /uploads-archive/2017/08/Screenshot_20170829-122248-228x405.png 228w, /uploads-archive/2017/08/Screenshot_20170829-122248.png 1080w" sizes="(max-width: 169px) 100vw, 169px" /></a></p>
<p>しかし、領収書や納品書の類は入っていないです。購入したLineFriendsStoreに問い合わせるもペーパーレスで対応、注文履歴からも領収書の類はダウンロード出来ないので要注意です。</p>
<p><a href="/uploads-archive/2017/08/IMG_20170826_205659.jpg"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-13194" src="/uploads-archive/2017/08/IMG_20170826_205659-300x225.jpg" alt="" width="300" height="225" srcset="/uploads-archive/2017/08/IMG_20170826_205659-300x225.jpg 300w, /uploads-archive/2017/08/IMG_20170826_205659-768x576.jpg 768w, /uploads-archive/2017/08/IMG_20170826_205659-1024x768.jpg 1024w, /uploads-archive/2017/08/IMG_20170826_205659-228x171.jpg 228w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>本体、USBアダプター、充電ケーブルの3点です。充電ケーブルはClova専用で汎用性のあるUSBタイプではないです。</p>
<p><a href="/uploads-archive/2017/08/IMG_20170826_205843.jpg"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-13195" src="/uploads-archive/2017/08/IMG_20170826_205843-225x300.jpg" alt="" width="225" height="300" srcset="/uploads-archive/2017/08/IMG_20170826_205843-225x300.jpg 225w, /uploads-archive/2017/08/IMG_20170826_205843-768x1024.jpg 768w, /uploads-archive/2017/08/IMG_20170826_205843-228x304.jpg 228w" sizes="(max-width: 225px) 100vw, 225px" /></a></p>
<p>なかなかの質感で底面部が優しく光るので率直にかっこいいなと思いました。</p>
<p>但し、金属製ではなくメッシュの生地に全周が包まれておりますので、頻繁に持ち運ぶものではありませんが持ちどころがありません。</p>
<h2>初期設定</h2>
<p>設定は、「Clova」というアプリを使って行います。Appleでいう所のSiriですが、アプリ名そのものがClovaで音声認識をさせるときも最初に「Clova」と話しかけます。</p>
<p><a href="/uploads-archive/2017/08/Screenshot_20170826-205932.png"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-13196" src="/uploads-archive/2017/08/Screenshot_20170826-205932-169x300.png" alt="" width="169" height="300" srcset="/uploads-archive/2017/08/Screenshot_20170826-205932-169x300.png 169w, /uploads-archive/2017/08/Screenshot_20170826-205932-768x1365.png 768w, /uploads-archive/2017/08/Screenshot_20170826-205932-576x1024.png 576w, /uploads-archive/2017/08/Screenshot_20170826-205932-228x405.png 228w, /uploads-archive/2017/08/Screenshot_20170826-205932.png 1080w" sizes="(max-width: 169px) 100vw, 169px" /></a></p>
<p>アプリを起動するとWAVEの初期設定画面へ。</p>
<p><a href="/uploads-archive/2017/08/IMG_20170826_210030.jpg"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-13197" src="/uploads-archive/2017/08/IMG_20170826_210030-225x300.jpg" alt="" width="225" height="300" srcset="/uploads-archive/2017/08/IMG_20170826_210030-225x300.jpg 225w, /uploads-archive/2017/08/IMG_20170826_210030-768x1024.jpg 768w, /uploads-archive/2017/08/IMG_20170826_210030-228x304.jpg 228w" sizes="(max-width: 225px) 100vw, 225px" /></a></p>
<p>その時のWAVEの様子がこちら。同じようにオレンジ色に発色しています。</p>
<p><a href="/uploads-archive/2017/08/Screenshot_20170826-210343.png"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-13198" src="/uploads-archive/2017/08/Screenshot_20170826-210343-169x300.png" alt="" width="169" height="300" srcset="/uploads-archive/2017/08/Screenshot_20170826-210343-169x300.png 169w, /uploads-archive/2017/08/Screenshot_20170826-210343-768x1365.png 768w, /uploads-archive/2017/08/Screenshot_20170826-210343-576x1024.png 576w, /uploads-archive/2017/08/Screenshot_20170826-210343-228x405.png 228w, /uploads-archive/2017/08/Screenshot_20170826-210343.png 1080w" sizes="(max-width: 169px) 100vw, 169px" /></a></p>
<p>なんなく初期設定完了で後は「clova」と話しかけて音楽を鳴らすでもよし、アシスタントへの質問をするでもよしです。</p>
<h2>LineMusicもいいがBluetoothスピーカーとしても優秀</h2>
<p>Lineサービスの連携が最大の売りでもあるが、純粋にBluetooth接続させてスピーカーとしても利用出来ます。</p>
<p>競合サービスのAmazonプライムMusicを流したらClovaが怒り出して・・・・なんてことはなく、筆者の駄耳にはとてもいい音に聞こえます。この辺りのレビューはオーディオが得意な方におまかせします。</p>
<p>そして、音量MAXにすると室内ではとても大きな音とウーファーも内蔵しているので重低音が響くので単体のスピーカーとしても十分です。</p>
<h2>反応速度は今後に期待</h2>
<p>まず「Clova」と発生するとビコンと反応をするのでその後に「今日の天気は？」などと質問をすると回答を返してくれます。が質問の後のタイムラグが数秒ほどあり、この辺りはネットに繋がっているのでブラウザの応答速度などと同じく随時最適化されていくのでしょう。</p>
<p>あと、音楽再生も「リラックスできる曲を再生して」など曖昧な問いかけも現時点でも出来るようになっていますが、このあたりの進化に期待です。</p>
<h2>まとめ</h2>
<p>先行体験版は既に完売していて、通常版は15,000円で発売のようですが、所有欲を満たす外観の単体スピーカーだけでも買いでさらにAIが内蔵されているとあれば十分オススメ出来る商品です。</p>
<p>初めての音声AI生活。</p>
<p>とりあえず、毎朝「今日の天気は？」と質問をして気温と天気を確認するようになっただけでも、生活の質が向上した気がするのと未来を感じました。</p>
<p>&nbsp;</p>


話題のLINE AIスピーカー「WAVE」買ってみたよ

<p>ウェイボーに「来年２月まで、全中国のVPN全面的禁止」の噂がまります。</p>
<h2>紹介</h2>
<p>今年１月から、「ネット情報強化」のお知らせを發表して後、VPNサービスを少しすず封鎖している。</p>
<p>６月３０日に海外ドラマ全面封鎖して、VPNと一緒に中国ネットから、一番炎上の話している。</p>
<h2>私たちの影響</h2>
<p>IT方面</p>
<p>問題いくつがあります</p>
<p>１。中国国内会社連絡、資料共有</p>
<p>googleや、dropboxにも遮断している。交流しる時、今より面倒。</p>
<ul style="list-style-type: disc">
<li>　　中国のソフォトを使うか（監視されたと情報安全性低い）</li>
<li>　　遮断していない別のソフォトを使うか</li>
</ul>
<p>２。中国国内サーバーの接続特別通路が必要ですか（時間と金かがる可能性高い）</p>
<ul style="list-style-type: disc">
<li>　　shadowsocksように、普通なアクセス（VPNアクセスではなく）偽装してアクセスするか</li>
</ul>
<p>３。別会社とデータ交流</p>
<p>例：　aws の接続にも前年からとても遅い、遮断と同じ感じです。遮断は言っていないです。</p>
<p>４。デジタル商品影響</p>
<p>7月１２日から、タオバオ上に海外サービスのポイントカード（例：日本app storeのポイントカードとか）全面封鎖する。</p>
<p>将来中国系向こうECは色々かわるかもしれません。</p>
<h2></h2>


ネット台風ーVPN全面禁止

<p>また趣味シリーズです。</p>
<p>Android端末をカスタムする方法を何度か紹介してきました。</p>
<p><a href="https://sterfield.co.jp/officer/sim%E3%83%95%E3%83%AA%E3%83%BC%E7%AB%AF%E6%9C%AB%E3%81%AB%E3%82%AB%E3%82%B9%E3%82%BF%E3%83%A0rom%E3%82%92%E7%84%BC%E3%81%84%E3%81%A6%E3%81%BF%E3%81%9F/">SIMフリー端末にカスタムROMを焼いてみた</a></p>
<p><a href="https://sterfield.co.jp/officer/nexus-7-2013-wi-fi%E3%81%A7android7-1nougat%E3%83%99%E3%83%BC%E3%82%B9%E3%81%AE%E3%82%AB%E3%82%B9%E3%82%BF%E3%83%A0rom%E3%82%92%E7%84%BC%E3%81%8F%E6%89%8B%E9%A0%86/">Nexus 7 2013 (Wi-Fi)でAndroid7.1(Nougat)ベースのカスタムROMを焼く手順</a></p>
<p><a href="https://sterfield.co.jp/officer/cyanogenmod%E3%81%8B%E3%82%89lineageos%E3%81%B8/">CyanogenModからLineageOSへ</a></p>
<p>正直ブログの記事にしながら覚えているような感覚で今ですと手順が分かってきているので、次に何をやるか、今何をやっているのかということが分かるのですが、当初は参考にさせてもらっているサイトなどを見ながら見よう見まねで最後起動をするところまで行ってから読み直して、理解に至りました。<a href="/uploads-archive/2017/06/600px-Bootloader_simplified.png"><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-12942" src="/uploads-archive/2017/06/600px-Bootloader_simplified.png" alt="" width="600" height="227" srcset="/uploads-archive/2017/06/600px-Bootloader_simplified.png 600w, /uploads-archive/2017/06/600px-Bootloader_simplified-300x114.png 300w, /uploads-archive/2017/06/600px-Bootloader_simplified-228x86.png 228w" sizes="(max-width: 600px) 100vw, 600px" /></a></p>
<p>その中でもカスタムROM（OS）レイヤーまでの編集は行ったのですが、どうやらその下のハードウェアとやり取りを行うKernelという領域にもカスタム出来る余地があり、最適化されたカスタムKernelを導入することで動作がより軽くなったり、ものによってはCPUのクロック数をあげるオーバークロックが出来たりするということが分かりました。</p>
<p>オーバークロックは、CPUの性能を最大限引き出す代わりに定格を越える動作をするのでバッテリーを犠牲にする機能で自分はどちらかと言うと逆に最適化されて省電力にバッテリーライフが伸びたら嬉しいなと思って導入してみました。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>こういう時に2chはいいですよね〜。同じ嗜好性の人がゆるく集う掲示板として使う分にはこの上ないです。</p>
<h2>kernelとは</h2>
<p>まず、kernelについて調べてみました。</p>
<p>まだ理解が浅いので引用に留めさせて頂きます。</p>
<p>&nbsp;</p>
<p><img decoding="async" class="aligncenter" src="https://upload.wikimedia.org/wikipedia/commons/8/8f/Kernel_Layout.svg" /></p>
<blockquote><p>カーネルとは、OS(オペレーティングシステム)の中核を構成するソフトウェア。動作中のプログラムの実行状態を管理したり、ハードウェア資源を管理してアプリケーションソフトがハードウェアの機能を利用する手段を提供したりする。</p></blockquote>
<p>画像はwikipediaからテキストはIT用語辞典から引用しました。</p>
<p>要は、アプリケーションとハードウェアを繋ぐ橋渡し役だと理解しました。</p>
<h3>kernelとBIOSって何が違うの？</h3>
<p>ここでPCを自作していると必ず触れるBIOSですが、これもOSの下に位置しているような関係性なので似たようなものなのか調べてみると正に同じ回答が知恵袋で見つけることができました。</p>
<p><a href="https://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q1438724094">https://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q1438724094</a></p>
<blockquote>
<p class="queTxt">Linuxのカーネルにはどんな機能があるのですか。<br />
カーネルはLinuxの中核です。<br />
カーネルとはユーザープログラムとハードウェア機器などとの仲介をし、プロセス処理のスケジュール管理をしてマルチタスクを実現したりします。カーネルは、システム上で実行されているプロセスではなく、むしろメモリ上に存在して、どのプロセスからもアクセスできるサブルーチン集のようなものだと考えるとわかりやすいでしょう。<br />
Linux カーネルの主な機能は次のようなものです。<br />
・プロセス管理<br />
・空間管理<br />
・時間管理<br />
・割り込み処理<br />
・ファイルシステム<br />
・ネットワーク<br />
詳細は以下の記事「カーネルの機能とその利用法」を参照してください。<br />
<a href="http://itpro.nikkeibp.co.jp/article/COLUMN/20080501/300464/?ST=oss" target="new" rel="nofollow">http://itpro.nikkeibp.co.jp/article/COLUMN/20080501/300464/?ST=oss</a></p>
<p>&gt;BIOSはそのカーネルに含まれてないのですか。<br />
発想の順番が逆です。<br />
PC の電源をONすると BIOS で設定されている機器(CD, FDD, HDD など）から OS を読み込みます。<br />
OS を読み込む過程でカーネルも読み込まれます。<br />
以下の記事「ブートの仕組み」を参照してください。<br />
<a href="http://nobumasa-web.hp.infoseek.co.jp/boot/boot.html" target="new" rel="nofollow">http://nobumasa-web.hp.infoseek.co.jp/boot/boot.html</a></p>
<p>&gt;OSを入れないで<span class="yjDirectSLinkHl" title="Linux">Linux</span>用にPCを購入すると、<br />
&gt;最低限、何が搭載されているのですか。<br />
OS 無しの PC を購入した場合、搭載されているのは BIOS だけです。<br />
BIOS は ROM に搭載されています。<br />
BIOS さえあれば、CD から OS を起動できます。</p></blockquote>
<p class="queTxt">これでBIOSが読み込むのがkernelであることが分かりました。BIOSが一番下のレイヤーなのですね。</p>
<p>もう一つ海外サイトですが、こちらも分かりやすいです。</p>
<p><a href="http://www.euask.com/topic/4996-What-is-the-difference-between-BIOS-and-Kernel">http://www.euask.com/topic/4996-What-is-the-difference-between-BIOS-and-Kernel</a><br />
<img decoding="async" class="aligncenter" src="http://static.thegeekstuff.com/wp-content/uploads/2011/02/linux-boot-process.png" /></p>
<p>BIOSとkernelの違いと読み込む順序が記載されています。</p>
<p>以上で前置きが長くなりましたがkernelの説明です。</p>
<h2>インストール手順</h2>
<ol>
<li>端末内に該当のkernelをダウンロード</li>
<li>（念のため、フルバックアップ）</li>
<li>いつものリカバリーソフトTWRPからインストール※参考</li>
<li>完了です。</li>
</ol>
<p>ROMを焼く手順と一緒ですね。</p>
<p>なんなく動きました。</p>
<p>パット見なんの変化もありません。kernelなので当たり前ですね。</p>
<p><a href="/uploads-archive/2017/06/Screenshot_20170613-171857__1_.png"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-12966" src="/uploads-archive/2017/06/Screenshot_20170613-171857__1_-209x300.png" alt="" width="209" height="300" srcset="/uploads-archive/2017/06/Screenshot_20170613-171857__1_-209x300.png 209w, /uploads-archive/2017/06/Screenshot_20170613-171857__1_-768x1103.png 768w, /uploads-archive/2017/06/Screenshot_20170613-171857__1_-713x1024.png 713w, /uploads-archive/2017/06/Screenshot_20170613-171857__1_-228x327.png 228w, /uploads-archive/2017/06/Screenshot_20170613-171857__1_.png 1080w" sizes="(max-width: 209px) 100vw, 209px" /></a></p>
<p>ということでベンチマーク図ってみました。これもあまり変りませんでした。</p>
<h2>まとめ</h2>
<p>体感出来るものかもう少し触れてみます。</p>
<p>表面的ではあるが、AndroidOSの中身を掘り下げることができました。</p>
<p>あくまでも、OS以下のレイヤーに手をいれると無保証になるので自己責任でお願いします。</p>
<p>&nbsp;</p>


Andoridカスタムkernelの導入手順

<p>VRのコンテンツを作る場合はUnityを利用する事が一般的になっていますが、InstaVRの登場で変わるかもしれません。</p>
<p>動画や画像をプレビューするだけであれば必要ありませんが、インタラクティブな要素を含んだコンテンツを作成する場合はUnityなどでプログラミングする必要があります。しかしInstaVRはプログラミングなしでインタラクティブなVRコンテンツの作成ができてしまいます。</p>
<p>まだ複雑な物はできませんが、操作が非常に簡単なので低コスト且つ短時間で作れるのが魅力です。</p>
<p>youtubeやfacebookにvr動画・画像をアップロードすると、自動で最適化という名の画質劣化が起きてしまいますが、InstaVRはweb上でプレビューする場合でも劣化がありません。</p>
<p><iframe loading="lazy" width="500" height="281" src="https://www.youtube.com/embed/kKin8a2nrU4?feature=oembed" frameborder="0" allowfullscreen></iframe></p>
<h2>InstaVRの無料版を使ってみる</h2>
<p>続いてシーンとなる360度の画像または動画を追加します。<br />
<img decoding="async" loading="lazy" class="alignnone size-full wp-image-12834" src="/admin/wp-content/uploads/2017/05/4.jpg" alt="" width="720" height="355" srcset="/uploads-archive/2017/05/4.jpg 720w, /uploads-archive/2017/05/4-300x148.jpg 300w, /uploads-archive/2017/05/4-228x112.jpg 228w" sizes="(max-width: 720px) 100vw, 720px" /></p>
<p>シーンを選んで360度のどこを正面とするかという事も調整します。これはユーザーにフラストレーションを与えないために重要な要素ですが、調整は非常に簡単です。<br />
<img decoding="async" loading="lazy" class="alignnone size-full wp-image-12835" src="/admin/wp-content/uploads/2017/05/5.jpg" alt="" width="720" height="357" srcset="/uploads-archive/2017/05/5.jpg 720w, /uploads-archive/2017/05/5-300x149.jpg 300w, /uploads-archive/2017/05/5-228x113.jpg 228w" sizes="(max-width: 720px) 100vw, 720px" /></p>
<p>他のシーンへのリンクを設定します。リンク先となるシーンを選択して、必要であればアイコンのサイズを調整したり、画像を設定できます。<br />
<img decoding="async" loading="lazy" class="alignnone size-full wp-image-12836" src="/admin/wp-content/uploads/2017/05/6.jpg" alt="" width="720" height="350" srcset="/uploads-archive/2017/05/6.jpg 720w, /uploads-archive/2017/05/6-300x146.jpg 300w, /uploads-archive/2017/05/6-228x111.jpg 228w" sizes="(max-width: 720px) 100vw, 720px" /></p>
<p>音楽やナレーションを追加する事もできます。<br />
<img decoding="async" loading="lazy" class="alignnone size-full wp-image-12837" src="/admin/wp-content/uploads/2017/05/7.jpg" alt="" width="720" height="780" srcset="/uploads-archive/2017/05/7.jpg 720w, /uploads-archive/2017/05/7-277x300.jpg 277w, /uploads-archive/2017/05/7-228x247.jpg 228w" sizes="(max-width: 720px) 100vw, 720px" /></p>
<p>2つ目のシーンにも1つ目のシーンへのリンクを設定します。これで2つのシーンを行き交う事ができるコンテンツが完成です。<br />
シーン内には「Hot spot」を追加する事で動画や画像を設置する事もできます。<br />
<img decoding="async" loading="lazy" class="alignnone size-full wp-image-12838" src="/admin/wp-content/uploads/2017/05/8.jpg" alt="" width="720" height="352" srcset="/uploads-archive/2017/05/8.jpg 720w, /uploads-archive/2017/05/8-300x147.jpg 300w, /uploads-archive/2017/05/8-228x111.jpg 228w" sizes="(max-width: 720px) 100vw, 720px" /></p>
<p>続いてアプリにする場合のロゴやホーム画面を「Branding」から設定します。有料プランからInstaVRのロゴを外すことが可能です。<br />
<img decoding="async" loading="lazy" class="alignnone size-full wp-image-12839" src="/admin/wp-content/uploads/2017/05/9.jpg" alt="" width="720" height="208" srcset="/uploads-archive/2017/05/9.jpg 720w, /uploads-archive/2017/05/9-300x87.jpg 300w, /uploads-archive/2017/05/9-228x66.jpg 228w" sizes="(max-width: 720px) 100vw, 720px" /></p>
<p>あとはpackageでビルドするだけです。<br />
<img decoding="async" loading="lazy" class="alignnone size-full wp-image-12840" src="/admin/wp-content/uploads/2017/05/10.jpg" alt="" width="720" height="175" srcset="/uploads-archive/2017/05/10.jpg 720w, /uploads-archive/2017/05/10-300x73.jpg 300w, /uploads-archive/2017/05/10-228x55.jpg 228w" sizes="(max-width: 720px) 100vw, 720px" /></p>
<p>完成したアプリはQRコードからもダウンロードできます。<br />
<img decoding="async" loading="lazy" class="alignnone size-full wp-image-12841" src="/admin/wp-content/uploads/2017/05/11.jpg" alt="" width="720" height="162" srcset="/uploads-archive/2017/05/11.jpg 720w, /uploads-archive/2017/05/11-300x68.jpg 300w, /uploads-archive/2017/05/11-228x51.jpg 228w" sizes="(max-width: 720px) 100vw, 720px" /></p>
<p>アプリができるまでに15分もかかりませんでした。</p>
<h2>spatial audio　360度音声も設定できる</h2>
<p>試験導入中という表記はあるものの、spatial audio（360度音声）の設定項目も存在していて、どの方角からどんな音がするかを音声ファイルを追加する事で演出可能です。<br />
無意識に音がなっている方を人は見るので、見せたい方向に効果音や音楽を設定する事でガイドとしても利用できます、没入感を損なわないガイドとして活用できると思います。</p>
<p><img decoding="async" loading="lazy" class="alignnone size-full wp-image-12842" src="/admin/wp-content/uploads/2017/05/12.jpg" alt="" width="507" height="429" srcset="/uploads-archive/2017/05/12.jpg 507w, /uploads-archive/2017/05/12-300x254.jpg 300w, /uploads-archive/2017/05/12-228x193.jpg 228w" sizes="(max-width: 507px) 100vw, 507px" /></p>
<h2>VRコンテンツのWeb配信</h2>
<p>個人的にはデバイスを限定しないという意味でVRはWebブラウザ上で活用するのが一般化する早道だと考えています。<br />
無料版では利用できませんが、InstaVRは作成したコンテンツをWeb配信するのも非常に簡単みたいです。</p>
<p>pakegeからwebを選んでビルド（pablish to web）するだけで、InstaVRのストレージ上にVRにアクセスできるURLが生成されます。</p>
<p>web配信したコンテンツのデモです。</p>
<p><a href="http://www.too.com/product/software/vr/instavr/embed01.html">http://www.too.com/product/software/vr/instavr/embed01.html</a></p>
<p><a href="http://www.too.com/product/software/vr/instavr/embed02.html">http://www.too.com/product/software/vr/instavr/embed02.html</a></p>
<p><a href="http://www.too.com/product/software/vr/instavr/embed03.html">http://www.too.com/product/software/vr/instavr/embed03.html</a></p>
<p>Webページに埋め込むこともコードを書き出してくれるので簡単にできるようです。</p>
<p><img decoding="async" loading="lazy" class="alignnone size-full wp-image-12822" src="/uploads-archive/2017/05/2.jpg" alt="" width="720" height="246" srcset="/uploads-archive/2017/05/2.jpg 720w, /uploads-archive/2017/05/2-300x103.jpg 300w, /uploads-archive/2017/05/2-228x78.jpg 228w" sizes="(max-width: 720px) 100vw, 720px" /></p>
<p>埋め込みの例がこちらです。</p>
<p><a href="http://jp.instavr.co/#section-f_5c2451ca-6c49-434b-81de-de930925c07f">http://jp.instavr.co/</a></p>
<p><iframe loading="lazy" width="500" height="281" src="https://www.youtube.com/embed/ajkLvFsfiTw?feature=oembed" frameborder="0" allowfullscreen></iframe></p>
<h2>まとめ</h2>
<p>VRがいわゆるキャズムに落ちてしまわないためには、豊富なコンテンツ量が必要だと考えます。InstaVRはVRコンテンツ制作のハードルを下げるという意味で、コンテンツ量の増加に一役買ってくれそうです。</p>


instaVRでコンテンツを作ってみる

<p></p>
<h2>はじめに</h2>
<div style="padding-left: 15px;">
  プロジェクトを上手く進行するにあたって欠かせないプロジェクト管理ツール。<br />
  redmine, JIRA, サイボウズ などフリーのものから有料のものまで色々とあります。</p>
<p>  今回はコスパの良さげなBacklogについてフォーカスします</p></div>
<h2>出来ること・出来ないこと</h2>
<div style="padding-left: 15px;">
  出来ること</p>
<blockquote><p>
    1. タスク管理<br />
    2. スケジュール管理<br />
    3. 工数管理<br />
    4. Gitでのバージョン管理とタスクの連携<br />
    5. ファイル共有
  </p></blockquote>
<p>  出来ないこと</p>
<blockquote><p>
    1. チケット管理<br />
    2. 複数の担当者に対するタスク登録<br />
    3. 詳細なガントチャート機能
  </p></blockquote>
<p>  低コストで手軽なプロジェクト管理で良いという企業向けです。</p></div>
<h2>大まかな構成、構成要素について</h2>
<div style="padding-left: 15px;">
<h3>プロジェクト</h3>
<p>  案件とほぼ同義</p>
<h3>スペース</h3>
<p>  「プロジェクト」の母体。共同で案件をリリースしていく団体、大抵は企業にあたります。</p>
<h3>メンバ</h3>
<p>  社員など「プロジェクト」に参加してタスクの追加、あるいは閲覧のみなど権限設定によって挙動は異なりますがプロジェクトの情報を共有する対象者となる存在。</p>
<h3>グループ</h3>
<p>  「メンバ」のカテゴライズ用の存在。例えば「コーダー」「エンジニア」などでしょうか。</p>
<h4>プロジェクトを作る</h4>
<p>  「スペース」を立ち上げたら(招待されたら)まず「プロジェクト」を作成しましょう。<br />
  「スペース」「プロジェクト」の「プロジェクトの追加」ボタンから登録画面で作成出来ます。<br />
  <a href="/uploads-archive/2017/03/64a936a5302c905140a4a0ba1f870c6a.png"><img decoding="async" loading="lazy" src="/uploads-archive/2017/03/64a936a5302c905140a4a0ba1f870c6a-285x300.png" alt="スクリーンショット 2017-03-14 15.08.11" width="285" height="300" class="alignnone size-medium wp-image-12657" srcset="/uploads-archive/2017/03/64a936a5302c905140a4a0ba1f870c6a-285x300.png 285w, /uploads-archive/2017/03/64a936a5302c905140a4a0ba1f870c6a-768x809.png 768w, /uploads-archive/2017/03/64a936a5302c905140a4a0ba1f870c6a-228x240.png 228w, /uploads-archive/2017/03/64a936a5302c905140a4a0ba1f870c6a.png 813w" sizes="(max-width: 285px) 100vw, 285px" /></a></p>
<h4>メンバの招待</h4>
<p>  次に「プロジェクト」に関係者を「メンバ」として招待します。権限の設定もここでします。<br />
  各プロジェクトページの「プロジェクト設定」「参加ユーザ」から「スペース」に居るユーザを追加出来ます。<br />
<a href="/uploads-archive/2017/03/e7b9e907e012f32dbb4bc8cddd5a9d2d.png"><img decoding="async" loading="lazy" src="/uploads-archive/2017/03/e7b9e907e012f32dbb4bc8cddd5a9d2d-300x179.png" alt="スクリーンショット 2017-03-14 15.09.14" width="300" height="179" class="alignnone size-medium wp-image-12658" srcset="/uploads-archive/2017/03/e7b9e907e012f32dbb4bc8cddd5a9d2d-300x179.png 300w, /uploads-archive/2017/03/e7b9e907e012f32dbb4bc8cddd5a9d2d-768x458.png 768w, /uploads-archive/2017/03/e7b9e907e012f32dbb4bc8cddd5a9d2d-228x136.png 228w, /uploads-archive/2017/03/e7b9e907e012f32dbb4bc8cddd5a9d2d.png 962w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>  メンバを追加したらタスクを担当者割り振りしますが、その前に「タスク」登録後にプロジェクト管理を進行しやすくするための項目別に触れます</p></div>
<h2>プロジェクトを進めるための指標</h2>
<div style="padding-left: 15px;">
<h3>カテゴリ</h3>
<p>  「プロジェクト設定」「カテゴリー」から追加編集削除が可能。<br />
  課題の管理時にグルーピングを管理しやすくするためのタグのようなものです。複数項目を課題に付与出来ます。上手く活用しましょう。<br />
  例)<br />
  作業カテゴリ: テスト, 修正, 開発, 構築<br />
  機能カテゴリ: 管理者ページ, フロントページ, バッチ<br />
  などなど。。課題のカテゴライズはその後のフローのキモです！</p>
<h3>種別</h3>
<p>  課題の種類。<br />
  デフォルトで &#8220;タスク&#8221;, &#8220;バグ&#8221;, &#8220;要望&#8221;, &#8220;その他&#8221; が登録済みです。<br />
  これも課題を上手く活用するために最初に整備しましょう。</p>
<h3>マイルストーン</h3>
<blockquote><p>マイルストーンとは、物事の進捗を管理するために途中で設ける節目をいう。もとは道路などに置かれ、距離を表示する標識（里程標）のこと。</p>
<p>コトバンクより引用</p></blockquote>
<p>  例えばを全体の大きなマイルストーンとしつつ、その中で &#8220;要件定義&#8221;,&#8221;開発&#8221;,&#8221;テスト&#8221; などとフェーズを分けて管理することで節目の管理をすることが可能です。</p>
<h3>発生バージョン</h3>
<p>  これはBacklog独自の仕様かもしれないのですが、タスクや要望が発生したプロジェクトのバージョンを指します。<br />
  進行しているプロジェクトに対して現在アクティブなバージョンを決める必要があります、、、が項目が見当たらなかったので割愛。</p></div>
<h2>いざ課題の登録</h2>
<div style="padding-left: 15px;">
  「課題の追加」メニューからすぐに出来ます。<br />
  前項のマイルストーンやカテゴリを活用すると、リリースまでの期限・進捗をガントチャートで意識しやすくなります。<br />
  また「予定時間」「実績時間」も活用するとマイルストーンに対して進捗、残時間をグラフにて可視化してマネージしやすいでしょう。</p>
<p>  サンプルで作ったガントチャートでこんな感じになります。<br />
<a href="/uploads-archive/2017/03/7834ec994025e73bf776f023cc71bfc9-1.png"><img decoding="async" loading="lazy" src="/uploads-archive/2017/03/7834ec994025e73bf776f023cc71bfc9-1-300x219.png" alt="スクリーンショット 2017-03-14 16.14.42" width="300" height="219" class="alignnone size-medium wp-image-12682" srcset="/uploads-archive/2017/03/7834ec994025e73bf776f023cc71bfc9-1-300x219.png 300w, /uploads-archive/2017/03/7834ec994025e73bf776f023cc71bfc9-1-768x561.png 768w, /uploads-archive/2017/03/7834ec994025e73bf776f023cc71bfc9-1-1024x748.png 1024w, /uploads-archive/2017/03/7834ec994025e73bf776f023cc71bfc9-1-228x166.png 228w, /uploads-archive/2017/03/7834ec994025e73bf776f023cc71bfc9-1.png 1156w" sizes="(max-width: 300px) 100vw, 300px" /></a></div>
<h2>使えると更に便利な機能 (ファイル共有)</h2>
<div style="padding-left: 15px;">
  ファイルサーバーとしての機能も便利。</p>
<p>  メニューから「ファイル」を選択し、自由にディレクトリやファイルを作成出来ます。<br />
  またファイル共有も可能でWindowsならExplorer, MacならFinder経由でリモートと同期してファイルへのアクセスが可能です。<br />
  <a href="/uploads-archive/2017/03/409b55e1307e39cc000dd6391aef1140.png"><img decoding="async" loading="lazy" src="/uploads-archive/2017/03/409b55e1307e39cc000dd6391aef1140-300x208.png" alt="スクリーンショット 2017-03-14 16.19.46" width="300" height="208" class="alignnone size-medium wp-image-12673" srcset="/uploads-archive/2017/03/409b55e1307e39cc000dd6391aef1140-300x208.png 300w, /uploads-archive/2017/03/409b55e1307e39cc000dd6391aef1140-228x158.png 228w, /uploads-archive/2017/03/409b55e1307e39cc000dd6391aef1140.png 341w" sizes="(max-width: 300px) 100vw, 300px" /></a><br />
<a href="/uploads-archive/2017/03/90f551366c2dd775e5e94760f486ce3b.png"><img decoding="async" loading="lazy" src="/uploads-archive/2017/03/90f551366c2dd775e5e94760f486ce3b-300x206.png" alt="スクリーンショット 2017-03-14 16.58.18" width="300" height="206" class="alignnone size-medium wp-image-12683" srcset="/uploads-archive/2017/03/90f551366c2dd775e5e94760f486ce3b-300x206.png 300w, /uploads-archive/2017/03/90f551366c2dd775e5e94760f486ce3b-768x526.png 768w, /uploads-archive/2017/03/90f551366c2dd775e5e94760f486ce3b-228x156.png 228w, /uploads-archive/2017/03/90f551366c2dd775e5e94760f486ce3b.png 1014w" sizes="(max-width: 300px) 100vw, 300px" /></a><br />
<a href="/uploads-archive/2017/03/7e089e8fcfe6346836c8b2c7c699cdad.png"><img decoding="async" loading="lazy" src="/uploads-archive/2017/03/7e089e8fcfe6346836c8b2c7c699cdad-300x122.png" alt="スクリーンショット 2017-03-14 16.56.52" width="300" height="122" class="alignnone size-medium wp-image-12684" srcset="/uploads-archive/2017/03/7e089e8fcfe6346836c8b2c7c699cdad-300x122.png 300w, /uploads-archive/2017/03/7e089e8fcfe6346836c8b2c7c699cdad.png 768w, /uploads-archive/2017/03/7e089e8fcfe6346836c8b2c7c699cdad-228x93.png 228w" sizes="(max-width: 300px) 100vw, 300px" /></a>
</div>
<h2>使えると更に便利な機能 (Gitによるバージョン管理)</h2>
<div style="padding-left: 15px;">
  開発者であればこの機能は嬉しい。</p>
<p>  「プロジェクト設定」「Git」を選択。<br />
  初回は「このプロジェクトでGitを使う」と言うダイアログが出て来るので押下。</p>
<p>  リポジトリ名を入力してリポジトリを作成します。<br />
<a href="/uploads-archive/2017/03/de035c18957f0869151b1543c935a86f.png"><img decoding="async" loading="lazy" src="/uploads-archive/2017/03/de035c18957f0869151b1543c935a86f-300x234.png" alt="スクリーンショット 2017-03-14 16.24.14" width="300" height="234" class="alignnone size-medium wp-image-12674" srcset="/uploads-archive/2017/03/de035c18957f0869151b1543c935a86f-300x234.png 300w, /uploads-archive/2017/03/de035c18957f0869151b1543c935a86f-768x598.png 768w, /uploads-archive/2017/03/de035c18957f0869151b1543c935a86f-228x178.png 228w, /uploads-archive/2017/03/de035c18957f0869151b1543c935a86f.png 818w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>  これだけではバージョン管理は出来ません。<br />
  参加メンバ各「個人設定」の「SSH公開鍵」でGitアクセス時に使用する公開鍵を貼り付けて登録します。<br />
  鍵の生成はPuTTYやターミナルの</p>

		<div id="crayon-6495402647a57378243706" 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;">
ssh-keygen -t rsa</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-6495402647a57378243706-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-6495402647a57378243706-1"><span class="crayon-i">ssh</span>-<span class="crayon-i">keygen</span><span class="crayon-h"> </span>-<span class="crayon-i">t</span><span class="crayon-h"> </span><span class="crayon-i">rsa</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>などで各自作ります。</p>
<p>  作業ディレクトリにて</p>

		<div id="crayon-6495402647a5c676483379" 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;">
git clone sterfield@sterfield.git.backlog.jp:/SAMPLE_01/sample_git.git</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-6495402647a5c676483379-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-6495402647a5c676483379-1"><span class="crayon-e">git </span><span class="crayon-r">clone</span><span class="crayon-h"> </span><span class="crayon-i">sterfield</span><span class="crayon-sy">@</span><span class="crayon-i">sterfield</span><span class="crayon-e">.git</span><span class="crayon-e">.backlog</span><span class="crayon-e">.jp</span><span class="crayon-sy">:</span>/<span class="crayon-i">SAMPLE_01</span>/<span class="crayon-i">sample_git</span><span class="crayon-e">.git</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>としてまず複製。その後はgit add, pushなどで以下のようにcommit履歴や差分を手軽に確認することが可能です。<br />
<a href="/uploads-archive/2017/03/ebbbf696b24cf5e4096045f9375d5747.png"><img decoding="async" loading="lazy" src="/uploads-archive/2017/03/ebbbf696b24cf5e4096045f9375d5747-300x144.png" alt="スクリーンショット 2017-03-14 16.38.52" width="300" height="144" class="alignnone size-medium wp-image-12675" srcset="/uploads-archive/2017/03/ebbbf696b24cf5e4096045f9375d5747-300x144.png 300w, /uploads-archive/2017/03/ebbbf696b24cf5e4096045f9375d5747-228x109.png 228w, /uploads-archive/2017/03/ebbbf696b24cf5e4096045f9375d5747.png 727w" sizes="(max-width: 300px) 100vw, 300px" /></a><br />
<a href="/uploads-archive/2017/03/5f3e2d9e6a34e989df9bf95cb80ecafd.png"><img decoding="async" loading="lazy" src="/uploads-archive/2017/03/5f3e2d9e6a34e989df9bf95cb80ecafd-300x251.png" alt="スクリーンショット 2017-03-14 16.42.03" width="300" height="251" class="alignnone size-medium wp-image-12676" srcset="/uploads-archive/2017/03/5f3e2d9e6a34e989df9bf95cb80ecafd-300x251.png 300w, /uploads-archive/2017/03/5f3e2d9e6a34e989df9bf95cb80ecafd-228x191.png 228w, /uploads-archive/2017/03/5f3e2d9e6a34e989df9bf95cb80ecafd.png 736w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>  また課題キーと連動することが可能。<br />
  以下のような課題を追加後、Git上で課題キーと課題ステータスをセットでcommitへのコメントでpushします。</p>
<p>  push後、以下のようにステータスが自動的に変わってくれます。</p></div>

Backlogの活用術について

<p>&nbsp;</p>
<h2><b>Scratch</b> (スクラッチ)とは</h2>
<blockquote><p><b>Scratch</b> (スクラッチ) とは初心者が最初に正しい構文の書き方を覚えること無く結果を得られるプログラミング言語学習環境である。MITメディアラボが開発し、遊び心のある実験やインタラクティブアニメーション、ゲームなどの製作を通してさらなる学習のやる気を起こさせることを意図している。（wiki）</p></blockquote>
<h2>特点</h2>
<p>今までクラシックプログラマは</p>

		<div id="crayon-649540264776a989795457" 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">Java</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;">
	// pre: list != null
	// post: return sum of elements
	// use traditional for loop
	public static int sumListOld(int[] list)
	{	int total = 0;
		for(int i = 0; i &lt; list.length; i++)
		{	total += list[i];
			System.out.println( list[i] );
		}
		return total;
	}</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-649540264776a989795457-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540264776a989795457-2">2</div><div class="crayon-num" data-line="crayon-649540264776a989795457-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540264776a989795457-4">4</div><div class="crayon-num" data-line="crayon-649540264776a989795457-5">5</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540264776a989795457-6">6</div><div class="crayon-num" data-line="crayon-649540264776a989795457-7">7</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540264776a989795457-8">8</div><div class="crayon-num" data-line="crayon-649540264776a989795457-9">9</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540264776a989795457-10">10</div><div class="crayon-num" data-line="crayon-649540264776a989795457-11">11</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-649540264776a989795457-1"><span class="crayon-h">	</span><span class="crayon-c">// pre: list != null</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540264776a989795457-2"><span class="crayon-h">	</span><span class="crayon-c">// post: return sum of elements</span></div><div class="crayon-line" id="crayon-649540264776a989795457-3"><span class="crayon-h">	</span><span class="crayon-c">// use traditional for loop</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540264776a989795457-4"><span class="crayon-h">	</span><span class="crayon-m">public</span><span class="crayon-h"> </span><span class="crayon-m">static</span><span class="crayon-h"> </span><span class="crayon-t">int</span><span class="crayon-h"> </span><span class="crayon-e">sumListOld</span><span class="crayon-sy">(</span><span class="crayon-t">int</span><span class="crayon-sy">[</span><span class="crayon-sy">]</span><span class="crayon-h"> </span><span class="crayon-i">list</span><span class="crayon-sy">)</span></div><div class="crayon-line" id="crayon-649540264776a989795457-5"><span class="crayon-h">	</span><span class="crayon-sy">{</span><span class="crayon-h">	</span><span class="crayon-t">int</span><span class="crayon-h"> </span><span class="crayon-i">total</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-cn">0</span><span class="crayon-sy">;</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540264776a989795457-6"><span class="crayon-h">		</span><span class="crayon-st">for</span><span class="crayon-sy">(</span><span class="crayon-t">int</span><span class="crayon-h"> </span><span class="crayon-i">i</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-cn">0</span><span class="crayon-sy">;</span><span class="crayon-h"> </span><span class="crayon-i">i</span><span class="crayon-h"> </span><span class="crayon-h">&lt;</span><span class="crayon-h"> </span><span class="crayon-i">list</span><span class="crayon-sy">.</span><span class="crayon-i">length</span><span class="crayon-sy">;</span><span class="crayon-h"> </span><span class="crayon-i">i</span>++<span class="crayon-sy">)</span></div><div class="crayon-line" id="crayon-649540264776a989795457-7"><span class="crayon-h">		</span><span class="crayon-sy">{</span><span class="crayon-h">	</span><span class="crayon-i">total</span><span class="crayon-h"> </span>+=<span class="crayon-h"> </span><span class="crayon-i">list</span><span class="crayon-sy">[</span><span class="crayon-i">i</span><span class="crayon-sy">]</span><span class="crayon-sy">;</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540264776a989795457-8"><span class="crayon-h">			</span><span class="crayon-i">System</span><span class="crayon-sy">.</span><span class="crayon-i">out</span><span class="crayon-sy">.</span><span class="crayon-e">println</span><span class="crayon-sy">(</span><span class="crayon-h"> </span><span class="crayon-i">list</span><span class="crayon-sy">[</span><span class="crayon-i">i</span><span class="crayon-sy">]</span><span class="crayon-h"> </span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-649540264776a989795457-9"><span class="crayon-h">		</span><span class="crayon-sy">}</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540264776a989795457-10"><span class="crayon-h">		</span><span class="crayon-st">return</span><span class="crayon-h"> </span><span class="crayon-i">total</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-649540264776a989795457-11"><span class="crayon-h">	</span><span class="crayon-sy">}</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>スクラッチは</p>
<p><a href="/uploads-archive/2017/03/screencapture-scratch-mit-edu-projects-1300590-1489472059298.png"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-12656" src="/uploads-archive/2017/03/screencapture-scratch-mit-edu-projects-1300590-1489472059298-300x163.png" alt="screencapture-scratch-mit-edu-projects-1300590-1489472059298" width="300" height="163" srcset="/uploads-archive/2017/03/screencapture-scratch-mit-edu-projects-1300590-1489472059298-300x163.png 300w, /uploads-archive/2017/03/screencapture-scratch-mit-edu-projects-1300590-1489472059298-768x417.png 768w, /uploads-archive/2017/03/screencapture-scratch-mit-edu-projects-1300590-1489472059298-1024x556.png 1024w, /uploads-archive/2017/03/screencapture-scratch-mit-edu-projects-1300590-1489472059298-228x124.png 228w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>積み木なように構成されている。</p>
<h2>プログラマーの基礎鍛錬必要な機能</h2>
<p>アーキテクチャ</p>
<p>MVCの理念</p>
<p><img decoding="async" loading="lazy" class="alignnone" src="http://write-remember.com/wordpress/wp-content/uploads/2013/04/mvc_model.png" width="1090" height="470" /></p>
<p>&nbsp;</p>
<p><a href="/uploads-archive/2017/03/579aa5d62395548e81dd0923d09ffd9a.png"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-12665" src="/uploads-archive/2017/03/579aa5d62395548e81dd0923d09ffd9a-300x204.png" alt="QQ20170314-153954@2x" width="300" height="204" srcset="/uploads-archive/2017/03/579aa5d62395548e81dd0923d09ffd9a-300x204.png 300w, /uploads-archive/2017/03/579aa5d62395548e81dd0923d09ffd9a-228x155.png 228w, /uploads-archive/2017/03/579aa5d62395548e81dd0923d09ffd9a.png 418w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>View:  motion, looks, sound, pen</p>
<p>Model: data</p>
<p>Control: Events, control</p>
<h2>利点</h2>
<p>正しいプログラマーロジックのトレンドに優秀。</p>
<p>小さいDEMOプロジェクトを作るにも便利です。</p>
<p><a href="https://scratch.mit.edu/projects/1300590/#editor">Demoサイト</a></p>
<p>Reference:</p>
<p>https://ja.wikipedia.org/wiki/Scratch_(%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0%E8%A8%80%E8%AA%9E)</p>

Company

Our Solutions

Support

News

Blog

Blogブログ

カテゴリーから探す

年別から見る

記事一覧 - カテゴリー: ビジネス

2018/07/11

2018/07/11

2018/06/13

2018/06/13

2018/05/10

2018/04/11

2018/04/11

2018/02/20

2018/01/17

2017/12/13

2017/12/13

2017/12/13

2017/08/29

2017/07/19

2017/06/14

2017/05/10

2017/03/15

2017/03/15