MarkDown記法でプレビュってみよう！

<p>引っ越しで家具をそろえる際にIKEAを利用する人は結構いらっしゃるのではないでしょうか？</p>
<p>既に利用されている方もかるかもしれませんが、IKEAではweb上でホームプランナーという3Dで家具の配置をシミュレーションできるサービスがあります。</p>
<p>使い方もとても簡単で、もちろんIKEAで販売している商品をそのまま配置できるので、家具を購入した後にサイズが合わなかったなどの心配もありません。</p>
<h2>IKEA ホームプランナー</h2>
<p><a href="http://www.ikea.com/ms/ja_JP/customer-service/about-our-products/rooms-ideas/splashplanners/index.html"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-11441" src="/uploads-archive/2016/07/2-1.jpg" alt="2" width="640" height="395" srcset="/uploads-archive/2016/07/2-1.jpg 640w, /uploads-archive/2016/07/2-1-300x185.jpg 300w, /uploads-archive/2016/07/2-1-228x141.jpg 228w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>
<p>IKEAのサイトを見るといくつかプランニングツールがあるようですが、リンクが切れていたりしています。結局は同じこちらのページに辿りつきます。</p>
<p><a href="http://kitchenplanner.ikea.com/JP/UI/Pages/VPUI.htm"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-11442" src="/uploads-archive/2016/07/3-1.jpg" alt="3" width="640" height="345" srcset="/uploads-archive/2016/07/3-1.jpg 640w, /uploads-archive/2016/07/3-1-300x162.jpg 300w, /uploads-archive/2016/07/3-1-228x123.jpg 228w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>
<p>&nbsp;</p>
<p>今回はログインとプロフィール入力についての説明はスキップします。ちなみにログインをしなくてもはじめられるようです。</p>
<p>まずは新しいデザインの作成から部屋の形とサイズを決めます。</p>
<p><a href="/uploads-archive/2016/07/4-1.jpg"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-11445" src="/uploads-archive/2016/07/4-1.jpg" alt="4" width="640" height="408" srcset="/uploads-archive/2016/07/4-1.jpg 640w, /uploads-archive/2016/07/4-1-300x191.jpg 300w, /uploads-archive/2016/07/4-1-228x145.jpg 228w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>
<p>続いて、ドアや窓を設置します。それぞれサイズを入力する事で正確なシミュレーションができます。</p>
<p><a href="/uploads-archive/2016/07/5-1.jpg"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-11446" src="/uploads-archive/2016/07/5-1.jpg" alt="5" width="640" height="465" srcset="/uploads-archive/2016/07/5-1.jpg 640w, /uploads-archive/2016/07/5-1-300x218.jpg 300w, /uploads-archive/2016/07/5-1-228x166.jpg 228w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>
<p>部屋の表示は２Dと３Dを切り替える事ができます。表示の切り替えやビューポイントの移動は下のアイコンをクリックします。</p>
<p><a href="/uploads-archive/2016/07/6-1.jpg"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-11451" src="/uploads-archive/2016/07/6-1.jpg" alt="6" width="640" height="446" srcset="/uploads-archive/2016/07/6-1.jpg 640w, /uploads-archive/2016/07/6-1-300x209.jpg 300w, /uploads-archive/2016/07/6-1-228x159.jpg 228w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>
<p>画面右の主要部材から家具のカラーや部品を変更する事もできます。</p>
<p><a href="/uploads-archive/2016/07/7.jpg"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-11453" src="/uploads-archive/2016/07/7.jpg" alt="7" width="640" height="372" srcset="/uploads-archive/2016/07/7.jpg 640w, /uploads-archive/2016/07/7-300x174.jpg 300w, /uploads-archive/2016/07/7-228x133.jpg 228w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>
<p>「あなたの選んだ家具」から「アイテムリスト」をクリックすれば、レイアウトした家具の一覧が出てくるので印刷しておけばとても便利です。</p>
<p><a href="/uploads-archive/2016/07/8.jpg"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-11455" src="/uploads-archive/2016/07/8.jpg" alt="8" width="640" height="401" srcset="/uploads-archive/2016/07/8.jpg 640w, /uploads-archive/2016/07/8-300x188.jpg 300w, /uploads-archive/2016/07/8-228x143.jpg 228w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>
<h2>ARで家具の配置を決める</h2>
<p>IKEAはカタログアプリをインストールするとカタログに載っている家具をARで自分の部屋に配置したり、カタログで紹介されている部屋を360度見渡す事ができます。</p>
<p><a href="https://itunes.apple.com/jp/app/ikeakatarogu/id386592716">ios版のインストール</a></p>
<p><a href="https://play.google.com/store/apps/details?id=com.ikea.catalogue.android">android版のインストール</a></p>
<p><iframe loading="lazy" width="500" height="281" src="https://www.youtube.com/embed/vDNzTasuYEw?feature=oembed" frameborder="0" allowfullscreen></iframe></p>
<p><iframe loading="lazy" width="500" height="281" src="https://www.youtube.com/embed/0wgZbeUaLqI?feature=oembed" frameborder="0" allowfullscreen></iframe></p>
<h2>まとめ</h2>
<p>ECに携わっている人間としては「家具という商材は３D、AR、VRととても親和性が高い」という事印象をもちました。こうした技術をECサイト上で活用する事でさらにユーザー数を増やしたり、今まで販売が難しかった商材を扱えるチャンスが出てきたりすると思います。</p>
<p>問題はどんな商材でうまく活用できるかという事ですが、家具と共通する①大きい商材、②サイズが重要になる商材、③周りにある物との関係性が重要な商材、この辺の共通した商材で同じく親和性が高い可能性があります。具体的に当てはまる商材を今後考えていきたいと思います。</p>


1-1.jpg

IKEA ホームプランナーを使って間取りを考えよう

