<p>最近は、<b>どうしたらこのページが人に興味を持たれるようになるんだろう</b>　とか…<br />
<b>どこに何を配置したら正しいのか</b>　やら…<br />
<b>そもそも求められている商品はこれじゃないんじゃ！？</b>　など…</p>
<p>そんな事を考えていた時に、ふと販売接客業に勤めていた時の事を思い出しました。<br />
お客様が入ってきて目当てのコーナーへたどり着いた時、最初に必ず見るゾーンがありまして、そこを私は「ゴールデンゾーン」と言っていました。<br />
ゴールデンゾーンは、手の触れやすい場所で一般的に床上60cm～160cmの範囲とされております。そこにどんな商品を配置するかでお店の売上、利益、イメージが異なってくるのですが…</p>
<p>そんなゴールデンゾーンのようにWEBやレイアウトにもゴールデンゾーンがあるのでは？と思い、調べてみたら出てきました。</p>
<h2>レイアウトで有名な3つの配置</h2>
<p>3つもありました。</p>
<h3>グーテンベルク・ダイヤグラム</h3>
<p>すごい、魔法の呪文みたいな言葉ですね。<br />
グーテンベルク・ダイヤグラムとは、均等に配置された同質の情報を見る際の一般的な視線のパターンを表した図式です。</p>
<p><b>人間の目は左上から右下方向へ、チラチラしながら遷移</b>します。<br />
このような視線の流れのパターンは、エディトリアルデザイン（新聞・雑誌・書籍などの出版物のデザイン）などでは当たり前に使われている技法や考え方だそうです。テキストをレイアウトする場合には、左上・右下に重要なコンテンツを配置するように心がける、といったものです。</p>
<p>このレイアウトはドキュメントを読む際の視線の動きなので、媒体によって効果的な導線が異なります。</p>
<h3>Z型パターン</h3>
<p>グーテンベルク・ダイヤグラムと少し似ておりますが、紙媒体でよく使われるパターン。<br />
「左上⇒右上⇒左下⇒右下」とZの形にユーザーの視線が移動するため、この導線上に重要なエレメントを配置しましょう。</p>
<p>紙媒体でとは言いましたが、以下のように意外とWEBでも使われていると思うのですがどうでしょう？</p>
<p><a href="/uploads-archive/2016/02/free_03.jpg" rel="attachment wp-att-9660"><img decoding="async" loading="lazy" src="/uploads-archive/2016/02/free_03.jpg" alt="free_03" width="383" height="102" class="alignnone size-full wp-image-9660" srcset="/uploads-archive/2016/02/free_03.jpg 383w, /uploads-archive/2016/02/free_03-300x80.jpg 300w, /uploads-archive/2016/02/free_03-228x61.jpg 228w" sizes="(max-width: 383px) 100vw, 383px" /></a></p>
<p><a href="/uploads-archive/2016/02/free_01.jpg" rel="attachment wp-att-9661"><img decoding="async" loading="lazy" src="/uploads-archive/2016/02/free_01.jpg" alt="free_01" width="124" height="347" class="alignnone size-full wp-image-9661" srcset="/uploads-archive/2016/02/free_01.jpg 124w, /uploads-archive/2016/02/free_01-107x300.jpg 107w" sizes="(max-width: 124px) 100vw, 124px" /></a></p>
<p>縦や横だけを読むよりも</p>
<p><a href="/uploads-archive/2016/02/free_02.jpg" rel="attachment wp-att-9662"><img decoding="async" loading="lazy" src="/uploads-archive/2016/02/free_02.jpg" alt="free_02" width="160" height="158" class="alignnone size-full wp-image-9662" /></a></p>
<p>左上⇒右上へ、自然と、左下⇒右下　の文字の配置が私は見やすいと思います。<br />
ちょっと解釈が違うかもしれませんが、目線の動きという点では……ダメですかね(-ω-；)</p>
<h3>F型パターン</h3>
<p>こちらはWEBにおける視線移動の研究で発見された比較的新しいパターン<br />
ECサイトやブログなんかで使用する代表的なパターンらしく、テンプレートなどもこの目線を利用した配置が多いと思います。</p>
<p><a href="/uploads-archive/2016/02/mesen-e1456135958802.jpg" rel="attachment wp-att-9663"><img decoding="async" loading="lazy" src="/uploads-archive/2016/02/mesen-e1456135958802.jpg" alt="mesen" width="500" height="417" class="alignnone size-full wp-image-9663" /></a></p>
<p>①　⇒　②　⇒　①・③　⇒　④　⇒　①・③・⑤　⇒　⑥</p>
<p>大まかな視線の動きはこういった感じですね。<br />
ここから私が感じた事は、どのパターンでも多くの人は左上～真ん中を見るという事。</p>
<p>弊社のECサイトにもファーストビューで一番人が興味引くものを置いておくべきなんだと思い、スマホの普及でPCから見る人が少なくなりましたが、今回はPCもすぐに配置を変えてみました（もちろんスマホ側もやりましたよ！）</p>
<p>結果としては、2週間ほどで全体で購買率が4.28％UPしました～ (*ﾟ▽ﾟﾉﾉﾞ☆ﾊﾟﾁﾊﾟﾁ</p>
<p>ですが、やっぱりスマホからのアクセスや売上の方が多いところを見ると、世間のPC離れが良くわかりますね…。これからIT業界がどのように変化していくのか、流行りを見ながら新しいマーケティングにはしっかり目を通していこうと思います！</p>


効果的なコンテンツの配置と視線誘導に適しているレイアウトとは？

<p>ガジェット・ハードウェア好きにはたまらないイベントが只今バルセロナで開催されています。</p>
<p>日本で発売されない機種もたくさんあり、もふもふと考えています。</p>
<p>ここで最新機種が発表されて、日本で発売されるものはおおよそ夏あたりになります。</p>
<p>ですので、ここでXperiaやGaraxyの最新機種が発表されているものは、Docomo、au、Softbankが夏モデルを発表するあたりで日本には正式にアナウンスされることになります。</p>
<h2>気になったものをご紹介</h2>
<h3>XperiaXシリーズ</h3>
<p>もはや日本のメーカーはソニーくらいしか出展していないのではと思われます。</p>
<p>XperiaZに変わる新しいラインナップとしてXperiaXが発表されました。</p>
<p><a href="/officer/mobile-world-congress-2016%e9%96%8b%e5%82%ac%e4%b8%ad.html/attachment/xperia" rel="attachment wp-att-9670"><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-9670" src="/uploads-archive/2016/02/xperia.jpg" alt="xperia" width="192" height="191" srcset="/uploads-archive/2016/02/xperia.jpg 192w, /uploads-archive/2016/02/xperia-150x150.jpg 150w" sizes="(max-width: 192px) 100vw, 192px" /></a></p>
<p>とま〜ココらへんは、日本でも発売予定でメディアで広く扱われているので、日本で発売予定ないけどこんなのあるんだよというのをいくつか紹介したいと思います。</p>
<h3>LG　G5</h3>
<p><a href="/officer/mobile-world-congress-2016%e9%96%8b%e5%82%ac%e4%b8%ad.html/attachment/lg_g5_with_removable_battery" rel="attachment wp-att-9671"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-9671" src="/uploads-archive/2016/02/lg_g5_with_removable_battery-300x225.jpg" alt="lg_g5_with_removable_battery" width="300" height="225" srcset="/uploads-archive/2016/02/lg_g5_with_removable_battery-300x225.jpg 300w, /uploads-archive/2016/02/lg_g5_with_removable_battery-768x576.jpg 768w, /uploads-archive/2016/02/lg_g5_with_removable_battery-228x171.jpg 228w, /uploads-archive/2016/02/lg_g5_with_removable_battery.jpg 800w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>日本にも進出している韓国のLGですが、グローバル向けの端末にはこんなものを発表しています。</p>
<p>一見すると普通のスマートフォンですが、一番後ろの端末だけ下部が外れています。</p>
<p>最近ではバッテリー埋込み型のスマートフォンが主流となりましたが、取り外し可能なバッテリーを新たに開発しています。取り外しバッテリーはニーズあると思います。</p>
<h3>HP Elite x3</h3>
<p><a href="/officer/mobile-world-congress-2016%e9%96%8b%e5%82%ac%e4%b8%ad.html/attachment/hp_elite_x3" rel="attachment wp-att-9672"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-9672" src="/uploads-archive/2016/02/hp_elite_x3-300x225.jpg" alt="hp_elite_x3" width="300" height="225" srcset="/uploads-archive/2016/02/hp_elite_x3-300x225.jpg 300w, /uploads-archive/2016/02/hp_elite_x3-768x576.jpg 768w, /uploads-archive/2016/02/hp_elite_x3-228x171.jpg 228w, /uploads-archive/2016/02/hp_elite_x3.jpg 800w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>これも単なるWindowsMobilePhoneかと思いきや、Windows10ではこんな感じでドックに接続することでデスクトップのように扱うことが出来るんだそうです。</p>
<p><a href="/officer/mobile-world-congress-2016%e9%96%8b%e5%82%ac%e4%b8%ad.html/attachment/hp_elite_x3_2" rel="attachment wp-att-9673"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-9673" src="/uploads-archive/2016/02/hp_elite_x3_2-300x202.jpg" alt="hp_elite_x3_2" width="300" height="202" srcset="/uploads-archive/2016/02/hp_elite_x3_2-300x202.jpg 300w, /uploads-archive/2016/02/hp_elite_x3_2-228x153.jpg 228w, /uploads-archive/2016/02/hp_elite_x3_2.jpg 560w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>こういう一般的な用途としては別々にすればいいし、既に別々に管理しているだろうしというところにあえて、合体させてくるあたりに魅力を感じます。</p>
<p>とよくみたらこれは日本でも法人向けに発売予定のようですね。</p>
<h3>Lenovo Vibe K5</h3>
<p><a href="/officer/mobile-world-congress-2016%e9%96%8b%e5%82%ac%e4%b8%ad.html/attachment/lenovo_k5_plus_official" rel="attachment wp-att-9674"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-9674" src="/uploads-archive/2016/02/lenovo_k5_plus_official-300x225.jpg" alt="lenovo_k5_plus_official" width="300" height="225" srcset="/uploads-archive/2016/02/lenovo_k5_plus_official-300x225.jpg 300w, /uploads-archive/2016/02/lenovo_k5_plus_official-768x576.jpg 768w, /uploads-archive/2016/02/lenovo_k5_plus_official-228x171.jpg 228w, /uploads-archive/2016/02/lenovo_k5_plus_official.jpg 800w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>機種自体は普通ですが、日本でLenovoといえば、ThinkpadなどのPCメーカーという印象しかないと思いますが、スマートフォンを作りまくっていて、世界のマーケットシェアを調べると世界5位に出てきます。</p>
<p><a href="http://www.idc.com/prodserv/smartphone-market-share.jsp" target="_blank">http://www.idc.com/prodserv/smartphone-market-share.jsp</a></p>
<h2>まとめ</h2>
<p>こんな感じでMWCの初日を終えており、ハードウェア好きとしてはたまらない発表が続いています。</p>
<p>日本以外のマーケットでどのようなものが生まれているのか？ハードウェアにかぎらず4Gネット回線の次世代の5Gについてや新しいVRの発表などもされているので、情報を先どるという意味では必見です。</p>
<p>おまけとしてITネット領域のイベントをいくつかご紹介します。</p>
<h3>世界の見本市やイベント</h3>
<p>PC、スマートフォン関連で以下を抑えておけば、最新の技術や流れを知ることが出来ると思います。</p>
<p>他にも広告関連Adtech等も有名ですが、領域の線引が難しいため、とりあえずハードウェアとOS、ウェブという領域に区切っておきます。</p>
<p class="r"><a href="https://www.cesweb.org/">Cosumer Electronics Show</a></p>
<p>1月　家電見本市（PC、音楽プレイヤー、液晶ディスプレイなど）</p>
<p class="r"><a href="https://www.mobileworldcongress.com/">Mobile World Congress</a></p>
<p class="r">2月　モバイル見本市</p>
<p class="r"><a href="https://events.google.com/io2015/">Google I/O 2015</a></p>
<p>5月　新しいAndroidOS</p>
<p class="r"><a href="https://developer.apple.com/wwdc/">WWDC</a></p>
<p>6月　新しいiOS、OSX</p>
<p class="r"><a href="https://websummit.net/">Web Summit</a></p>
<p class="r">11月　Web関連</p>
<p>&nbsp;</p>
<p class="r">


Mobile World Congress 2016開催中

<h2>検索ソートの種類</h2>
<p>検索結果のソートには様々なものがありますが、まとめると以下のような一覧になる気がしています。</p>
<ul>
<li>関連度 relevancy, relevance
</li>
<li>人気順（売れ筋順、ランキング順）top selling
</li>
<li>新着順、発売日順 new arrivals
</li>
<li>商品名順 昇順 あ→わ name a-z
</li>
<li>商品名順 降順 わ→あ name z-a
</li>
<li>重量 軽い順 heaviest
</li>
<li>重量 重い順 lightest
</li>
<li>評価順 top rated, avg. cusotmer review
</li>
<li>評価件数の多い順
</li>
<li>価格の低い順 price low to high
</li>
<li>価格の高い順 price high to low
</li>
<li>発売中 On Sale Now
</li>
<li>ポイント率 point rate
</li>
<li>お気に入りの数
</li>
<li>よく見られている順
</li>
</ul>
<h2>所感</h2>
<p>ECサイトにおいて上記のソートをすべて網羅しているサイトは少ないですが、用意されているといざというときに便利な気がしています。<br />
特に、海外配送においては、重量は配送量等に関わってくるので、重量でソートできると便利な気がしています。</p>


検索結果のソートについて考える

<h3>マウスジェスチャー機能とは？</h3>
<div style="padding-left: 15px;">
  マウスのクリックや上下左右の動きによって<br />
  各アプリケーションの機能を割り当てることです。<br />
  (主にブラウザ、ファイラーで使われます)</div>
<h3>ブラウザの動作をマウスジェスチャーで楽に！</h3>
<div style="padding-left: 15px;">
  今回はChromeのストアが提供している<br />
  「CrxMouse」<br />
  をChromeにインストールしてみました。</p>
<p>  <a haref="https://chrome.google.com/webstore/detail/crxmouse/jlgkpaicikihijadgifklkbpdajbkhjo/related?utm_source=chrome-ntp-icon">こちら</a>のページへ遷移して<br />
  右上の「無料＋」を押下してインストールするだけです。<br />
  Chromeの再起動は必要ありません。<br />
  「設定」＞「拡張機能」のCrxMouseの有効チェックをONにします。</p>
<p>  デフォルトの状態だけでも、それなりに色々出来ます。</p>
<p>  「↓→」：タブを閉じる<br />
  「↑←」：左のタブへ移動<br />
  「↑→」：右のタブへ移動<br />
  「↑↓」：再読み込み</p>
<p>  などなど。。</p>
<p>  自分の良く使う機能だけを登録して<br />
  自分だけの軽快なブラウジングを実現してみましょう！！</p></div>
<h3>参考：カスタマイズ例</h3>
<div style="padding-left: 15px;">
  例えば「→↓→」で「右側のタブ全てを閉じる」を設定します。</p>
<p>  拡張機能のアドオン一覧からCrxMouse下にある「オプション」押下。<br />
  「Mouse Gestures」の下部にある「Edit Gestures」が登録済みのジェスチャーです。</p>
<p>  登録済みのジェスチャはActionのプルダウンメニューを変更するだけ。</p>
<p>  今回の「→↓→」のジェスチャは未登録なので<br />
  ページ真ん中あたりにある「Add new」を押下します。</p>
<p>  すると画面がグレーアウトします。<br />
  この状態で右クリックを押したまま「→↓→」となぞります。</p>
<p>  画面上部に「→↓→」と表示されたら<br />
  Actionの中から「Close all tabs on the right」を選択し、Save押下。</p>
<p>  これだけです。</p></div>
<p>参考：<br />
<a href="/blog/other/it%e6%a5%ad%e7%95%8c/%e3%82%ad%e3%83%bc%e3%83%9c%e3%83%bc%e3%83%89%e3%83%96%e3%83%a9%e3%82%a6%e3%82%b8%e3%83%b3%e3%82%b0%e3%81%a7web%e5%b7%a1%e5%9b%9e%e3%82%92%e3%81%93%e3%81%aa%e3%81%99.html">viChrome</a></p>


マウスジェスチャーを活用してみよう

<p>ECにおいて商品画像は売れ行きを左右するとても大事な要素です。</p>
<p>ジュエリーのように小さい商品を撮影する際にはマクロレンズを使用する事が多々あると思います。</p>
<p>マクロレンズで撮影をする際にジュエリー全体をきれいに見せるために絞りを開いてピンとが合う領域を多くすると照明が足りなくなったり、ブレの原因になったりなかなか撮影がスムーズにいきません。</p>
<p>そこでピントが合う領域を少しずつずらした写真を合成する多焦点合成の方法をお伝えしたいと思います。</p>
<h2>同ポジで撮影</h2>
<p>まずは下のように同ポジで商品を撮影します、この時できるだけ細かくピンをずらした方が合成がきれいに仕上がります。3枚しか載せていませんが合計6枚撮りました。</p>
<p>合成する際に明るさや色味についても修正が可能ですが、できるだけそろえて撮影する事をお勧めします。</p>
<p><a href="/uploads-archive/2016/02/2-2.jpg" rel="attachment wp-att-9625"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-9625" src="/uploads-archive/2016/02/2-2.jpg" alt="2" width="640" height="425" srcset="/uploads-archive/2016/02/2-2.jpg 640w, /uploads-archive/2016/02/2-2-300x199.jpg 300w, /uploads-archive/2016/02/2-2-228x151.jpg 228w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>
<p><a href="/uploads-archive/2016/02/4-1.jpg" rel="attachment wp-att-9627"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-9627" src="/uploads-archive/2016/02/4-1.jpg" alt="4" width="640" height="425" srcset="/uploads-archive/2016/02/4-1.jpg 640w, /uploads-archive/2016/02/4-1-300x199.jpg 300w, /uploads-archive/2016/02/4-1-228x151.jpg 228w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>
<p><a href="/uploads-archive/2016/02/5-1.jpg" rel="attachment wp-att-9629"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-9629" src="/uploads-archive/2016/02/5-1.jpg" alt="5" width="640" height="425" srcset="/uploads-archive/2016/02/5-1.jpg 640w, /uploads-archive/2016/02/5-1-300x199.jpg 300w, /uploads-archive/2016/02/5-1-228x151.jpg 228w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>
<h2>位置を揃える</h2>
<p><a href="/uploads-archive/2016/02/1-1.png" rel="attachment wp-att-9633"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-9633" src="/uploads-archive/2016/02/1-1.png" alt="1" width="640" height="390" srcset="/uploads-archive/2016/02/1-1.png 640w, /uploads-archive/2016/02/1-1-300x183.png 300w, /uploads-archive/2016/02/1-1-228x139.png 228w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>
<p>つぎに撮影した画像をレイヤーとして取り込みます。このときレイヤーはラスタライズされている必要があります。</p>
<p>全てのレイヤーを複数選択して、「編集」から「レイヤーを自動整列」のダイヤログを開きます。</p>
<p>投影法は自動設定にチェックを入れてOKをクリックします。</p>
<p>これで位置（上下左右）のズレは修正ができました。</p>
<h2>画像を合成する</h2>
<p>続いて全てのレイヤーを選択した状態で「編集」から「レイヤーを自動合成」をクリックします。</p>
<p><a href="/uploads-archive/2016/02/7.jpg" rel="attachment wp-att-9636"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-9636" src="/uploads-archive/2016/02/7.jpg" alt="7" width="640" height="499" srcset="/uploads-archive/2016/02/7.jpg 640w, /uploads-archive/2016/02/7-300x234.jpg 300w, /uploads-archive/2016/02/7-228x178.jpg 228w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>
<p>画像をスタックにチェックをいれてOKをクリックすれば合成が完了します。</p>
<p>「シームレスなトーンカラー」にもチェックを入れておくと色味の修正も同時に行てくれます。</p>
<h2>完成</h2>
<p>下の画像が6枚を合成した画像です。</p>
<p><a href="/uploads-archive/2016/02/8.jpg" rel="attachment wp-att-9640"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-9640" src="/uploads-archive/2016/02/8.jpg" alt="8" width="640" height="429" srcset="/uploads-archive/2016/02/8.jpg 640w, /uploads-archive/2016/02/8-300x201.jpg 300w, /uploads-archive/2016/02/8-228x153.jpg 228w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>
<p>今回は白バックですが、抜けがあって、全ての写真で抜けがボケている場合は商品だけにピンが来るように合成されます。</p>


商品撮影で役立つ！photoshopで多焦点合成を行う方法

<p>wordpressで簡単にメールマガジンが送れるプラグインといえば、Subscribe2。</p>
<p>ネット上でももてはやされていて、「使いやすい！」「メルマガはこれで十分！」などの声が溢れているものの、今ひとつ詳しい使い方を解説してくれているサイトが見当たりません。<br />
プラグインのインストール方法とか、日本語変換の方法なんかを詳しく教えてくれるサイトはたくさんあるんですけどね。</p>
<p>まぁいいか！　とりあえず始めよ！と、始めた結果…</p>
<h2>メルマガスパムを送ってしまった</h2>
<p>ある日、お客さんからじゃんじゃん送られてくる「こんなに頻繁に配信されるメルマガは不要です。解約したい」という主旨のメール。</p>
<p>ハテナ、ボクハめるまがオクッテナイゾ…？？</p>
<p>と思いつつも平身低頭謝罪メールを送り、と同時に原因を探ってみてわかったこと。</p>
<h2>思わぬ機能が！</h2>
<p>Subscribe2には、下記の2種類の配信がありました</p>
<p>・登録してくれている人に対して、その都度作成したメールを一斉に送る<br />
・サイトの更新、記事の投稿を通知するメールを登録者に対して一斉で送る</p>
<p>私の認識では、メルマガというのは前者のことを意味していたので、後者のRSS的な配信は寝耳に水でした。</p>
<p>Subscribe2ではデフォルトで後者が配信される設定になっていて、それはつまり、記事を投稿するたびに「新しい記事が投稿されました」的なメールがメルマガ登録者に配信されることを意味します。</p>
<p>私が運営しているサイトはそれこそジャンジャン記事を投稿するサイトだったもので、大量のメールが配信されてしまうことに。</p>
<p>本当に申し訳ありませんでした。。</p>
<h2>解決方法</h2>
<p>最初にきちんと設定をしたらいいのですが、このプラグインはもともと海外のものでして、それを有志の方が日本語バージョンを作ってくれています。<br />
その行いは100％感謝すべきものなのですが、若干日本語がおかしかったりするんです。</p>
<p>たとえば、メールマガジン登録者と、読者と、登録ユーザーなどの定義があいまいでわかりづらかったり。</p>
<p>Subscribe2の全機能を詳しく解説するサイトがないのも、そのあたりが原因ではないかと思います。</p>
<p>Subscribe2を、「（狭義の）メルマガ配信にのみ使いたい、RSS的な配信は止めたい」と考えている人のサイトはいくつか見つけました。<br />
ですが、皆さん方法が微妙に違うので、自分の問題に合ったものを選ぶのが良いかと思います。</p>
<p><a href="http://hack.aipo.com/archives/4889/" target="_blank">更新通知は不要で、メルマガのみで利用したい場合の設定方法</a><br />
<a href="http://developersblog.cxy.jp/2014/03/25/517/" target="_blank">メルマガ配信専用にSubscribe2を使いたい、記事投稿の通知用ではなくて</a><br />
<a href="http://ryus.co.jp/blog/mailmagazineplubin/" target="_blank">メールマガジンプラグイン Subscribe2は簡単で便利に使えそう</a>　→　記事の一番最後でこの問題について触れています</p>
<p>要するになんですが、Subscribe2の設定を上記リンクを参考にいじったあと、記事投稿ページにある「この記事のメール通知を行わない場合はチェックしてください」に自動でチェックが付くようになればOKです。</p>
<p><img decoding="async" loading="lazy" src="/uploads-archive/2016/02/67604a9f843f48e197a2d3ab446dde73.png" alt="新規投稿を追加 ‹ コンペ、コンテスト、公募、コンクールのポータルサイト【コンペナビ】 — WordPress" width="887" height="132" class="aligncenter size-full wp-image-9622" srcset="/uploads-archive/2016/02/67604a9f843f48e197a2d3ab446dde73.png 887w, /uploads-archive/2016/02/67604a9f843f48e197a2d3ab446dde73-300x45.png 300w, /uploads-archive/2016/02/67604a9f843f48e197a2d3ab446dde73-768x114.png 768w, /uploads-archive/2016/02/67604a9f843f48e197a2d3ab446dde73-228x34.png 228w" sizes="(max-width: 887px) 100vw, 887px" /></p>


Subscribe2でメルマガスパムを送ってしまった

<p>今週も作っていきます。</p>
<p>重要度／緊急度マトリクス。</p>
<p>非常に初歩的でビジネスマンとしての大事な部分かと思います。</p>
<p>ただ、私自身もしばしば業務が立てこんだりすると、重要ではないことに時間を割いてしまったり、</p>
<p>そもそもマトリクスの整理がし切れずに、やるべきことを見誤ってしまったりということが少なくありません。</p>
<h2>重要度／緊急度マトリクスとは</h2>
<p>重要であるか、緊急であるかをまとめたマトリクス。</p>
<p><a href="/officer/%e9%87%8d%e8%a6%81%e5%ba%a6%ef%bc%8f%e7%b7%8a%e6%80%a5%e5%ba%a6%e3%83%9e%e3%83%88%e3%83%aa%e3%82%af%e3%82%b9%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-3" rel="attachment wp-att-9615"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-9615" src="/uploads-archive/2016/02/a3d0d5b37099537bf3f04f107d74d343-300x178.png" alt="ビジネスフレームワークテンプレート集※ダウンロードしてお使い下さい。_-_Google_スプレッドシート 2" width="300" height="178" srcset="/uploads-archive/2016/02/a3d0d5b37099537bf3f04f107d74d343-300x178.png 300w, /uploads-archive/2016/02/a3d0d5b37099537bf3f04f107d74d343-768x457.png 768w, /uploads-archive/2016/02/a3d0d5b37099537bf3f04f107d74d343-228x136.png 228w, /uploads-archive/2016/02/a3d0d5b37099537bf3f04f107d74d343.png 817w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<ul>
<li>重要で緊急なものを第 I 領域</li>
<li>重要だが緊急でないものを第 II 領域</li>
<li>重要ではないが緊急なものを第 III 領域</li>
<li>重要でも緊急でもないものを第 IV 領域</li>
</ul>
<p>とします。</p>
<p>サンプルを見てもらえばわかりますが、基本的には第 I 領域に日々比重を置いている方が大半だと思いますし、<span data-sheets-value="[null,2,&quot;\u7b2c IV \u9818\u57df&quot;]" data-sheets-userformat="[null,null,639,[null,0],[null,2,14277081],[null,[[null,2,0,null,null,[null,2,0]],[null,0,0,3],[null,1,0,null,1]]],[null,[[null,2,0,null,null,[null,2,0]],[null,0,0,3],[null,1,0,null,1]]],[null,[[null,2,0,null,null,[null,2,0]],[null,0,0,3],[null,1,0,null,1]]],[null,[[null,2,0,null,null,[null,2,0]],[null,0,0,3],[null,1,0,null,1]]],1,null,null,0]">第 IV 領域の重要でも緊急でもないことに時間を消費してしまうこともあります。</span></p>
<p>しかしながら、一番注力すべきは、重要だが緊急でないものに如何に時間を費やせるかになります。</p>
<p>言い換えると第 II 領域 は仕事に対しても自分に対しても先手を打つということになります。</p>
<p>緊急性というのは時間の経過と共に移動をするものですので、緊急でないうちに処理してしまうことが非常に肝要で人という単位で考えると新しい技術、知識への探求だったりということが挙げられます。</p>
<div></div>
<h2>SWOT分析のサンプル</h2>
<div>フランクリン・プランナーさんの時間管理のマトリックスのサンプルです。</div>
<div></div>
<div><a href="/officer/%e9%87%8d%e8%a6%81%e5%ba%a6%ef%bc%8f%e7%b7%8a%e6%80%a5%e5%ba%a6%e3%83%9e%e3%83%88%e3%83%aa%e3%82%af%e3%82%b9%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-2" rel="attachment wp-att-9614"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-9614" src="/uploads-archive/2016/02/6fc2f55cba993faeb4e751f205e69b30-300x186.png" alt="ビジネスフレームワークテンプレート集※ダウンロードしてお使い下さい。_-_Google_スプレッドシート" width="300" height="186" srcset="/uploads-archive/2016/02/6fc2f55cba993faeb4e751f205e69b30-300x186.png 300w, /uploads-archive/2016/02/6fc2f55cba993faeb4e751f205e69b30-768x475.png 768w, /uploads-archive/2016/02/6fc2f55cba993faeb4e751f205e69b30-228x141.png 228w, /uploads-archive/2016/02/6fc2f55cba993faeb4e751f205e69b30.png 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#gid=1547852289" target="_blank">ビジネスフレームワークテンプレート集-Googleスプレッドシート</a></p>
<p>各種シリーズで作っているシートが溜まってきました。</p>
<p>&nbsp;</p>
</div>


medium_a3d0d5b37099537bf3f04f107d74d343.png

small_a3d0d5b37099537bf3f04f107d74d343.png

thumbnail_a3d0d5b37099537bf3f04f107d74d343.png

a3d0d5b37099537bf3f04f107d74d343.png

重要度／緊急度マトリクスのGoogleスプレッドシート

<p>フリーランスになりたい！</p>
<p>というわけではないですが、このサイトに掲載されているツールはフリーランスに限らず、<br />
普通に便利なツールが載っています。</p>
<p>カラー関連、アイコン関連、フォント関連、写真関連、等々多くのサイトが一覧にまとめられています。</p>
<p>写真関連のサイトが多いですね〜</p>
<p><a href="https://www.hellobonsai.com/best-freelance-tools" class="link" target="_blank">Best Tools for Freelance Designers and Developers | Bonsai</a></p>
<p>以前、デザイナー向けツールのサイトの紹介もしていました。</p>
<p><a href="/designer/%e3%83%87%e3%82%b6%e3%82%a4%e3%83%8a%e3%83%bc%e5%90%91%e3%81%91%e3%83%95%e3%83%aa%e3%83%bc%ef%bc%86%e6%9c%89%e6%96%99%e7%b4%a0%e6%9d%90%e3%81%be%e3%81%a8%e3%82%81%e3%82%b5%e3%82%a4%e3%83%88%e3%80%8cma.html" target="_blank" class="link">デザイナー向けフリー＆有料素材まとめサイト「Makerbook」 | スターフィールド株式会社</a></p>


フリーランスのデザイナー＆プログラマーにとって便利なツールのご紹介

<p>私は結構アナログ人間なところがあり、紙に書いてしまう癖があります。<br />
「あ！あとで見よう！」と思ってブックマークに登録しますが、どんどん詰まっていくと見づらくて見なくなっているサイトもしばしば。（整理しろという文句はまた今度聞きます）<br />
そんな私にピッタリの気になるページやテキスト、動画や画像なんかを残しておく時に便利なChrome拡張を見つけたので使用してみました。</p>
<p>その名も『DashNotes』<br />
こういった記録アプリに関しては、Evernoteとかが有名だと思うのですが、私的にはこっちの方が簡単でシンプルで使いやすいです。</p>
<h2>気になったテキストを選択して右クリックでペタリ</h2>
<p>DashNotesは、気になったテキストや動画・画像などを新しいタブとしてストックする事が出来ます。<br />
イメージ的には、付箋でぺたりと貼ったような感じです。</p>
<h3>右クリックメニューからコンテンツを保存し、新しいタブを作成します。</h3>
<p><a href="/uploads-archive/2016/02/dashnotes_1.jpg" rel="attachment wp-att-9583"><img decoding="async" loading="lazy" src="/uploads-archive/2016/02/dashnotes_1.jpg" alt="dashnotes_1" width="600" height="249" class="alignnone size-full wp-image-9583" srcset="/uploads-archive/2016/02/dashnotes_1.jpg 600w, /uploads-archive/2016/02/dashnotes_1-300x125.jpg 300w, /uploads-archive/2016/02/dashnotes_1-228x95.jpg 228w" sizes="(max-width: 600px) 100vw, 600px" /></a></p>
<p>選択したコンテンツを画像の赤丸で囲っているコンテキストメニューを選ぶだけでOKです(*´▽｀*)簡単♥<br />
ちなみに動画に関しては、HTML5プレイヤーを使用しているものであれば動画プレイヤーごと保存しておくことが可能。<br />
ただし、外部サイトでの埋め込み再生を禁止している動画に関しては再生が出来ませんので【Youtubeで再生する】から画面遷移する必要がありますのでご注意下さい。</p>
<h3>どんどん新しい情報をペタリ</h3>
<p><a href="/uploads-archive/2016/02/dashnotes_2.jpg" rel="attachment wp-att-9584"><img decoding="async" loading="lazy" src="/uploads-archive/2016/02/dashnotes_2.jpg" alt="dashnotes_2" width="800" height="415" class="alignnone size-full wp-image-9584" srcset="/uploads-archive/2016/02/dashnotes_2.jpg 800w, /uploads-archive/2016/02/dashnotes_2-300x156.jpg 300w, /uploads-archive/2016/02/dashnotes_2-768x398.jpg 768w, /uploads-archive/2016/02/dashnotes_2-228x118.jpg 228w" sizes="(max-width: 800px) 100vw, 800px" /></a></p>
<p>画像はテキストリンクのみとなっていますが、テキストでメモしておけば後日見たい情報をすぐに見つける事ができますよね。<br />
忘れちゃっていた時でも、すぐに確認が出来るので忘れやすい私には本当ありがたいです。</p>
<p>左上にある「＋」からただのメモを残しておくことも可能。<br />
<a href="/uploads-archive/2016/02/dashnotes_1_01.jpg" rel="attachment wp-att-9590"><img decoding="async" loading="lazy" src="/uploads-archive/2016/02/dashnotes_1_01.jpg" alt="dashnotes_1_01" width="800" height="415" class="alignnone size-full wp-image-9590" srcset="/uploads-archive/2016/02/dashnotes_1_01.jpg 800w, /uploads-archive/2016/02/dashnotes_1_01-300x156.jpg 300w, /uploads-archive/2016/02/dashnotes_1_01-768x398.jpg 768w, /uploads-archive/2016/02/dashnotes_1_01-228x118.jpg 228w" sizes="(max-width: 800px) 100vw, 800px" /></a><br />
<a href="/uploads-archive/2016/02/dashnotes_1_02.jpg" rel="attachment wp-att-9589"><img decoding="async" loading="lazy" src="/uploads-archive/2016/02/dashnotes_1_02.jpg" alt="dashnotes_1_02" width="800" height="416" class="alignnone size-full wp-image-9589" srcset="/uploads-archive/2016/02/dashnotes_1_02.jpg 800w, /uploads-archive/2016/02/dashnotes_1_02-300x156.jpg 300w, /uploads-archive/2016/02/dashnotes_1_02-768x399.jpg 768w, /uploads-archive/2016/02/dashnotes_1_02-228x119.jpg 228w" sizes="(max-width: 800px) 100vw, 800px" /></a></p>
<h3>なんかすっごいおしゃれ</h3>
<p><a href="/uploads-archive/2016/02/dashnotes_0_01.jpg" rel="attachment wp-att-9587"><img decoding="async" loading="lazy" src="/uploads-archive/2016/02/dashnotes_0_01.jpg" alt="dashnotes_0_01" width="800" height="412" class="alignnone size-full wp-image-9587" srcset="/uploads-archive/2016/02/dashnotes_0_01.jpg 800w, /uploads-archive/2016/02/dashnotes_0_01-300x155.jpg 300w, /uploads-archive/2016/02/dashnotes_0_01-768x396.jpg 768w, /uploads-archive/2016/02/dashnotes_0_01-228x117.jpg 228w" sizes="(max-width: 800px) 100vw, 800px" /></a><br />
<a href="/uploads-archive/2016/02/dashnotes_0_02.jpg" rel="attachment wp-att-9586"><img decoding="async" loading="lazy" src="/uploads-archive/2016/02/dashnotes_0_02.jpg" alt="dashnotes_0_02" width="800" height="416" class="alignnone size-full wp-image-9586" srcset="/uploads-archive/2016/02/dashnotes_0_02.jpg 800w, /uploads-archive/2016/02/dashnotes_0_02-300x156.jpg 300w, /uploads-archive/2016/02/dashnotes_0_02-768x399.jpg 768w, /uploads-archive/2016/02/dashnotes_0_02-228x119.jpg 228w" sizes="(max-width: 800px) 100vw, 800px" /></a><br />
<a href="/uploads-archive/2016/02/dashnotes_0.jpg" rel="attachment wp-att-9585"><img decoding="async" loading="lazy" src="/uploads-archive/2016/02/dashnotes_0.jpg" alt="dashnotes_0" width="800" height="418" class="alignnone size-full wp-image-9585" srcset="/uploads-archive/2016/02/dashnotes_0.jpg 800w, /uploads-archive/2016/02/dashnotes_0-300x157.jpg 300w, /uploads-archive/2016/02/dashnotes_0-768x401.jpg 768w, /uploads-archive/2016/02/dashnotes_0-228x119.jpg 228w" sizes="(max-width: 800px) 100vw, 800px" /></a></p>
<p>これは、何も貼り付けていない状態のDashNotesです。<br />
新しいタブを開く度に画像が変更されます。なんだかとってもオシャンティです。<br />
あと右上の秒数カウント付きの時計が地味に嬉しいです。</p>
<p>試しに使ってみたい方は、無料ですので<a href="https://chrome.google.com/webstore/detail/dashnotes/akejfagjhbihofnhibbkdlhmoflckfdk">DashNotes</a>から拡張機能をインストールしてみてください。<br />
もし消したい場合には、google設定から「拡張機能を無効にする」で解除されますよ～。</p>


画像やページを残しておけるChrome拡張「DashNotes」

<p>個人的に、ドキュメントをきれいに作りたいときはillustratorを使っており、</p>
<p>レイアウトや色使いが自由にできるので満足しているのだが、ページ番号をふれない、という大きな問題がある。</p>
<p>数ページのドキュメントであれば手動でふればよいのだが、数十ページともなるとページ番号無しでいいかと妥協してしまう。</p>
<p>この度100ページ超えの資料を作る機会があり、同じ状況に直面。</p>
<p>今回はページ番号をふらなければまずかったので、良い方法が無いか調べてみた。</p>
<p>&nbsp;</p>
<p>結果として、illustratorにページ番号をふる機能は無く、プラグインを作るしか無いという結論に至った。</p>
<p>&nbsp;</p>
<p>illustratorのプラグインについて</p>
<p>言語の仕様としてはjavascriotで作成できるらしい</p>
<p>activeDocumentやlayerなどといったillustrator独自のオブジェクトがあり、これらをjsで操作できるようだ</p>
<p>ちょっとバージョンは古いが、以下のサイトが非常に参考になった</p>
<p><a href="http://www.openspc2.org/book/IllustratorCS4/" target="_blank">http://www.openspc2.org/book/IllustratorCS4/</a></p>
<p>&nbsp;</p>
<p>自分がやった処理は</p>
<ol>
<li>全てのレイヤーを順番に開く</li>
<li>非表示のレイヤーは強制的に表示させる</li>
<li>指定した場所にページ番号を表示させる</li>
<li>全レイヤーに実行したら完了</li>
</ol>
<p>という流れ</p>
<p>具体的には以下のように書いてみた</p>

		<div id="crayon-6495401591a07201117057" 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">JavaScript</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;">
(function(){
	var layerCount = activeDocument.layers.length;
	for (var i = 0; i &lt; layerCount; i++ ) 
	{
		var targetLayer = activeDocument.layers[i];

		if( !targetLayer.visible ) targetLayer.visible = true;

		textObj = targetLayer.textFrames.add();
		textObj.contents = layerCount - i;

		textObj.position = [x座標, y座標];
	}

	alert("完了しました");
})();</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-6495401591a07201117057-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495401591a07201117057-2">2</div><div class="crayon-num" data-line="crayon-6495401591a07201117057-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495401591a07201117057-4">4</div><div class="crayon-num" data-line="crayon-6495401591a07201117057-5">5</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495401591a07201117057-6">6</div><div class="crayon-num" data-line="crayon-6495401591a07201117057-7">7</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495401591a07201117057-8">8</div><div class="crayon-num" data-line="crayon-6495401591a07201117057-9">9</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495401591a07201117057-10">10</div><div class="crayon-num" data-line="crayon-6495401591a07201117057-11">11</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495401591a07201117057-12">12</div><div class="crayon-num" data-line="crayon-6495401591a07201117057-13">13</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495401591a07201117057-14">14</div><div class="crayon-num" data-line="crayon-6495401591a07201117057-15">15</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495401591a07201117057-16">16</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-6495401591a07201117057-1"><span class="crayon-sy">(</span><span class="crayon-t">function</span><span class="crayon-sy">(</span><span class="crayon-sy">)</span><span class="crayon-sy">{</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495401591a07201117057-2"><span class="crayon-h">	</span><span class="crayon-t">var</span><span class="crayon-h"> </span><span class="crayon-i">layerCount</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-i">activeDocument</span><span class="crayon-sy">.</span><span class="crayon-i">layers</span><span class="crayon-sy">.</span><span class="crayon-i">length</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-6495401591a07201117057-3"><span class="crayon-h">	</span><span class="crayon-st">for</span><span class="crayon-h"> </span><span class="crayon-sy">(</span><span class="crayon-t">var</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">layerCount</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-sy">)</span><span class="crayon-h"> </span></div><div class="crayon-line crayon-striped-line" id="crayon-6495401591a07201117057-4"><span class="crayon-h">	</span><span class="crayon-sy">{</span></div><div class="crayon-line" id="crayon-6495401591a07201117057-5"><span class="crayon-h">		</span><span class="crayon-t">var</span><span class="crayon-h"> </span><span class="crayon-i">targetLayer</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-i">activeDocument</span><span class="crayon-sy">.</span><span class="crayon-i">layers</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-6495401591a07201117057-6">&nbsp;</div><div class="crayon-line" id="crayon-6495401591a07201117057-7"><span class="crayon-h">		</span><span class="crayon-st">if</span><span class="crayon-sy">(</span><span class="crayon-h"> </span><span class="crayon-sy">!</span><span class="crayon-i">targetLayer</span><span class="crayon-sy">.</span><span class="crayon-i">visible</span><span class="crayon-h"> </span><span class="crayon-sy">)</span><span class="crayon-h"> </span><span class="crayon-i">targetLayer</span><span class="crayon-sy">.</span><span class="crayon-i">visible</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-t">true</span><span class="crayon-sy">;</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495401591a07201117057-8">&nbsp;</div><div class="crayon-line" id="crayon-6495401591a07201117057-9"><span class="crayon-h">		</span><span class="crayon-i">textObj</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-i">targetLayer</span><span class="crayon-sy">.</span><span class="crayon-i">textFrames</span><span class="crayon-sy">.</span><span class="crayon-e">add</span><span class="crayon-sy">(</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495401591a07201117057-10"><span class="crayon-h">		</span><span class="crayon-i">textObj</span><span class="crayon-sy">.</span><span class="crayon-i">contents</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-i">layerCount</span><span class="crayon-h"> </span>-<span class="crayon-h"> </span><span class="crayon-i">i</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-6495401591a07201117057-11">&nbsp;</div><div class="crayon-line crayon-striped-line" id="crayon-6495401591a07201117057-12"><span class="crayon-h">		</span><span class="crayon-i">textObj</span><span class="crayon-sy">.</span><span class="crayon-i">position</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-sy">[</span><span class="crayon-i">x</span>座標<span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-i">y</span>座標<span class="crayon-sy">]</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-6495401591a07201117057-13"><span class="crayon-h">	</span><span class="crayon-sy">}</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495401591a07201117057-14">&nbsp;</div><div class="crayon-line" id="crayon-6495401591a07201117057-15"><span class="crayon-h">	</span><span class="crayon-r">alert</span><span class="crayon-sy">(</span><span class="crayon-s">"完了しました"</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495401591a07201117057-16"><span class="crayon-sy">}</span><span class="crayon-sy">)</span><span class="crayon-sy">(</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>&nbsp;</p>
<p>以下は実際にaiで実行してpdf化したもの</p>
<p><a href="/uploads-archive/2016/02/1-7.pdf" rel="">サンプルPDF</a></p>
<p>&nbsp;</p>
<p>未だ理解が浅いが、jsでとっかかりやすいし便利そうなので、機会があれば今後も使ってみたい</p>

【illustrator】レイヤーに自動でページ番号を付ける方法

<p>３D業界の方とお話しする機会がありました。</p>
<p><a href="http://compe.sterfield.jp/editor/shade3d/">http://compe.sterfield.jp/editor/shade3d/</a><br />
&nbsp;</p>
<p>いま３Dプリンターの利用法は、大きく分けて、ビジネス利用とホビー利用に分けられます。</p>
<p>それぞれの代表的な使い方のご紹介！</p>
<p>&nbsp;</p>
<h2>ビジネス利用</h2>
<ul>
<li>患者の生きた細胞を使って3Dプリンターで移植可能な腎臓を出力</li>
<li>米国のGMとフォードは製品開発に3Dプリンターを使用</li>
<li>宇宙開発。人工衛星の部品やロケットエンジン噴射装置の製造に３Dプリンターを使用（上の3つの<a href="http://byus.me/facts/1010/questions/2220">参考サイト</a>）</li>
<li><a href="http://gigazine.net/news/20151221-download-3d-print-clothes/">服は買わずにダウンロードして3Dプリンターで印刷</a></li>
<li><a href="http://by-s.me/article/126516961052547501"><span style="line-height: 1.5;">世界初”3Dパンケーキプリンター”で何でもパンケーキになっちゃう</span></a></li>
</ul>
<p>&nbsp;</p>
<p>すごいですね。</p>
<p>メリットとしては、現地で出力すればいいので輸送費がかからない、データを書き換えることで簡単に改変可能、３Dプリンターでなければ実現不可能な形状の作成、などが挙げられます。</p>
<p>&nbsp;</p>
<h2>ホビー利用</h2>
<ul>
<li><a href="http://togetter.com/li/763689">3Dプリンターやばい　今後のコミケのトレンドを変えてしまいそう</a></li>
<li>3Dプリンターで作る自家製銃<br />
<iframe loading="lazy" width="560" height="315" src="https://www.youtube.com/embed/A8EDr3ZDtL0" frameborder="0" allowfullscreen="allowfullscreen"></iframe></li>
</ul>
<p>&nbsp;</p>
<p>日本で火が付くのはこっち系なような気もします。</p>
<p>&nbsp;<br />
&nbsp;</p>
<h2>しかし業界的にはまだまだ模索中のようです</h2>
<p>さまざまな可能性がある３Dプリンターですが、実は業界のなかの人にとっては、「実際ほんとに便利なの？」というのは耳の痛い問いかけだそうです。</p>
<p>2000年代中盤に特許が切れ、一気に価格が下がった３Dプリンター。</p>
<p>日本でもプチブームがありましたが、本当のブレイクはこれからでしょう！</p>
<p>&nbsp;</p>


可能性しかない！３Dプリンターの未来（ビジネス利用、ホビー利用）

thumbnail_nadeshiko (1).jpg

nadeshiko (1).jpg

プログラムと言う&#8221;言語&#8221;

<p><a href="/blog/product/javascript/reveal-js%E3%82%92%E4%BD%BF%E3%81%A3%E3%81%A6%E3%81%BF%E3%81%9F.html">先週のブログ</a>に引き続き、プレゼンがテーマです。</p>
<p>先日<a href="http://scalamatsuri.org/">ScalaMatsuri 2016</a>というカンファレンスに参加したのですが、<br />
そこで登壇された方が、Scalaのreplを使ったプレゼンテーションをしていて、<br />
私も使用してみたい！と思い、ブログにしてみました。<br />
<small>（※replとは、read-eval-print-loopの略で、対話型実行環境のこと。）</small></p>
<h2>使い方</h2>
<p>下記を参考にしました。<br />
<a href="https://github.com/marconilanna/REPLesent">marconilanna/REPLesent</a><br />
ここで会社では簡単なデモを紹介しましたが、上のgithubにデモ動画が上がっています。下のやつでも確認できます。<br />
<script type="text/javascript" src="https://asciinema.org/a/16690.js" id="asciicast-16690" async></script></p>
<h2>所感</h2>
<h4>メリット</h4>
<ul>
<li>
  スライドの途中にScalaのプログラムを走らせることができる。
  </li>
<li>
  テキストファイルをいじるだけなので、簡単
  </li>
<li>
  絵文字が使える。
  </li>
</ul>
<h4>デメリット</h4>
<ul>
<li>
  日本語を使用すると若干レイアウトが崩れる
  </li>
</ul>
<h2>まとめ</h2>
<p>使用する機会がなさそうですが、いつか使用してみたいです。</p>


Scalaでプレゼン REPLesentを使ってみた

<h2>VRでショッピング　アバターを使って試着する</h2>
<p><iframe loading="lazy" width="425" height="350" src="//www.youtube.com/embed/E6lVnGtlqtU" allowfullscreen="allowfullscreen"></iframe></p>
<p>vr開発会社のSixenseはVR店舗の中で買い物をする様子を動画で公開している。</p>
<p>両手にグローブのようなデバイスを握る事で、VR中の商品を持つことができる、さらにアバターを使って試着する事も可能との事。</p>
<h2>車の仮想ショールーム</h2>
<p><iframe loading="lazy" width="425" height="350" src="//www.youtube.com/embed/DilzwF90vec" allowfullscreen="allowfullscreen"></iframe></p>
<p>こちらはマイクロソフトが開発したARマウントディスプレイ<a href="https://www.microsoft.com/microsoft-hololens/en-us">hololens</a>を利用したボルボの仮想ショールームを紹介する動画。</p>
<p>仮想ショールームは小さなスペースでの自動車ディーラーを可能にし、顧客に対して車の機能や内部まで説明する事ができる。</p>
<h2>スポーツ観戦はこう変わる！ARが可能にする新感覚</h2>
<p><iframe loading="lazy" width="425" height="350" src="//www.youtube.com/embed/oKqzeoMCU0c" allowfullscreen="allowfullscreen"></iframe></p>
<p>先ほどのhololensを活用した未来予想図がこちらの動画。</p>
<p>こんな物があったら、家からでなくなる人がさらに続出しそうだが是非実現してほしい。</p>
<h2>火星に立てる NASAが火星の360°動画を公開</h2>
<h2><iframe loading="lazy" width="425" height="350" src="//www.youtube.com/embed/ME_T4B1rxCg" allowfullscreen="allowfullscreen"></iframe></h2>
<p>NASAの探査機が火星で撮影した画像をつなぎ合わせて作成したVR動画。</p>
<p>これで見た火星は頑張ればなんとか住めそうな気がする。</p>
<h2>製造業の現場でもVRが活躍する!?</h2>
<p><a href="http://daqri.com/" rel="attachment wp-att-9553"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-9553" src="/uploads-archive/2016/02/2-1.jpg" alt="2" width="640" height="483" srcset="/uploads-archive/2016/02/2-1.jpg 640w, /uploads-archive/2016/02/2-1-300x226.jpg 300w, /uploads-archive/2016/02/2-1-228x172.jpg 228w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>
<p>これはDAQRIが開発したスマートヘルメットというヘルメットとゴーグルが一つになったようなデバイスで、作業における指示などの情報がゴーグルに映し出される。加えて製造現場の安全確保にもつながるとのこと。</p>
<p><a href="http://techcrunch.com/video/daqris-smart-helmet-hands-on/519393284/">Tech Crunch</a>のインタビュー動画を見るとスマートヘルメットがどういうものか良くわかる。</p>
<p><iframe loading="lazy" width="425" height="350" src="//www.youtube.com/embed/47H6ul0W1-E" allowfullscreen="allowfullscreen"></iframe></p>
<p>VRというよりはどちらかというとARに分類されるかもしれない。</p>
<p>DaqriのCEOであるBrian Mullinsは</p>
<blockquote><p>産業界に革新的なインパクトを与える重要なとき</p></blockquote>
<p>と語っている。ものづくりがお家芸の日本への影響は大きいかもしれない。</p>
<p>&nbsp;</p>


AR・VRの未来はどうなるのか？今観ておきたい最新AR・VR動画まとめ

<p>photoshop ccやsketchでも使えるというプラグインです。</p>
<p>UI designを助けてくれるという触れ込みです。</p>
<p><a href="http://labs.invisionapp.com/craft" class="link" target="_blank">Craft by InVision LABS</a></p>
<p>以下の流れは基本「Photoshop」での話になりますのでご了承下さい。</p>
<h2>Craftのインストール</h2>
<p>まずは公式HPへリンクし、インストーラーをダウンロードします。<br />
windows/macは自動で判断しますので迷うことはありません。</p>
<p>インストーラーをダウンロードしたら起動します。<br />
そして、「sketch」か「photoshop」のどちらをインストールするか選択します。</p>
<p>これでインストール完了です。<br />
（photoshopを再起動させれば、エクステンションに追加されています。）</p>
<p>こちらのプラグインには、<br />
「Duplicate」「Type」「Photos」<br />
と大きく3つの機能があります。</p>
<p>簡単にはなりますがちょっとずつ説明していきます。</p>
<h3>Duplicate</h3>
<p>要素やシェイプを複製できるもので、ギャラリー等の制作に最適かもしれません。</p>
<p><a href="/uploads-archive/2016/02/6ap6Jo4mVg.gif" target="_blank"><img decoding="async" src="/uploads-archive/2016/02/6ap6Jo4mVg.gif" alt="6ap6Jo4mVg" width="640" class="alignnone size-large wp-image-9541" /></a></p>
<p>まず一つ元となるものを作り、それを選択し、<br />
縦、横にいくつ、<br />
どのくらいのマージンで、<br />
複製をするのかを決める感じです。</p>
<h3>Type</h3>
<p>こちらはあらゆるダミーテキストを一瞬で挿入できます。<br />
名前、見出し、文章、住所、日付、メールアドレス等など&#8230;</p>
<p>こちらも元のテキスト（なんでもOK）を用意し、それを選択しておきます。<br />
パネルを開き、変更したいものをクリックするだけで変更されます。</p>
<p><a href="/uploads-archive/2016/02/93JN3Zl7lD.gif" rel="attachment wp-att-9544"><img decoding="async" src="/uploads-archive/2016/02/93JN3Zl7lD.gif" alt="93JN3Zl7lD" width="640" class="alignnone size-large wp-image-9544" /></a></p>
<p>同じボタンを押してもランダムなので違う内容になります。</p>
<p>惜しいのは英語しかないという点ですね。日本語版があればすごくいいのに。。。</p>
<h3>Photos</h3>
<p>こちらは写真を挿入する機能になります。</p>
<p>ただ写真を貼り付けるだけなのかなと思っていましたが、作ったシェイプに合わせて写真を当て込んでくれるものでした。</p>
<p><a href="/uploads-archive/2016/02/sisGyFJoe1.gif" rel="attachment wp-att-9545"><img decoding="async" src="/uploads-archive/2016/02/sisGyFJoe1.gif" alt="sisGyFJoe1" width="640" class="alignnone size-large wp-image-9545" /></a></p>
<p><a href="https://unsplash.com/" target="_blank">Unsplash</a>というサイトから持ってこれますが、パソコンのフォルダやdropboxも指定できます。</p>
<p>どの場合も写真を選べるわけではなく、ランダムで入れてくれます。<br />
(自身のPCの場合、どこかのフォルダを選ぶと、そのフォルダ内にある写真をランダムで挿入します)</p>
<p>ですので、ダミー写真を用意するのに便利かと思います。</p>
<h2>終わりに</h2>
<p>管理画面、モックアップの作成にかなり使えるプラグインだと思いました。<br />
特に、SNS系、メディア系なんかのサイトに威力を発揮できるかもしれません。</p>
<p>僕は第一校のデザインは、全部同じ写真で出しちゃったりするので、ぜひ使用してみたいと思います。</p>
<p>おまけですが、こちら載せておきます。<br />
<a href="http://photoshopvip.net/ultimate-ps-tip" target="_blank">意外と知らない、Photoshop CCの隠し小技テクニック20個まとめました。 &#8211; PhotoshopVIP</a></p>


Photoshopが便利になるプラグイン「craft」

<p>アクセス解析では最早必須の「Googleアナリティクス」ですが、私も自社のコーポレートサイトからお客様のサイトまで、毎日アクセスを欠かすことがありません。</p>
<p>デフォルトの設定でも十分にアクセス解析を行うことが出来るのですが、逆に高機能過ぎて、様々な設定を使いこなすこと自体に知識と技術が必要であります。</p>
<p>そんな中で、Googleアナリティクスを使いやすくする「Dot metrix」というサービスがリリースされていたので早速使ってみました。</p>
<h2>初期登録</h2>
<p><a href="/officer/google%e3%82%a2%e3%83%8a%e3%83%aa%e3%83%86%e3%82%a3%e3%82%af%e3%82%b9%e3%82%92%e6%8b%a1%e5%bc%b5%e3%81%99%e3%82%8b%e3%80%8cdot-metrix%e3%80%8d%e3%81%ae%e4%b8%80%e8%a6%a7%e6%80%a7%e3%81%8c%e7%b4%a0.html/attachment/dot_metrix" rel="attachment wp-att-9530"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-9530" src="/uploads-archive/2016/02/Dot_metrix-300x148.png" alt="Dot_metrix" width="300" height="148" srcset="/uploads-archive/2016/02/Dot_metrix-300x148.png 300w, /uploads-archive/2016/02/Dot_metrix-768x379.png 768w, /uploads-archive/2016/02/Dot_metrix-1024x505.png 1024w, /uploads-archive/2016/02/Dot_metrix-228x112.png 228w, /uploads-archive/2016/02/Dot_metrix.png 1273w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>右上の「Googleログイン」からGmailアドレスでも会社のGoogleAppsドメインでもどちらでも初期登録が行えました。</p>
<p><a href="/officer/google%e3%82%a2%e3%83%8a%e3%83%aa%e3%83%86%e3%82%a3%e3%82%af%e3%82%b9%e3%82%92%e6%8b%a1%e5%bc%b5%e3%81%99%e3%82%8b%e3%80%8cdot-metrix%e3%80%8d%e3%81%ae%e4%b8%80%e8%a6%a7%e6%80%a7%e3%81%8c%e7%b4%a0.html/attachment/dot_metrix-2" rel="attachment wp-att-9537"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-9537" src="/uploads-archive/2016/02/Dot_metrix-2-300x188.png" alt="Dot_metrix 2" width="300" height="188" srcset="/uploads-archive/2016/02/Dot_metrix-2-300x188.png 300w, /uploads-archive/2016/02/Dot_metrix-2-768x483.png 768w, /uploads-archive/2016/02/Dot_metrix-2-1024x643.png 1024w, /uploads-archive/2016/02/Dot_metrix-2-228x143.png 228w, /uploads-archive/2016/02/Dot_metrix-2.png 1528w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>Auth認証が入り、登録内容を記入します。</p>
<p>会社名と担当者名が必須になっていてすぐに登録は完了します。</p>
<h2>サマリー画面</h2>
<p>登録が終わるとすぐにサマリー画面に遷移します。</p>
<p>このページが重要ですよね。</p>
<p><a href="/officer/google%e3%82%a2%e3%83%8a%e3%83%aa%e3%83%86%e3%82%a3%e3%82%af%e3%82%b9%e3%82%92%e6%8b%a1%e5%bc%b5%e3%81%99%e3%82%8b%e3%80%8cdot-metrix%e3%80%8d%e3%81%ae%e4%b8%80%e8%a6%a7%e6%80%a7%e3%81%8c%e7%b4%a0.html/attachment/dot_metrix_1" rel="attachment wp-att-9531"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-9531" src="/uploads-archive/2016/02/Dot_metrix_1-300x258.png" alt="Dot_metrix_1" width="300" height="258" srcset="/uploads-archive/2016/02/Dot_metrix_1-300x258.png 300w, /uploads-archive/2016/02/Dot_metrix_1-768x659.png 768w, /uploads-archive/2016/02/Dot_metrix_1-1024x879.png 1024w, /uploads-archive/2016/02/Dot_metrix_1-228x196.png 228w, /uploads-archive/2016/02/Dot_metrix_1.png 1052w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>過去7日間がデフォルトになっており、折れ線グラフと円グラフが見やすいです。</p>
<p><a href="/officer/google%e3%82%a2%e3%83%8a%e3%83%aa%e3%83%86%e3%82%a3%e3%82%af%e3%82%b9%e3%82%92%e6%8b%a1%e5%bc%b5%e3%81%99%e3%82%8b%e3%80%8cdot-metrix%e3%80%8d%e3%81%ae%e4%b8%80%e8%a6%a7%e6%80%a7%e3%81%8c%e7%b4%a0.html/attachment/%e3%83%a6%e3%83%bc%e3%82%b5%e3%82%99%e3%83%bc_%e3%82%b5%e3%83%9e%e3%83%aa%e3%83%bc_-_google_analytics" rel="attachment wp-att-9532"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-9532" src="/uploads-archive/2016/02/cd09c83a2e6b31a0a0947dd1ab3786ae-300x201.png" alt="ユーザー_サマリー_-_Google_Analytics" width="300" height="201" srcset="/uploads-archive/2016/02/cd09c83a2e6b31a0a0947dd1ab3786ae-300x201.png 300w, /uploads-archive/2016/02/cd09c83a2e6b31a0a0947dd1ab3786ae-768x516.png 768w, /uploads-archive/2016/02/cd09c83a2e6b31a0a0947dd1ab3786ae-228x153.png 228w, /uploads-archive/2016/02/cd09c83a2e6b31a0a0947dd1ab3786ae.png 1022w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>こちらは見慣れたGoogleアナリティクスのサマリー画面です。</p>
<p>アナリティクスでは一ヶ月間の数値が基本です。一応各種数値はモザイクかけています。</p>
<p>見比べてみると</p>
<h3>Googleアナリティクスのサマリー</h3>
<ul>
<li>セッション</li>
<li>ユーザー</li>
<li>ページビュー数</li>
<li>ページ/セッション</li>
<li>平均セッション時間</li>
<li>直帰率</li>
<li>新規セッション率</li>
<li>言語</li>
</ul>
<p>Googleアナリティクスは上記8項目が閲覧出来るのに対し</p>
<h3>Dot metrixのサマリー</h3>
<ul>
<li>ページビュー数</li>
<li>訪問数</li>
<li>ユーザー数</li>
<li>平均訪問時間 (秒)</li>
<li>リピーター/新規比率</li>
<li>デバイス比率</li>
<li>地域比率</li>
<li>参照元比率</li>
<li>Googleからの流入キーワード</li>
<li>参照元ページランキング</li>
<li>ページビュー数/訪問数</li>
<li>直帰率</li>
<li>ページ別PVランキング</li>
<li>ページ別離脱率ランキング</li>
<li>ページ別直帰率ランキング</li>
</ul>
<p>15項目さらには各種KPIとこのページだけ毎日見とけという内容を確認することが出来ます。</p>
<p>Googleアナリティクスでは行動のサマリーに行ったり、集客のサマリーに行ったりと最低でも数ページは巡回していたので、非常に楽になりそうです。</p>
<h2>指標分析</h2>
<p>まだまだ使いこなせていないのとデータが取れていないのですが、</p>
<ul>
<li>ファネル分析</li>
<li>コホート分析</li>
<li>LTV分析</li>
<li>A/Bテスト</li>
</ul>
<p>も出来るようです。</p>
<p>Googleアナリティクスを用いてA/Bテストをやろうとすると一手間必要なので、指標分析が簡単に出来るようになっているのはとにかく素晴らしいですね。</p>
<h2>プロパティの追加登録</h2>
<p>アナリティクスで複数管理している方は気になるところだと思いますが、</p>
<p>プロパティ単位で登録が出来ました。</p>
<p><a href="/officer/google%e3%82%a2%e3%83%8a%e3%83%aa%e3%83%86%e3%82%a3%e3%82%af%e3%82%b9%e3%82%92%e6%8b%a1%e5%bc%b5%e3%81%99%e3%82%8b%e3%80%8cdot-metrix%e3%80%8d%e3%81%ae%e4%b8%80%e8%a6%a7%e6%80%a7%e3%81%8c%e7%b4%a0.html/attachment/dot_metrix-3" rel="attachment wp-att-9538"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-9538" src="/uploads-archive/2016/02/Dot_metrix-3-300x65.png" alt="Dot_metrix 3" width="300" height="65" srcset="/uploads-archive/2016/02/Dot_metrix-3-300x65.png 300w, /uploads-archive/2016/02/Dot_metrix-3-768x166.png 768w, /uploads-archive/2016/02/Dot_metrix-3-228x49.png 228w, /uploads-archive/2016/02/Dot_metrix-3.png 882w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>ロゴ横のセレクトボックスで切り替えと追加が出来ます。</p>
<p>Dot metrixではプロパティをサービスという名称で定義付けているようです。</p>
<h2>まとめ</h2>
<p>「Dot metrix」の真骨頂は、</p>
<ul>
<li>Googleアナリティクスを更に使いやすく</li>
<li>KPIを自動で設定</li>
<li>サマリーをメール通知してくれる「デイリーレポートメールサービス」</li>
</ul>
<p>が無料で利用出来るという点かと思います。</p>
<p>月間1,000万セッション以上は有料のエンタープライズプランとなる、フリーミアムモデルを採用しているようですが、無料での枠が非常に大きいので今後も利用していきたいサービスです。</p>


Googleアナリティクスを拡張する「Dot metrix」の一覧性が素晴らしい！

<p>こんにちは、Kahoです。<br />
入社当時から「2月は売り上げが落ちる」と言われてきて、「そうなのか、でもなんでだろう？」と思い調べてみました。</p>
<h2>まず2月って日数自体が少ないのはなぜ？</h2>
<p>こちら調べてみると、たくさんの記事が出てきました。<br />
有名な話らしいですが、もう2月はそういうものと認識していた私は調べもしなかったので知りませんでした(笑)</p>
<p>きっかけは、はるか昔古代ローマにさかのぼります。<br />
現在使われている暦は、2000年以上も前にローマで作られた暦が約400年前に改良されました。今は1月が1年の始まりですが、当時は、3月から1年が始まりでした。おそらく作物の芽がでる春が1年の始まりにふさわしいと考えられたためだと説が残っています。そうなると2月は1年の最後の月となります。そのため、2月という月は1年の調整のために使われた月なのです。</p>
<h2>現在の暦を定めたローマの独裁者「ユリウス・カエサル」</h2>
<p>私達が過ごしている暦を作り上げた古代ローマの人物です。<br />
彼は、奇数月を31日、偶数月を30日とする暦を定めました。ですが、そうなると2月は30日になってしまい、1年が366日になってしまいます。そこで、閏年は30日にするが、平年は29日にし調整を行ったのです。</p>
<p>ここからはわかりやすくするために、弊社の橋本さんが書いていたように<del datetime="2016-02-08T08:39:00+00:00">パクって</del>会話風にしちゃいます。<br />
※ 画像の人物はイメージです</p>
<p><img decoding="async" loading="lazy" class="alignnone size-thumbnail wp-image-9503" src="/uploads-archive/2016/02/yun_21112-e1454920645784-150x150.jpg" alt="yun_21112" width="150" height="150" /><br />
【カサエル】<br />
今から暦はこのようにすることを決めた！決めた記念に自分の誕生月に名前を残すぞ。</p>
<p><img decoding="async" loading="lazy" class="alignnone size-thumbnail wp-image-9503" src="/uploads-archive/2016/02/yun_21112-e1454920645784-150x150.jpg" alt="yun_21112" width="150" height="150" /><br />
【カサエル】<br />
私は、7月生まれだ。キンテイリス（5番目の月という意味）をユリウスという名前に変更しよう。あと、3月が1年の始まりではなく1月に変更だ。月の名前と順序がずれるが、まあいいだろう。</p>
<p><strong>～　その後　～</strong></p>
<p><img decoding="async" loading="lazy" class="alignnone size-thumbnail wp-image-9504" src="/uploads-archive/2016/02/a1180_007107-e1454920709132-150x150.jpg" alt="a1180_007107" width="150" height="150" /><br />
【アウグスタス（カサエルの後継者で初代ローマ皇帝）】<br />
カサエルがやったように、私も誕生月に名前を残したい！<br />
私は8月生まれだから、セクステイリス（6番目の月という意味）をアウグスタスに変更だ！</p>
<p><img decoding="async" loading="lazy" class="alignnone size-thumbnail wp-image-9504" src="/uploads-archive/2016/02/a1180_007107-e1454920709132-150x150.jpg" alt="a1180_007107" width="150" height="150" /><br />
【アウグスタス】<br />
ん？8月は30日しかないじゃないか。なぜだ！不愉快だ！どうして1日少ない！<br />
ずらしてしまえばいい！</p>
<p>といったように、自分勝手に自分の名前がつけたいが故に日付をずらしました。<br />
ところがこうしてしまうと、1年の日数が366日となってしまうことになります。そこで仕方なく、2月から1日取ってしまい、このときから2月は平年で28日、閏年で29日となることになりました。</p>
<p>これが、2月は日付が短い理由となります。<br />
さて、ここからは本題の「2月はどうして売り上げが落ちるのか」です！</p>
<h2>二八（にっぱち）は売り上げが落ちる</h2>
<blockquote><p>二八とは、2月と8月に売上が下がる法則を示した俗語である。<br />
2月と8月に売り上げが落ちる理由として、2月は12月から1月まで出費のかさむ行事（クリスマス・正月・忘年会・新年会など）があり、その反動として2月は出費を抑えようとするため売り上げが落ちる。もう一つの理由としては、季節的に<strong>2月は寒いのでお客の購買意欲が下がることも理由</strong>として挙げられる。8月は<strong>季節的に熱いのでお客の購買意欲が下がり、さらにお盆があるためにお店に行かないので売り上げが下がる</strong>。</p></blockquote>
<p>また、これには当てはまる業種と当てはまらない業種があるそうです。</p>
<blockquote><p>この法則に当てはまる業種としては流通業界や建築業界、さらには音楽業界もその時期はリリースが少ないなどさまざまな業種に影響している。</p>
<p>ただし何もかもが当てはまるかと言えばそうではなく、例えば2月ではバレンタインデーがあるため日本のチョコレートの年間消費量の2割程度がこの日に消費される。8月は、お盆があるため公共交通機関を利用し、交通業界の売り上げが上がる。2013年の統計ではJR6社の利用者数は約1256万人の人たちが利用している。全日空と日本航空の国際線では49万人、国内線では264万人が利用している。<br />
また8月では、CLUB BBQの会員に向けた外食アンケートによると、「外食する回数は他の季節と変わらない」と回答した人は84.9％となっている。ただし飲食店での勤務経験がある人では19.3％が客入りが悪いと回答している。</p></blockquote>
<p>参考　<a href="https://ja.wikipedia.org/wiki/%E4%BA%8C%E5%85%AB" target="_blank">wikipedia</a>　から</p>
<p>気になる記事がありましたので、リンク貼りします　ﾍﾟﾀﾍﾟﾀ( ・ω・)ﾉﾉ</p>
<p><a href="http://www.nikkeibp.co.jp/article/column/20130117/337199/?rt=nocnt" target="_blank">売り上げが伸びない「ニッパチ」のために</a></p>
<p><a href="http://ascii.jp/elem/000/000/422/422058/" target="_blank">今年も来た、魔の8月。ニッパチという商売の停滞期にすることとは？！</a></p>
<h2>まとめ</h2>
<p>以上が調べた結果です。<br />
たしかに2月はお財布の紐がきつくなる月ですね。<br />
そのお財布の紐がどうやったら緩むのか考えてみようと思います。</p>


thumbnail_ce9bd041ac1c187d4a294e624868d4e8_s-e1454984598754.jpg

ce9bd041ac1c187d4a294e624868d4e8_s-e1454984598754.jpg

2月はどうして売り上げが落ちるの？

<p>ついに来たかといった印象だが、決済を含む複数のAPIをVISAが直接開発者向けに解放した。</p>
<p>今までPayPalや決済代行会社を介して行っていた決済や認証サービスを<br />
開発者がAPIを使って独自に構築することが可能になった。</p>
<p><a href="https://developer.visa.com/" target="_blank">https://developer.visa.com/</a></p>
<p>&nbsp;</p>
<p>無料ですぐにテストアプリを作れるということで、まずはやってみた。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><img decoding="async" loading="lazy" class="alignnone size-full wp-image-9519" src="/uploads-archive/2016/02/1.png" alt="1" width="1263" height="593" srcset="/uploads-archive/2016/02/1.png 1263w, /uploads-archive/2016/02/1-300x141.png 300w, /uploads-archive/2016/02/1-768x361.png 768w, /uploads-archive/2016/02/1-1024x481.png 1024w, /uploads-archive/2016/02/1-228x107.png 228w" sizes="(max-width: 1263px) 100vw, 1263px" /></p>
<p>登録を終えログインすると、ダッシュボードに移動する。</p>
<p>アプリを複数作って管理できるようになっている。</p>
<p>&nbsp;</p>
<p><img decoding="async" loading="lazy" class="alignnone size-full wp-image-9521" src="/uploads-archive/2016/02/2-1.png" alt="2" width="1280" height="1900" srcset="/uploads-archive/2016/02/2-1.png 1280w, /uploads-archive/2016/02/2-1-202x300.png 202w, /uploads-archive/2016/02/2-1-768x1140.png 768w, /uploads-archive/2016/02/2-1-690x1024.png 690w, /uploads-archive/2016/02/2-1-228x338.png 228w" sizes="(max-width: 1280px) 100vw, 1280px" /></p>
<p>&nbsp;</p>
<p>アプリごとにパーミッションを付与する仕組みになっているようだ。</p>
<p>大きく</p>
<p>Payment Methods</p>
<p>Risk and Fraud</p>
<p>General Services</p>
<p>Trials</p>
<p>の4つにわかれている。</p>
<p>これを見る限りでは国内の決済代行会社で提供しているサービスは全てできるようだ。</p>
<p>選択したパーミッションによってはpemが同時に生成されて落ちてくる仕組みになっている。</p>
<p>&nbsp;</p>
<p><img decoding="async" loading="lazy" class="alignnone size-full wp-image-9522" src="/uploads-archive/2016/02/3.png" alt="3" width="1226" height="538" srcset="/uploads-archive/2016/02/3.png 1226w, /uploads-archive/2016/02/3-300x132.png 300w, /uploads-archive/2016/02/3-768x337.png 768w, /uploads-archive/2016/02/3-1024x449.png 1024w, /uploads-archive/2016/02/3-228x100.png 228w" sizes="(max-width: 1226px) 100vw, 1226px" /></p>
<p>あとはサンドボックスが提供されて</p>
<p>トークンなどがアプリごとに発行される。</p>
<p>&nbsp;</p>
<p><img decoding="async" loading="lazy" class="alignnone size-full wp-image-9523" src="/uploads-archive/2016/02/4.png" alt="4" width="1217" height="455" srcset="/uploads-archive/2016/02/4.png 1217w, /uploads-archive/2016/02/4-300x112.png 300w, /uploads-archive/2016/02/4-768x287.png 768w, /uploads-archive/2016/02/4-1024x383.png 1024w, /uploads-archive/2016/02/4-228x85.png 228w" sizes="(max-width: 1217px) 100vw, 1217px" /></p>
<p>テストカードやテストデータなどもその場で提供される</p>
<p>&nbsp;</p>
<p><img decoding="async" loading="lazy" class="alignnone size-full wp-image-9524" src="/uploads-archive/2016/02/5.png" alt="5" width="1231" height="453" srcset="/uploads-archive/2016/02/5.png 1231w, /uploads-archive/2016/02/5-300x110.png 300w, /uploads-archive/2016/02/5-768x283.png 768w, /uploads-archive/2016/02/5-1024x377.png 1024w, /uploads-archive/2016/02/5-228x84.png 228w" sizes="(max-width: 1231px) 100vw, 1231px" /></p>
<p>ドキュメントも充実</p>
<p>&nbsp;</p>
<p><img decoding="async" loading="lazy" class="alignnone size-full wp-image-9525" src="/uploads-archive/2016/02/6.png" alt="6" width="930" height="666" srcset="/uploads-archive/2016/02/6.png 930w, /uploads-archive/2016/02/6-300x215.png 300w, /uploads-archive/2016/02/6-768x550.png 768w, /uploads-archive/2016/02/6-228x163.png 228w" sizes="(max-width: 930px) 100vw, 930px" /></p>
<p>サンプルコードも充実。基本はjsonでのやりとりになるようだ。</p>
<p>&nbsp;</p>
<p>今後は決済会社ではなく開発元の管理画面に集約され、国際的な決済がさらに身近になりそうだ</p>


Company

Our Solutions

Support

News

Blog

Blogブログ

カテゴリーから探す

年別から見る

記事一覧 - 2016年

2016/02/24

2016/02/23

2016/02/17

2016/02/17

2016/02/17

2016/02/17

2016/02/17

2016/02/17

2016/02/17

2016/02/16

2016/02/10

2016/02/10

2016/02/10

2016/02/10

2016/02/09

2016/02/09

2016/02/09

2016/02/09