<p>以前に写真から3Dモデルを作成するツールを紹介しました。今後、色んな方向で活躍してくれそうなツールではありますが、フォトスキャンのクオリティーが高くてもメッシュの修正は必須と感じました。</p>
<p>そこでモデリングの特訓として今回はappleのMouceを作ってみました。</p>
<h2>モデリング</h2>
<p><a href="/uploads-archive/2016/07/1.jpg"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-11412" src="/uploads-archive/2016/07/1.jpg" alt="1" width="640" height="438" srcset="/uploads-archive/2016/07/1.jpg 640w, /uploads-archive/2016/07/1-300x205.jpg 300w, /uploads-archive/2016/07/1-228x156.jpg 228w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>
<p>まずは実物のサイズを測ります。そして幅・長さ・高さがすっぽり入るプリミティブの長方形を作成します。これをワイヤー表示にしておきメッシュを作成する際のガイドにします。</p>
<p><a href="/uploads-archive/2016/07/2.jpg"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-11413" src="/uploads-archive/2016/07/2.jpg" alt="2" width="640" height="225" srcset="/uploads-archive/2016/07/2.jpg 640w, /uploads-archive/2016/07/2-300x105.jpg 300w, /uploads-archive/2016/07/2-228x80.jpg 228w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>
<p>実物の写真を撮影し先ほど作成した長方形のガイドにおさめます。写真を撮影する際に気を付ける事としては広角レンズで接写するとレンズの歪みでトレースしにくくなってしまう点です。</p>
<p>スマホであれば離れたところからズームして撮影する事をおすすめします。できれば一眼レフなどを使って焦点距離が長いレンズで撮影するのがベストです。</p>
<p><a href="/uploads-archive/2016/07/3.jpg"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-11414" src="/uploads-archive/2016/07/3.jpg" alt="3" width="640" height="435" srcset="/uploads-archive/2016/07/3.jpg 640w, /uploads-archive/2016/07/3-300x204.jpg 300w, /uploads-archive/2016/07/3-228x155.jpg 228w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>
<p>上面に続いて、側面、前面も同様に長方形のガイドにおさめます。ここに画像を貼っていませんが、下面も同様に行います。</p>
<p><a href="/uploads-archive/2016/07/4.jpg"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-11415" src="/uploads-archive/2016/07/4.jpg" alt="4" width="640" height="393" srcset="/uploads-archive/2016/07/4.jpg 640w, /uploads-archive/2016/07/4-300x184.jpg 300w, /uploads-archive/2016/07/4-228x140.jpg 228w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>
<p>トレースする下絵の準備ができたので、モデリングをしていきます。まずはマウスの上面から見た表面を作成し、そこから押し出してマウスの形を作っていきます。</p>
<p>左右対称・上下対称のモデルを作成する時は「対称」やミラーリングを利用する事で作業効率が大幅に向上します。（使わずにつくるのは至難の業。）</p>
<p>対称を使って作成しているとはいえ、きれいな実物どおりの美しい流線型をモデリングするのはなかなか難しい作業です。この時に下絵の写真に歪みがあるとうまく調整できなくなるので要注意です。側面を合わせると上面がずれる・・という様な事が起きてしまいます</p>
<p><a href="/uploads-archive/2016/07/5.jpg"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-11416" src="/uploads-archive/2016/07/5.jpg" alt="5" width="640" height="393" srcset="/uploads-archive/2016/07/5.jpg 640w, /uploads-archive/2016/07/5-300x184.jpg 300w, /uploads-archive/2016/07/5-228x140.jpg 228w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>
<p>指を置く上面のパーツができたら、複製してさらに変形させて下部のパーツを形成していきます。</p>
<p><a href="/uploads-archive/2016/07/6.jpg"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-11417" src="/uploads-archive/2016/07/6.jpg" alt="6" width="640" height="438" srcset="/uploads-archive/2016/07/6.jpg 640w, /uploads-archive/2016/07/6-300x205.jpg 300w, /uploads-archive/2016/07/6-228x156.jpg 228w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>
<p>下面にあるゴムの部分とバッテリーカバーはそれぞれ切り出して作成します。</p>
<p><a href="/uploads-archive/2016/07/MagicMouse1.jpg"><img decoding="async" loading="lazy" class="alignnone wp-image-11423" src="/uploads-archive/2016/07/MagicMouse1.jpg" alt="MagicMouse1" width="640" height="480" srcset="/uploads-archive/2016/07/MagicMouse1.jpg 800w, /uploads-archive/2016/07/MagicMouse1-300x225.jpg 300w, /uploads-archive/2016/07/MagicMouse1-768x576.jpg 768w, /uploads-archive/2016/07/MagicMouse1-228x171.jpg 228w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>
<p><a href="/uploads-archive/2016/07/MagicMouse2.jpg"><img decoding="async" loading="lazy" class="alignnone  wp-image-11425" src="/uploads-archive/2016/07/MagicMouse2.jpg" alt="MagicMouse2" width="641" height="481" srcset="/uploads-archive/2016/07/MagicMouse2.jpg 800w, /uploads-archive/2016/07/MagicMouse2-300x225.jpg 300w, /uploads-archive/2016/07/MagicMouse2-768x576.jpg 768w, /uploads-archive/2016/07/MagicMouse2-228x171.jpg 228w" sizes="(max-width: 641px) 100vw, 641px" /></a></p>
<p>マテリアルを作ってレンダリングしたものが上の画像です。細かい部分が作りこめていないので今後スキルを磨きたいと思います。</p>
<h2>sketchfabにアップロード</h2>
<div class="sketchfab-embed-wrapper"><iframe loading="lazy" width="640" height="480" src="https://sketchfab.com/models/9ddeb829578f49c8ab58a437aaac5fc3/embed" frameborder="0" allowfullscreen="allowfullscreen" mozallowfullscreen="mozallowfullscreen" webkitallowfullscreen="webkitallowfullscreen" onmousewheel=""></iframe></div>
<div class="sketchfab-embed-wrapper"> sketchfabにcinema4d用のプラグインを使ってアップロードしたものです。</div>
<div class="sketchfab-embed-wrapper"></div>
<div class="sketchfab-embed-wrapper">調べてみるとsketchfabの埋め込み方にも回転させたり、背景を透過させたりと指定ができるようなのでやってみました。</div>
<div class="sketchfab-embed-wrapper"></div>
<p><iframe loading="lazy" width="640" height="480" frameborder="0" allowfullscreen="allowfullscreen" webkitallowfullscreen="webkitallowfullscreen" mozallowfullscreen="mozallowfullscreen" src="https://sketchfab.com/models/9ddeb829578f49c8ab58a437aaac5fc3/embed?autostart=1&amp;transparent=1&amp;autospin=0.2&amp;controls=1&amp;watermark=1"></iframe></p>
<p>マウスが白いので逆にわかりにくいかもしれませんが、動画の場合のyoutubeやvimeoのようにメインビジュアルにbackgroundで設置するなんて使い方ができそうです。</p>
<p><iframe loading="lazy" width="640" height="480" frameborder="0" allowfullscreen="allowfullscreen" webkitallowfullscreen="webkitallowfullscreen" mozallowfullscreen="mozallowfullscreen" src="https://sketchfab.com/models/aaa4a750d35a4a59bb2e5aed378d86ab/embed?autostart=1&amp;transparent=1&amp;autospin=0.2&amp;controls=1&amp;watermark=1"></iframe></p>


macのMagic MouceをCinema4Dで作ってみる

<p>普段ランチを食べに行く店が休業日だったので、違う店を探そうと、たまたま通りかかった路地に一見普通の民家のようにも見えるお店を発見！</p>
<p>完全に周りは民家しかないのでこんな所にお店があるの？っていう印象でした。</p>
<p><a href="/uploads-archive/2016/07/IMG_20160705_134116.jpg"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-11394" src="/uploads-archive/2016/07/IMG_20160705_134116.jpg" alt="IMG_20160705_134116" width="640" height="480" srcset="/uploads-archive/2016/07/IMG_20160705_134116.jpg 640w, /uploads-archive/2016/07/IMG_20160705_134116-300x225.jpg 300w, /uploads-archive/2016/07/IMG_20160705_134116-228x171.jpg 228w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>
<p>店名は「いくぞう」さん、玄関？の表札の上に「いくぞう」の文字が。</p>
<p>若干の不安を抱きつつも、店内から漂う焼き魚のいい匂いに促されて入店してみました。</p>
<p>店内はなんともアットホームな雰囲気。おそらく元は民家の一室を改装したようで、家でご飯を食べている感じがしてとても落ち着きます。</p>
<p><a href="/uploads-archive/2016/07/IMG_20160705_131923.jpg"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-11395" src="/uploads-archive/2016/07/IMG_20160705_131923.jpg" alt="IMG_20160705_131923" width="640" height="480" srcset="/uploads-archive/2016/07/IMG_20160705_131923.jpg 640w, /uploads-archive/2016/07/IMG_20160705_131923-300x225.jpg 300w, /uploads-archive/2016/07/IMG_20160705_131923-228x171.jpg 228w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>
<p>ランチのメニューを見てみると、学生街の高田馬場ではありますが、それにしても、その辺の居酒屋さんがランチで出している価格より200円ほど安い！</p>
<p>掘り出し物を探し当てたような気分で注文する前からちょっとテンションが上がりました。</p>
<p>この日は銀ざけを注文して、待つこと数分・・・。</p>
<p>そして出てきた定食がこちら。</p>
<p><a href="/uploads-archive/2016/07/IMG_20160705_132931.jpg"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-11396" src="/uploads-archive/2016/07/IMG_20160705_132931.jpg" alt="IMG_20160705_132931" width="640" height="480" srcset="/uploads-archive/2016/07/IMG_20160705_132931.jpg 640w, /uploads-archive/2016/07/IMG_20160705_132931-300x225.jpg 300w, /uploads-archive/2016/07/IMG_20160705_132931-228x171.jpg 228w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>
<p>シンプルではありますが、魚は脂がのっているし、一品一品がちゃんとおいしい。新潟出身なのでお米にはうるさい方ですが、ご飯もおいしいですし、みそ汁や小鉢に入った副菜もちゃんとしている感じ。</p>
<p>内容的にはメニューで「魚」を「肴」と書くようなちょっと高めの居酒屋で出していそうなランチです、そういうお店で頼んだら1000円くらいすると思います。しかし、「いくぞう」さんは620円！</p>
<p>注文をしてから焼き始めるので、多少時間はかかりますが、焼きたてだから尚おいしいです。</p>
<p>それにカウンターにテレビが置いてあり、お昼のニュースやワイドショーを流しているので、それをちらっと見ていれば待つのも苦になりません。その感じがまた家でご飯を食べているような感覚にしてくれます。</p>
<p>&nbsp;</p>
<p>写真が無くて申し訳ないですが、翌日は目抜を注文したみました。これもまた脂がのって美味。</p>
<p>次は生姜焼きを注文してみたいと思います。</p>
<p>&nbsp;</p>
<p>お店の場所はこちら</p>
<p><iframe loading="lazy" width="600" height="450" style="border: 0;" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3239.5416290312205!2d139.70550476525966!3d35.71289578018698!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x60188d3c1f8328ff%3A0xab1b39503a7911bd!2z44CSMTY5LTAwNzUg5p2x5Lqs6YO95paw5a6_5Yy66auY55Sw6aas5aC077yS5LiB55uu77yR77yT4oiS77yR77yRIOOBhOOBj-OBnuOBhg!5e0!3m2!1sja!2sjp!4v1467781398953" frameborder="0" allowfullscreen="allowfullscreen"></iframe></p>
<p>〒169-0075 東京都新宿区高田馬場２丁目１３−１１ いくぞう</p>
<p>定休日は日曜・祝日で、営業時間については不明ですが夜も営業しているそうです。</p>
<p>&nbsp;</p>


高田馬場で見つけた超穴場ランチ　安くて旨い定食屋

<h2>前置き</h2>
<div style="padding-left: 15px;">
  Amazonプライム限定で5000円にてKindle Fire購入可能！！</p>
<p>  、ということで買ってみました。</p></div>
<h2>スペック</h2>
<div style="padding-left: 15px;">
  OSはKindle OSというものですが、ベースはAndroid OSです。<br />
  (世代は5世代目とのこと)<br />
  なので基本的に動作は同じです。</p>
<p>  CPUは4コア<br />
  メモリは1GB<br />
  内蔵ストレージは8GB,16GBとありますが格安の8GBタイプ。<br />
  SDカードは128GBまで認識するそうなので、大量のデータを扱うにもさほど心配は要らないかと思います。</p>
<p>  画面サイズは7inchですが、解像度は1024&#215;600とフルHDにみたないため<br />
  人によっては多少のボヤは感じるかもしれません。</p>
<p>  メモリが少なめなので心配される方もいるかと思いますが、、<br />
  高スペックが望まれるゲームなどをガッツリやらなければサクサク感は味わえます。</p></div>
<h2>外観</h2>
<div style="padding-left: 15px;">
  こんな感じです。<br />
  <a href="/uploads-archive/2016/07/IMAG1337_e.jpg"><img decoding="async" loading="lazy" src="/uploads-archive/2016/07/IMAG1337_e-300x169.jpg" alt="IMAG1337_e" width="300" height="169" class="alignnone size-medium wp-image-11374" srcset="/uploads-archive/2016/07/IMAG1337_e-300x169.jpg 300w, /uploads-archive/2016/07/IMAG1337_e-768x432.jpg 768w, /uploads-archive/2016/07/IMAG1337_e-1024x576.jpg 1024w, /uploads-archive/2016/07/IMAG1337_e-228x128.jpg 228w, /uploads-archive/2016/07/IMAG1337_e.jpg 1280w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>  重さは300gちょっとでKindle Paperに比べたら倍ほどあります。<br />
  、、、まあ、値段を考えれば我慢出来るレベルと筆者は感じました。</p></div>
<h2>端末のUI</h2>
<div style="padding-left: 15px;">
  こちらがホーム画面。<br />
  最上位の列に良く使うアプリや最近読んだKindle電子書籍などが出てきます。</p>
<p><a href="/uploads-archive/2016/07/Screenshot_2016-07-05-18-04-23.png"><img decoding="async" loading="lazy" src="/uploads-archive/2016/07/Screenshot_2016-07-05-18-04-23-176x300.png" alt="Screenshot_2016-07-05-18-04-23" width="176" height="300" class="alignnone size-medium wp-image-11376" srcset="/uploads-archive/2016/07/Screenshot_2016-07-05-18-04-23-176x300.png 176w, /uploads-archive/2016/07/Screenshot_2016-07-05-18-04-23.png 600w, /uploads-archive/2016/07/Screenshot_2016-07-05-18-04-23-228x389.png 228w" sizes="(max-width: 176px) 100vw, 176px" /></a></p>
<p>  よく使うアプリをもっと見たいときは左にスワイプすると以下のような画面になります。<br />
<a href="/uploads-archive/2016/07/Screenshot_2016-07-05-18-04-27.png"><img decoding="async" loading="lazy" src="/uploads-archive/2016/07/Screenshot_2016-07-05-18-04-27-176x300.png" alt="Screenshot_2016-07-05-18-04-27" width="176" height="300" class="alignnone size-medium wp-image-11377" srcset="/uploads-archive/2016/07/Screenshot_2016-07-05-18-04-27-176x300.png 176w, /uploads-archive/2016/07/Screenshot_2016-07-05-18-04-27.png 600w, /uploads-archive/2016/07/Screenshot_2016-07-05-18-04-27-228x389.png 228w" sizes="(max-width: 176px) 100vw, 176px" /></a></p>
<p>  プライベートな嗜好が出てしまいますね。。。</p></div>
<h2>コンテンツ</h2>
<div style="padding-left: 15px;">
  今回は書籍にフォーカスを絞ってストアを見てみました。<br />
  カテゴリでは文学よりも民俗的なコンテンツに寄っている感じでした。<br />
  <a href="/uploads-archive/2016/07/Screenshot_2016-07-05-18-04-58.png"><img decoding="async" loading="lazy" src="/uploads-archive/2016/07/Screenshot_2016-07-05-18-04-58-176x300.png" alt="Screenshot_2016-07-05-18-04-58" width="176" height="300" class="alignnone size-medium wp-image-11378" srcset="/uploads-archive/2016/07/Screenshot_2016-07-05-18-04-58-176x300.png 176w, /uploads-archive/2016/07/Screenshot_2016-07-05-18-04-58.png 600w, /uploads-archive/2016/07/Screenshot_2016-07-05-18-04-58-228x389.png 228w" sizes="(max-width: 176px) 100vw, 176px" /></a></p>
<p>  古典文学などは著作権の関係か格安で購読が可能なので読書好きな方にはオススメです！<br />
  手始めにダウンロードしたのはポーの「アッシャー家の崩壊」でした。無料です。<br />
<a href="/uploads-archive/2016/07/Screenshot_2016-06-28-20-27-12.png"><img decoding="async" loading="lazy" src="/uploads-archive/2016/07/Screenshot_2016-06-28-20-27-12-176x300.png" alt="Screenshot_2016-06-28-20-27-12" width="176" height="300" class="alignnone size-medium wp-image-11379" srcset="/uploads-archive/2016/07/Screenshot_2016-06-28-20-27-12-176x300.png 176w, /uploads-archive/2016/07/Screenshot_2016-06-28-20-27-12.png 600w, /uploads-archive/2016/07/Screenshot_2016-06-28-20-27-12-228x389.png 228w" sizes="(max-width: 176px) 100vw, 176px" /></a></p>
<p>  ちなみに全集(16作品1冊)でも99円というお買い得。</p></div>
<h2>所感</h2>
<div style="padding-left: 15px;">
  Googleとの同期も可能という話ではありますが、本来の使用用途ではないので割愛します。<br />
  同じアプリでも<u>Google Play経由のアプリより純正アプリの方がアイコンも表示もクッキリ表示された</u>のはご参考までに。</p>
<p>  お手軽に電子書籍を読みたい！Webブラウジングをもっと見やすくやりたい！<br />
  と言った方には5000円以上の価値は充分あるのではないかと感じました。</p>
<p>  ちなみにAmazonが出しているということで、、、AWSとの接続のアプリも無料で使えました。<br />
  エンジニアにとっては、こちらも気になる存在では有りますが今回はまだ手がつけられず、、今後の楽しみに残しました！</p></div>


Kindle Fire・・・買ってみた

<p>何度か実装したので記事にしてみました。</p>
<h2>gemの追加</h2>
<p>Gemfileの中にtwitterのgemを追加します。</p>

		<div id="crayon-6495402640a56943537714" 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></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;">
bundle install</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-6495402640a56943537714-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-6495402640a56943537714-1"><span class="crayon-e">bundle </span><span class="crayon-i">install</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p></p>
<h2>taskの生成</h2>
<p>今回はtaskコマンドを使ってつぶやくという実装をします。<br />
twitterというタスクを追加します。</p>

		<div id="crayon-6495402640a5b756876059" 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></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;">
rake g task twitter</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-6495402640a5b756876059-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-6495402640a5b756876059-1"><span class="crayon-i">rake</span><span class="crayon-h"> </span><span class="crayon-i">g</span><span class="crayon-h"> </span><span class="crayon-e">task </span><span class="crayon-i">twitter</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p></p>
<h2>api keyの取得</h2>
<p>https://apps.twitter.comにアクセスし、<br />
Consumer Key (API Key)<br />
Consumer Secret (API Secret)<br />
Access Token<br />
Access Token Secret<br />
を取得します。</p>
<p>&nbsp;</p>
<h2>taskの記述</h2>
<p>上で取得したapi keyをtaskの中に書き込みます。</p>

		<div id="crayon-6495402640a5c952880882" 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">task</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></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;">
namespace :twitter do
  desc "post tweet"
  task :tweet =&gt; :environment do
    str = "test"
    client = twitter_client
    client.update(str)
    p str
  end
end

def twitter_client
  client = Twitter::REST::Client.new do |config|
    config.consumer_key        = ""
    config.consumer_secret     = ""
    config.access_token        = ""
    config.access_token_secret = ""
  end
end</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-6495402640a5c952880882-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495402640a5c952880882-2">2</div><div class="crayon-num" data-line="crayon-6495402640a5c952880882-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495402640a5c952880882-4">4</div><div class="crayon-num" data-line="crayon-6495402640a5c952880882-5">5</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495402640a5c952880882-6">6</div><div class="crayon-num" data-line="crayon-6495402640a5c952880882-7">7</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495402640a5c952880882-8">8</div><div class="crayon-num" data-line="crayon-6495402640a5c952880882-9">9</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495402640a5c952880882-10">10</div><div class="crayon-num" data-line="crayon-6495402640a5c952880882-11">11</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495402640a5c952880882-12">12</div><div class="crayon-num" data-line="crayon-6495402640a5c952880882-13">13</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495402640a5c952880882-14">14</div><div class="crayon-num" data-line="crayon-6495402640a5c952880882-15">15</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495402640a5c952880882-16">16</div><div class="crayon-num" data-line="crayon-6495402640a5c952880882-17">17</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495402640a5c952880882-18">18</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-6495402640a5c952880882-1"><span class="crayon-t">namespace</span><span class="crayon-h"> </span><span class="crayon-sy">:</span><span class="crayon-e">twitter </span><span class="crayon-st">do</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495402640a5c952880882-2"><span class="crayon-h">&nbsp;&nbsp;</span><span class="crayon-i">desc</span><span class="crayon-h"> </span><span class="crayon-s">"post tweet"</span></div><div class="crayon-line" id="crayon-6495402640a5c952880882-3"><span class="crayon-h">&nbsp;&nbsp;</span><span class="crayon-i">task</span><span class="crayon-h"> </span><span class="crayon-sy">:</span><span class="crayon-i">tweet</span><span class="crayon-h"> </span>=<span class="crayon-h">&gt;</span><span class="crayon-h"> </span><span class="crayon-sy">:</span><span class="crayon-e">environment </span><span class="crayon-st">do</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495402640a5c952880882-4"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-i">str</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-s">"test"</span></div><div class="crayon-line" id="crayon-6495402640a5c952880882-5"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-i">client</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-e">twitter_client</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495402640a5c952880882-6"><span class="crayon-e">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-i">client</span><span class="crayon-sy">.</span><span class="crayon-e">update</span><span class="crayon-sy">(</span><span class="crayon-i">str</span><span class="crayon-sy">)</span></div><div class="crayon-line" id="crayon-6495402640a5c952880882-7"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-i">p</span><span class="crayon-h"> </span><span class="crayon-e">str</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495402640a5c952880882-8"><span class="crayon-e">&nbsp;&nbsp;</span><span class="crayon-st">end</span></div><div class="crayon-line" id="crayon-6495402640a5c952880882-9"><span class="crayon-st">end</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495402640a5c952880882-10">&nbsp;</div><div class="crayon-line" id="crayon-6495402640a5c952880882-11"><span class="crayon-e">def </span><span class="crayon-e">twitter_client</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495402640a5c952880882-12"><span class="crayon-e">&nbsp;&nbsp;</span><span class="crayon-i">client</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-i">Twitter</span><span class="crayon-sy">:</span><span class="crayon-sy">:</span><span class="crayon-i">REST</span><span class="crayon-sy">:</span><span class="crayon-sy">:</span><span class="crayon-i">Client</span><span class="crayon-sy">.</span><span class="crayon-e">new </span><span class="crayon-st">do</span><span class="crayon-h"> </span><span class="crayon-sy">|</span><span class="crayon-i">config</span><span class="crayon-sy">|</span></div><div class="crayon-line" id="crayon-6495402640a5c952880882-13"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-i">config</span><span class="crayon-sy">.</span><span class="crayon-i">consumer_key</span><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>=<span class="crayon-h"> </span><span class="crayon-s">""</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495402640a5c952880882-14"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-i">config</span><span class="crayon-sy">.</span><span class="crayon-i">consumer_secret</span><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp; </span>=<span class="crayon-h"> </span><span class="crayon-s">""</span></div><div class="crayon-line" id="crayon-6495402640a5c952880882-15"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-i">config</span><span class="crayon-sy">.</span><span class="crayon-i">access_token</span><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>=<span class="crayon-h"> </span><span class="crayon-s">""</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495402640a5c952880882-16"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-i">config</span><span class="crayon-sy">.</span><span class="crayon-i">access_token_secret</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-s">""</span></div><div class="crayon-line" id="crayon-6495402640a5c952880882-17"><span class="crayon-h">&nbsp;&nbsp;</span><span class="crayon-st">end</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495402640a5c952880882-18"><span class="crayon-st">end</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>&nbsp;</p>
<h2>完成！</h2>
<p>以上で、完成です。<br />
コンソール上で、<br />
rake twitter:tweet<br />
とたたけば、tweetがされます。</p>

Ruby On Railsのアプリケーションからツイートするには

<p>ネットショップ運営の担当者に共通する悩みとして、お客様へサンクスメールなどを送信すると「PCメール拒否」の設定を行っているためにメールがはじかれてしまうという事がよくあります。</p>
<p>特にキャリアメールを利用している人に多く、つまり@docomo、@ezweb、@softbank、のドメインを使用している人は頻繁に拒否ではじかれてしまいます。</p>
<p>コンビニ前払いなどの決済方法を利用する場合には支払番号を伝える必要があるので、入金してもらう事ができません。さらにお客様自身は自分で拒否設定をしているにも関わらずクレームのレビューを書き込んでくるという、なんとも泣けてくる大問題です。</p>
<p>そこで何か方法はないのか探してみました。</p>
<h2>キャリアメールが送れるメール管理ツール「Re:lation」</h2>
<p>まず辿りついたのは、Re:lationというメール管理ツールです。</p>
<p>このサービスはauとの独自契約を結んでいるため、@ezwebのドメインでメールを送る事ができます。</p>
<p><a href="http://ingage.jp/relation/"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-11368" src="/uploads-archive/2016/07/1.gif" alt="1" width="640" height="302" /></a></p>
<p>営業の方いわく、「メールは、ほぼ100％戻って来ない」との事。</p>
<p>キャリアメールアドレスを利用できる料金プランはスタンダードプランの29,800円/月で初期費用が別途50,000円ほどかかるようです。（オプション料金もかかるようです。）</p>
<p>使い方としては、ECサイトや一括管理ツールから送ったメールの内、拒否されて戻ってきたアドレスを一件ずつ送り直すというもの。</p>
<p>自動で全て変換してくれるような機能はなさそうです。</p>
<p>ちなみに現時点でキャリアメールをほぼ確実に送信できるメール管理ツールは他に内容です。</p>
<h2>携帯を一台契約して、PCから送る</h2>
<p>特に拒否率が高いのがauのキャリアメールなので、auの携帯を契約して、そのアドレスで送るという方法です。</p>
<p><a href="/uploads-archive/2016/07/2.gif"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-11373" src="/uploads-archive/2016/07/2.gif" alt="2" width="640" height="319" /></a></p>
<p>実はキャリアメールにはwebメールという機能があり、PC上からログインして送受信ができます。</p>
<p>これなら、一番安いプランで契約してしまえば、月額数千円くらいでなんとかなるのではないかと。</p>
<p>正攻法はこちらかもしれません。</p>


ECサイト運営でよくある問題　PCメール拒否のお客様にメールを送る方法

XAMPPでルート相対パスを使うためにバーチャルホストを設定する

<h2>よく見る定義</h2>
<p><strong>心理的価格設定</strong> (psychological pricing)でよく見かける用語は、<strong>端数価格</strong>、<strong>威光価格</strong>、<strong>慣習価格</strong>、あたりではないかと思います。</p>
<h3>端数価格</h3>
<p>(odd price /charm pricing)<br />
30,000円よりも29,900円のような9や8を伴った価格に対して、最大限安くなっていると錯覚する価格のこと</p>
<h3>威光価格</h3>
<p>(prestige pricing)<br />
品質の高さやステータスの高さを訴えるために、わざと高く設定されている価格のこと。高級ブランドなどブランド力を高めるためによく用いられているそうです。名声価格とも言われるそうです。</p>
<h3>慣習価格</h3>
<p>(customary pricing)<br />
お茶の500mlペットボトルの価格は大体150円ぐらいというように、社会慣習上ある程度定まった価格のこと。</p>
<h2>じゃあ実際の戦略は？</h2>
<p>上記の３つの価格に対する説明は日本語のマーケティングの基礎的な本には大体書いてあるように思います。<br />
しかし、実際のストラテジー、具体例は知らないなと思い調べて見ると、以下のサイトが参考になりそうでした。</p>
<h3>The Psychology of Pricing: A Gigantic List of Strategies</h3>
<p><a href="http://www.nickkolenda.com/psychological-pricing-strategies/" target="_blank">The Psychology of Pricing: A Gigantic List of Strategies</a><br />
<strong>引用元が論文</strong>からなので錯覚かもしれませんが信頼性は高そうです。しかも比較的新しいものが多い。<br />
面白そうなものをいくつかピックアップしてみました。</p>
<h2>The Psychology of Pricing: A Gigantic List of Strategies</h2>
<h4>TACTIC 21: Don’t Bundle Expensive and Inexpensive Products</h4>
<p>高い商品と安い商品の抱き合わせ販売はしないほうがいいという内容。安い商品が高い商品の価値を下げてしまうためだとか。<br />
<a href="http://www.nickkolenda.com/psychological-pricing-strategies/#pricing-s7-t21" target="_blank">TACTIC 21: Don’t Bundle Expensive and Inexpensive Product</a></p>
<h4>TACTIC 34: Offer Free Trials Toward the Start of the Month</h4>
<p>直訳すると「月初のうちにフリートライアルのプロモーションをしかけよう」なんですが、内容的には「プロモーションは月初のうちに！」という内容でした。<br />
月初のほうが、個人的な予算、財布に余裕があるから、月初のうちにプロモーションを仕掛けた方が、月末のお金ない時よりも契約が進みやすい、買ってくれるよ！みたいな内容でした。<br />
<a href="http://www.nickkolenda.com/psychological-pricing-strategies/#pricing-t34" target="_blank">TACTIC 34: Offer Free Trials Toward the Start of the Month</a></p>
<h4>TACTIC 35: Offer Discounts Toward the End of Month</h4>
<p>これは上記のものとは逆に、消費者は月末のほうがお金ないから、月末にディスカウトしたほうが食いつくという内容。<br />
<a href="http://www.nickkolenda.com/psychological-pricing-strategies/#pricing-t35" target="_blank">TACTIC 35: Offer Discounts Toward the End of Month</a></p>
<h4>TACTIC 42: Show Product Then Price (for Luxury Items)</h4>
<p>高級な商品は商品を提示した後、価格を提示したほうがいいという内容。<br />
<a href="http://www.nickkolenda.com/psychological-pricing-strategies/#pricing-t42" target="_blank">TACTIC 42: Show Product Then Price (for Luxury Items)</a></p>
<h4>TACTIC 43: Show Price Then Product (for Utilitarian Items)</h4>
<p>これは上記のものとは逆に、いくらでもある商品は、価格を提示したほうがいいという内容。<br />
<a href="http://www.nickkolenda.com/psychological-pricing-strategies/#pricing-t43" target="_blank">TACTIC 43: Show Price Then Product (for Utilitarian Items)</a></p>
<h2>所感</h2>
<p>マーケティングの記事は英語のほうがおもしろいものたくさん出てきそうです。もう少し調べてみたいと思います。<br />
pain of payingという言葉が何回か出てきていますが、日本語では出費の痛みと訳されているようですね。<br />
willing to payみたいな感じでそのままでもいいような気がします。う〜ん。</p>


心理的価格設定 (psychological pricing) について考える

激闘！YouTubeをブラウザ無しで視聴する！

<h2>容量によって名前が違う 「SD」「SDHC」「SDXC」</h2>
<p>実はSDカードは正確に言うと容量によって名称が異なります。</p>
<p>自分が持っているSDカードをちょっと見て下さい。下の画像のように「SD」「SDHC」「SDXC」のどれかに当てはまるはずです。</p>
<p><a href="/uploads-archive/2016/06/1.gif"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-11246" src="/uploads-archive/2016/06/1.gif" alt="1" width="640" height="240" /></a></p>
<p>それぞれが意味する容量は次のようにわけられます。</p>
<p><strong>SD：～２GB</strong></p>
<p><strong>SDHC：４</strong><strong>～３２GB</strong></p>
<p><strong>SDXC：６４GB～</strong></p>
<p>４K動画を撮影できる機材もたくさん出てきていますが、中にはSDXC以外使えない物もあるので、よく確認する必要があります。</p>
<h2>SDスピードクラス</h2>
<p>SDスピードクラスは書き込み・読み込みを行うスピードの最低を保証する規格で、下のようなロゴが記載されていると思います。</p>
<p><a href="/uploads-archive/2016/06/2.gif"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-11252" src="/uploads-archive/2016/06/2.gif" alt="2" width="320" height="120" /></a></p>
<p>それぞれの最低保証速度は見たままですがこんな感じです。</p>
<p><strong>Class ２ : ２MB/sec</strong></p>
<p><strong>Class ４ : ４MB/sec</strong></p>
<p><strong>Class ６ : ６MB/sec</strong></p>
<p><strong>Class １０ : １０MB/sec</strong></p>
<h2>UHS</h2>
<p>UHS(Ultra High Speed I）も最低の速度を保証する、記録のスピードを表す規格で、ロゴはこんな感じです。</p>
<p><a href="/uploads-archive/2016/06/3.gif"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-11259" src="/uploads-archive/2016/06/3.gif" alt="3" width="320" height="120" /></a></p>
<p><strong>UHS Speed Class１： １０MB/sec</strong></p>
<p><strong>UHS Speed Class３： ３０MB/sec</strong></p>
<p>ここでSDスピードクラスのClass１０とUHSスピードクラスの１は同じなのか？という疑問が出てくると思いますが、下の動画を見ると一目瞭然。連続撮影をしていると記録スピードに差が出てきます。</p>
<p>しかし、カメラ側もUHS-１に対応している必要があるみたいなので、要確認です。</p>
<p><iframe loading="lazy" width="500" height="281" src="https://www.youtube.com/embed/a7IL_tH5wx8?feature=oembed" frameborder="0" allowfullscreen></iframe></p>
<h2>さらにUHS－IとUHS－IIがある</h2>
<p>ラベルには「I」or「UHS-I」、「II」or「UHS-II」と記載されています。</p>
<p>こちらについては最高速度を表していて、それぞれの速度は以下の通り。</p>
<p><strong>UHS-I： 最高速度１０４MB/sec</strong></p>
<p><strong>UHS-II： 最高速度３１２MB/sec</strong></p>
<p>もちろんカメラなどの機材側も対応している事が条件となります。</p>


意外と知らないSDカードの規格と種類

<p>プロトタイプやワイヤーフレームを作るのに便利なフリー素材を紹介します。</p>
<h2>Bootflat UI Kit</h2>
<p><img decoding="async" loading="lazy" class="alignnone size-large wp-image-11205" src="/uploads-archive/2016/06/8bcc6f98dd2534ce9bba932db03f5e55-1024x481.png" alt="スクリーンショット 2016-06-21 11.03.27" width="1024" height="481" srcset="/uploads-archive/2016/06/8bcc6f98dd2534ce9bba932db03f5e55-1024x481.png 1024w, /uploads-archive/2016/06/8bcc6f98dd2534ce9bba932db03f5e55-300x141.png 300w, /uploads-archive/2016/06/8bcc6f98dd2534ce9bba932db03f5e55-768x361.png 768w, /uploads-archive/2016/06/8bcc6f98dd2534ce9bba932db03f5e55-228x107.png 228w, /uploads-archive/2016/06/8bcc6f98dd2534ce9bba932db03f5e55.png 1188w" sizes="(max-width: 1024px) 100vw, 1024px" /><br />
bootflatというbootstrapを使ったcssフレームワークでそのパーツがPSDとしてダウンロード出来ます。</p>
<p><a href="http://bootflat.github.io/free-psd.html" target="_blank">Bootflat UI Kit Free PSD Download &#8211; Bootflat</a></p>
<h2>UX Flowchart Cards</h2>
<p><img decoding="async" loading="lazy" class="alignnone size-large wp-image-11206" src="/uploads-archive/2016/06/62277836681fdfa6525801eadabb7fb6.png" alt="スクリーンショット 2016-06-21 11.03.45" width="753" height="562" srcset="/uploads-archive/2016/06/62277836681fdfa6525801eadabb7fb6.png 753w, /uploads-archive/2016/06/62277836681fdfa6525801eadabb7fb6-300x224.png 300w, /uploads-archive/2016/06/62277836681fdfa6525801eadabb7fb6-228x170.png 228w" sizes="(max-width: 753px) 100vw, 753px" /><br />
なんと128枚ものタイプの画面とその他アイコンやフローを表現するための矢印もそろっています。<br />
メールアドレスを登録するとダウンロード出来ます。<br />
これをパワポなんかに貼っていくだけでwebサイトのフローチャートが簡単に作れてしまいますね！</p>
<p><a href="https://uiuxassets.com/assets/ux-flowchart-cards/" target="_blank">UX Flowchart Cards &#8211; UI/UX Assets</a></p>
<h2>Material Mockups</h2>
<p><img decoding="async" loading="lazy" class="alignnone size-large wp-image-11207" src="/uploads-archive/2016/06/1732e5e88c3ac42606879d6bb4a07562.png" alt="スクリーンショット 2016-06-21 11.04.06" width="974" height="731" srcset="/uploads-archive/2016/06/1732e5e88c3ac42606879d6bb4a07562.png 974w, /uploads-archive/2016/06/1732e5e88c3ac42606879d6bb4a07562-300x225.png 300w, /uploads-archive/2016/06/1732e5e88c3ac42606879d6bb4a07562-768x576.png 768w, /uploads-archive/2016/06/1732e5e88c3ac42606879d6bb4a07562-228x171.png 228w" sizes="(max-width: 974px) 100vw, 974px" /><br />
スマホ用のECアプリのためのワイヤーフレームです。<br />
15のUI画面が揃っているので、たいていのECアプリのワイヤーフレームはこれだけで事足りそうな気がします。</p>
<p><a href="http://materialmockups.com/" target="_blank">Material Mockups</a></p>
<p>最近はこのようなフリー素材が多くモックアップを手早く見た目よく作成できるので、<br />
導線やコンテンツを考えるの力を注ぐ事ができそうです。</p>


プロトタイプ、ワイヤフレーム作成に便利なフリー素材

VimのHTML入力補完プラグイン

gitの構築から実用までの流れ (2)

<p>autodeskのremakeを使って、フォトスキャンで3Dオブジェクトを作成してみました。</p>
<p>今回はさほど複雑でない形が良いと思ったので、栄養ドリンクで実験してみました。</p>
<p><a href="/uploads-archive/2016/06/3-1.jpg"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-11115" src="/uploads-archive/2016/06/3-1.jpg" alt="3" width="640" height="353" srcset="/uploads-archive/2016/06/3-1.jpg 640w, /uploads-archive/2016/06/3-1-300x165.jpg 300w, /uploads-archive/2016/06/3-1-228x126.jpg 228w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>
<p>撮影した写真は約100枚、高さは３段階、回転台を使用して約5度ずつずらして撮影しました。remakeでは最大125枚までしか読み込んでくれないようです。</p>
<p>使用する写真を選別して、create modelをクリックすればオブジェクト作成が開始されます。</p>
<p><a href="/uploads-archive/2016/06/2.jpg"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-11119" src="/uploads-archive/2016/06/2.jpg" alt="2" width="408" height="218" srcset="/uploads-archive/2016/06/2.jpg 408w, /uploads-archive/2016/06/2-300x160.jpg 300w, /uploads-archive/2016/06/2-228x122.jpg 228w" sizes="(max-width: 408px) 100vw, 408px" /></a></p>
<p>あとはひたすら待つのみ</p>
<p>20分ほどまってモデルがついに完成しました！エクスポートから3dファイルとして出力してSketchfabにアップロードしてみました。</p>
<h2>完成</h2>
<p><iframe loading="lazy" width="100%" height="480" src="https://sketchfab.com/models/0be825a650904e9a9ee4c211222442ed/embed" frameborder="0" allowfullscreen="allowfullscreen" mozallowfullscreen="mozallowfullscreen" webkitallowfullscreen="webkitallowfullscreen" onmousewheel=""></iframe></p>
<p style="font-size: 13px; font-weight: normal; margin: 5px; color: #4a4a4a;"><a style="font-weight: bold; color: #1caad9;" href="https://sketchfab.com/models/0be825a650904e9a9ee4c211222442ed?utm_medium=embed&amp;utm_source=website&amp;utm_campain=share-popup" target="_blank">メガシャキ</a> by <a style="font-weight: bold; color: #1caad9;" href="https://sketchfab.com/launchmovie?utm_medium=embed&amp;utm_source=website&amp;utm_campain=share-popup" target="_blank">launchmovie</a> on Sketchfab</p>
<h2>反省点</h2>
<p>remakeに限らないのかもしれませんが、フォトスキャンは光の反射があるとメッシュをうまく生成できないようです。</p>
<p>今回は回転台で被写体を回しながら撮影したので、光が反射している部分（缶のくびれの部分）が全て方向に存在するというようなオブジェクトになってしまいました。被写体の鏡面反射がある場合は被写体を回す事はNGで、カメラが動いて各方向から撮影する必要がある事に気づきました。</p>
<p>もしくはライティングを工夫して反射しないようにするという考え方もありますが、質感を失うとフォトスキャンをする意味が薄れてしまう気がするのでカメラ側を動かす方が良さそうです。制度の高いフォトスキャンをする為の設備は複数のカメラをリグを使って被写体を囲うように設置しているもそのためなのだと思います。</p>
<p>反省点を踏まえて、次回もう一度やってみたいと思います。</p>


フォトスキャンで3Dオブジェクトを作成する

<p>after effectsのエフェクトを使って現在の高田馬場から昭和初期ごろに変えてみたいと思います。</p>
<p>こちらが現在の動画です。</p>
<p><iframe loading="lazy" width="500" height="281" src="https://www.youtube.com/embed/oa5sKl6gX-A?feature=oembed" frameborder="0" allowfullscreen></iframe></p>
<p>こちらの動画にafter effectsを使って加工を加えていきます。</p>
<p>まずはフィルム焼けを表現するエフェクトのその名も「CC Burn Film」を調整レイヤーにかけます。それぞれのパラメーターにエクスプレッションを使ってサイズや位置がランダムで変わるように設定します。</p>
<p>続いて、シェイプレイヤーで縦線を作りX位置方向のみwiggleで動かします。このときかなり大きな数字を入れて、モーションブラーをかけるとフィルムっぽさが出ると思います。</p>
<p>さらに「CC Toner」と「輝度コントラスト」でカラー調整をします。最後に「アンシャープマスク」で画質についても調整します。</p>
<p>お好みでタイムリマップをかけて動きを早くすると当時の映像という感じがさらに出ると思います。</p>
<p><iframe loading="lazy" width="500" height="281" src="https://www.youtube.com/embed/dDyH6_DWT6o?feature=oembed" frameborder="0" allowfullscreen></iframe></p>


Company

Our Solutions

Support

News

Blog

Blogブログ

カテゴリーから探す

年別から見る

記事一覧 - Author: スターフィールド編集部

2016/07/13

2016/07/13

2016/07/08

2016/07/06

2016/07/06

2016/07/06

2016/07/06

2016/06/30

2016/06/29

2016/06/29

2016/06/29

2016/06/22

2016/06/22

2016/06/22

2016/06/22

2016/06/15

2016/06/15

2016/06/15