<p>こちらの「Bootstrap Editor」はブラウザで使用できるエディタで、<br />
Bootstrapをベースにしたサイトを制作するのに適したツールになります。</p>
<p>このツール自体もBootstrapを元に作成されてますね！！</p>
<p>Bootstrap自体、CSSのフレームワークとして有名で比較的簡単に、カッコイイデザイン、レイアウトを実装することができるツールです。</p>
<p>ただし、Bootstrap自体の記述ルールみたいなものがあり、使いはじめるには少し学習しないといけません。</p>
<p>初心者やエンジニア向けのBootstrapですが(個人の見解です笑)、ちょっと手間がかかってしまいます。</p>
<p>しかし、この「Bootstrap Editor」は、ブラウザ上でコードの編集ができ、結果も右に即時反映されますので直ぐに使用することができます！！</p>
<p>さらに、テンプレートも用意されているのでそのまま作るのはもちろん、ローカルで作っているコードに、「Bootstrap Editor」で呼び出したテンプレートの一部を持ってきたりとかいろんな使い方ができますね。</p>
<h2>Bootstrapの使い方</h2>
<p><img decoding="async" src="/uploads-archive/2016/03/Bootstrap-Editor.jpg" alt="Bootstrap Editor" width="640" class="alignnone size-full wp-image-10125" srcset="/uploads-archive/2016/03/Bootstrap-Editor.jpg 994w, /uploads-archive/2016/03/Bootstrap-Editor-300x221.jpg 300w, /uploads-archive/2016/03/Bootstrap-Editor-768x566.jpg 768w, /uploads-archive/2016/03/Bootstrap-Editor-228x168.jpg 228w" sizes="(max-width: 994px) 100vw, 994px" /></p>
<p><a href="http://www.venezia-works.com/bst/index.html" target="_blank">Bootstrap Editor</a>を開き、「Let&#8217;s Start」ボタンを押します。</p>
<p>それだけでもう使えます！</p>
<p><img decoding="async" src="/uploads-archive/2016/03/Bootstrap-Editor2-1024x689.jpg" alt="Bootstrap Editor2" width="640" class="alignnone size-large wp-image-10126" srcset="/uploads-archive/2016/03/Bootstrap-Editor2-1024x689.jpg 1024w, /uploads-archive/2016/03/Bootstrap-Editor2-300x202.jpg 300w, /uploads-archive/2016/03/Bootstrap-Editor2-768x517.jpg 768w, /uploads-archive/2016/03/Bootstrap-Editor2-228x153.jpg 228w, /uploads-archive/2016/03/Bootstrap-Editor2.jpg 1268w" sizes="(max-width: 1024px) 100vw, 1024px" /></p>
<p>あとはこの画面でLet&#8217;s コーディングです！！</p>
<h2>Bootstrapの機能</h2>
<p>主な機能は以下になります。</p>
<p><a href="#menu01">１．CODE</a><br />
エディタの色を選択（Emmet使用可能）</p>
<p><a href="#menu02">２．Template</a><br />
Bootstrapテンプレートを選択</p>
<p><a href="#menu03">3. Nomal(Theme)</a><br />
Bootstrapテンプレートの色(Theme)を選択</p>
<p><a href="#menu04">４．Live View</a><br />
編集中のCODEをプレビュー（PC,Tablet,Phone,CodeOnry）</p>
<p><a href="#menu05">５．Save/Open</a><br />
「Save」は編集中のデータを一時保存します。「Open」は保存データを再表示します。</p>
<p><a href="#menu06">６．Download</a><br />
編集中データをHTMLファイルダウンロード</p>
<h3 id="menu01">CODE</h3>
<p><img decoding="async" src="/uploads-archive/2016/03/Bootstrap-Editor3-1024x714.jpg" alt="Bootstrap Editor3" width="640" class="alignnone size-large wp-image-10117" srcset="/uploads-archive/2016/03/Bootstrap-Editor3-1024x714.jpg 1024w, /uploads-archive/2016/03/Bootstrap-Editor3-300x209.jpg 300w, /uploads-archive/2016/03/Bootstrap-Editor3-768x536.jpg 768w, /uploads-archive/2016/03/Bootstrap-Editor3-228x159.jpg 228w, /uploads-archive/2016/03/Bootstrap-Editor3.jpg 1153w" sizes="(max-width: 1024px) 100vw, 1024px" /><br />
コードを書くスタイルを、Chrome,github,tommorrow_night_bright,dreamweaverから選択できます。</p>
<h3 id="menu02">Template</h3>
<p>テンプレートが予め用意されていますので、それを元にコーディングを開始することができます。<br />
テンプレートの一部分のパーツをコピーして使うという方法もいいですね！</p>
<p><img decoding="async" src="/uploads-archive/2016/03/ibLdlBsdRf.gif" alt="ibLdlBsdRf" width="640" class="alignnone size-large wp-image-10118" /></p>
<h3 id="menu03">Nomal(Theme)</h3>
<p>サイトに色（テーマ）を変更することができます。豊富に用意されています。<br />
<img decoding="async" src="/uploads-archive/2016/03/oQN8i8LUAg.gif" alt="oQN8i8LUAg" width="640"class="alignnone size-large wp-image-10119" /></p>
<p>ちなみに、<a href="https://bootswatch.com/">Bootswatch: Free themes for Bootstrap</a>のテーマを使用しているようです。テーマのサイトのプレビューをみるより、このエディタで切り替えた方が断然早くテーマの中身をチェックできますね！</p>
<h3 id="menu04">Live View</h3>
<p>左側でソースを編集し、その編集した結果が即時右側でプレビューとして表示されています。<br />
直感的に幅を変えられるのが素晴らしく、スマホ、PCのチェックもラクにできます！</p>
<p><a href="/uploads-archive/2016/03/9Gjh4CWqxM.gif" rel="attachment wp-att-10121"><img decoding="async" src="/uploads-archive/2016/03/9Gjh4CWqxM.gif" alt="9Gjh4CWqxM" width="640" class="alignnone size-large wp-image-10121" /></a></p>
<h3 id="menu05">Save/Open</h3>
<p>「Save」で今編集しているコードを一時保存します。<br />
「Open」で一時保存したコードを表示します。</p>
<p>ブラウザの「localstorage」に保存しているので、<br />
違うブラウザを使用すると保存されてないので注意！(当たり前か&#8230;)</p>
<h3 id="menu06">Download</h3>
<p>編集したhtmlをダウンロードします。<br />
bootstrap.htmlがダウンロードできます。</p>
<p>こんなに簡単に無料で使用できるツールはなかなかないと思います。（しかも日本製）<br />
おそらく今後もパワーアップしそうな予感がありますので、ますます期待です！！</p>
<p>Bootstrapを扱う方はぜひ使用してみると良いと思います！！</p>


無料かつログイン不要のブラウザエディタ「Bootstrap Editor」

<p>商品CGを作る場合やリアルな実写合成を行う場合にライティングとしてHDRIを用いた方法がよく行われます。</p>
<p>HDRIとは「ハイダイナミックレンジイメージ」の事で、文字通りダイナミックレンジが大きい画像を意味します。</p>
<p>ダイナミックレンジとは輝度の幅の事で、詳しく説明しようとすると複雑になってしまうので、無理やりかみ砕くと、「普段よく目にするJPEG画像なんかよりも明るさについての情報量が多い画像の事だな」ととりあえずは思って下さい。</p>
<p>詳しい事はこちらのサイトが丁寧に解説してくれてますので参考にしてください。（結構奥が深いです。）<a href="http://vig.is.env.kitakyu-u.ac.jp/Japanese/tutorial/hdri.html">http://vig.is.env.kitakyu-u.ac.jp/Japanese/tutorial/hdri.html</a></p>
<h2>HDRIでライティングを行う</h2>
<p>まずはHDRIが必要になりますが、CINEMA4Dのプリセットの中にいくつか用意されていますので、コンテンツブラウザから探してみてください。</p>
<p>続いてマテリアルの設定を行います、新規でマテリアルを作成して、発行チャンネルのみにチェックを入れてテクスチャにHDRIを適用します。</p>
<p><a href="/uploads-archive/2016/03/1-3.jpg" rel="attachment wp-att-10123"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-10123" src="/uploads-archive/2016/03/1-3.jpg" alt="1" width="640" height="672" srcset="/uploads-archive/2016/03/1-3.jpg 640w, /uploads-archive/2016/03/1-3-286x300.jpg 286w, /uploads-archive/2016/03/1-3-228x239.jpg 228w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>
<p>このマテリアルを空オブジェクトに張り付けて、ライティングの設定は完成です。</p>
<p>ちなみに主役になるオブジェクトについては詳しく書きませんが、これもプリセットにいくつか用意してあるので好きな物を設置してみてください。</p>
<p><a href="/uploads-archive/2016/03/2-3.jpg" rel="attachment wp-att-10127"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-10127" src="/uploads-archive/2016/03/2-3.jpg" alt="2" width="640" height="442" srcset="/uploads-archive/2016/03/2-3.jpg 640w, /uploads-archive/2016/03/2-3-300x207.jpg 300w, /uploads-archive/2016/03/2-3-228x157.jpg 228w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>
<h2>GI（グローバルイルミネーション）の設定を行う</h2>
<p>HDRIライティングでフォトリアルな画像や動画を作成するにはGI（グローバルイルミネーション）を用いてレンダリングする必要があります。</p>
<p>レンダリング設定から特殊効果を選択してグローバルイルミネーションを適用します。</p>
<p><a href="/uploads-archive/2016/03/3-3.jpg" rel="attachment wp-att-10128"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-10128" src="/uploads-archive/2016/03/3-3.jpg" alt="3" width="640" height="479" srcset="/uploads-archive/2016/03/3-3.jpg 640w, /uploads-archive/2016/03/3-3-300x225.jpg 300w, /uploads-archive/2016/03/3-3-228x171.jpg 228w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>
<p>あとはレンダリングするだけです。</p>
<p>設定によってはかなり時間がかかると思いますので、調整が必要です。</p>
<p>下の画像が完成した画像です。</p>
<p><a href="/uploads-archive/2016/03/test_6.jpg" rel="attachment wp-att-10180"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-10180" src="/uploads-archive/2016/03/test_6.jpg" alt="test_6" width="800" height="600" srcset="/uploads-archive/2016/03/test_6.jpg 800w, /uploads-archive/2016/03/test_6-300x225.jpg 300w, /uploads-archive/2016/03/test_6-768x576.jpg 768w, /uploads-archive/2016/03/test_6-228x171.jpg 228w" sizes="(max-width: 800px) 100vw, 800px" /></a></p>
<p>&nbsp;</p>


CINEMA4D HDRIをつかってフォトリアルなレンダリングを行う

<p>big commerceはアメリカのオースティンに本拠地を置く、ECの2015年6月時点で95,000社に提供をしている有数なECサイト構築プラットフォームです。</p>
<p>昨年、Paypal元幹部がジョインし、株式公開を目指すほど勢いのある会社です。</p>
<p><a href="http://techcrunch.com/2015/06/08/bigcommerce-ceo/">Former Paypal Executive Joins Bigcommerce As&nbsp;CEO</a></p>
<p><a href="https://en.wikipedia.org/wiki/Bigcommerce" target="_blank">https://en.wikipedia.org/wiki/Bigcommerce</a></p>
<p>が、日本には全く進出しておらず、日本語での情報も皆無な状態でしたので、フリートライアルで触って見た内容を書いてみました。</p>
<h2>サイトからトライアル登録</h2>
<h3>価格表</h3>
<p><a href="/officer/bigcommerce%e3%81%ae%e3%83%95%e3%83%aa%e3%83%bc%e3%83%88%e3%83%a9%e3%82%a4%e3%82%a2%e3%83%ab%e7%89%88%e4%bd%bf%e3%81%a3%e3%81%a6%e3%81%bf%e3%81%9f/attachment/bigcommerce_pricing_-_more_features_with_no_hidden_fees___bigcommerce-2/" rel="attachment wp-att-10108"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-10108" src="/uploads-archive/2016/03/Bigcommerce_Pricing_-_More_Features_with_No_Hidden_Fees___Bigcommerce-2-300x115.png" alt="Bigcommerce_Pricing_-_More_Features_with_No_Hidden_Fees___Bigcommerce 2" width="300" height="115" srcset="/uploads-archive/2016/03/Bigcommerce_Pricing_-_More_Features_with_No_Hidden_Fees___Bigcommerce-2-300x115.png 300w, /uploads-archive/2016/03/Bigcommerce_Pricing_-_More_Features_with_No_Hidden_Fees___Bigcommerce-2-768x295.png 768w, /uploads-archive/2016/03/Bigcommerce_Pricing_-_More_Features_with_No_Hidden_Fees___Bigcommerce-2-1024x394.png 1024w, /uploads-archive/2016/03/Bigcommerce_Pricing_-_More_Features_with_No_Hidden_Fees___Bigcommerce-2-228x88.png 228w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>月次の価格表は上記のような価格で、スタンダードで3600円（$1≒120円）と手頃です。</p>
<p>もし、弊社が導入するとするならば、pro版でもオーダー数が一ヶ月で引っかかってしまうような気がします・・・</p>
<h3>トライアル</h3>
<p>とりあえず今回はフリートライアル進めます。</p>
<p><a href="/officer/bigcommerce%e3%81%ae%e3%83%95%e3%83%aa%e3%83%bc%e3%83%88%e3%83%a9%e3%82%a4%e3%82%a2%e3%83%ab%e7%89%88%e4%bd%bf%e3%81%a3%e3%81%a6%e3%81%bf%e3%81%9f/attachment/15-day_free_trial_modal___bigcommerce/" rel="attachment wp-att-10096"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-10096" src="/uploads-archive/2016/03/15-day_Free_Trial_Modal___Bigcommerce-300x264.png" alt="15-day_Free_Trial_Modal___Bigcommerce" width="300" height="264" srcset="/uploads-archive/2016/03/15-day_Free_Trial_Modal___Bigcommerce-300x264.png 300w, /uploads-archive/2016/03/15-day_Free_Trial_Modal___Bigcommerce-768x677.png 768w, /uploads-archive/2016/03/15-day_Free_Trial_Modal___Bigcommerce-1024x902.png 1024w, /uploads-archive/2016/03/15-day_Free_Trial_Modal___Bigcommerce-228x201.png 228w, /uploads-archive/2016/03/15-day_Free_Trial_Modal___Bigcommerce.png 1512w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>フォームに入力するだけ。</p>
<p><a href="/officer/bigcommerce%e3%81%ae%e3%83%95%e3%83%aa%e3%83%bc%e3%83%88%e3%83%a9%e3%82%a4%e3%82%a2%e3%83%ab%e7%89%88%e4%bd%bf%e3%81%a3%e3%81%a6%e3%81%bf%e3%81%9f/attachment/15-day_free_trial_modal___bigcommerce-2/" rel="attachment wp-att-10105"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-10105" src="/uploads-archive/2016/03/15-day_Free_Trial_Modal___Bigcommerce-1-300x199.png" alt="15-day_Free_Trial_Modal___Bigcommerce" width="300" height="199" srcset="/uploads-archive/2016/03/15-day_Free_Trial_Modal___Bigcommerce-1-300x199.png 300w, /uploads-archive/2016/03/15-day_Free_Trial_Modal___Bigcommerce-1-228x151.png 228w, /uploads-archive/2016/03/15-day_Free_Trial_Modal___Bigcommerce-1.png 707w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>登録はオンライン上で完結。</p>
<h3>サブドメインでのサイトが30秒で出来た</h3>
<p><a href="/officer/bigcommerce%e3%81%ae%e3%83%95%e3%83%aa%e3%83%bc%e3%83%88%e3%83%a9%e3%82%a4%e3%82%a2%e3%83%ab%e7%89%88%e4%bd%bf%e3%81%a3%e3%81%a6%e3%81%bf%e3%81%9f/attachment/sterfield/" rel="attachment wp-att-10095"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-10095" src="/uploads-archive/2016/03/sterfield-300x205.png" alt="sterfield" width="300" height="205" srcset="/uploads-archive/2016/03/sterfield-300x205.png 300w, /uploads-archive/2016/03/sterfield-768x524.png 768w, /uploads-archive/2016/03/sterfield-1024x699.png 1024w, /uploads-archive/2016/03/sterfield-228x156.png 228w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>さすが。まずはサブドメインで生成されました。</p>
<p><a href="/officer/bigcommerce%e3%81%ae%e3%83%95%e3%83%aa%e3%83%bc%e3%83%88%e3%83%a9%e3%82%a4%e3%82%a2%e3%83%ab%e7%89%88%e4%bd%bf%e3%81%a3%e3%81%a6%e3%81%bf%e3%81%9f/attachment/sterfield_-_bigcommerce_control_panel/" rel="attachment wp-att-10099"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-10099" src="/uploads-archive/2016/03/sterfield_-_Bigcommerce_Control_Panel-300x160.png" alt="sterfield_-_Bigcommerce_Control_Panel" width="300" height="160" srcset="/uploads-archive/2016/03/sterfield_-_Bigcommerce_Control_Panel-300x160.png 300w, /uploads-archive/2016/03/sterfield_-_Bigcommerce_Control_Panel-768x410.png 768w, /uploads-archive/2016/03/sterfield_-_Bigcommerce_Control_Panel-1024x547.png 1024w, /uploads-archive/2016/03/sterfield_-_Bigcommerce_Control_Panel-228x122.png 228w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>ツアーが始まりました。</p>
<p><a href="/officer/bigcommerce%e3%81%ae%e3%83%95%e3%83%aa%e3%83%bc%e3%83%88%e3%83%a9%e3%82%a4%e3%82%a2%e3%83%ab%e7%89%88%e4%bd%bf%e3%81%a3%e3%81%a6%e3%81%bf%e3%81%9f/attachment/sterfield_-_bigcommerce_control_panel-2/" rel="attachment wp-att-10100"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-10100" src="/uploads-archive/2016/03/sterfield_-_Bigcommerce_Control_Panel-2-300x160.png" alt="sterfield_-_Bigcommerce_Control_Panel 2" width="300" height="160" srcset="/uploads-archive/2016/03/sterfield_-_Bigcommerce_Control_Panel-2-300x160.png 300w, /uploads-archive/2016/03/sterfield_-_Bigcommerce_Control_Panel-2-768x410.png 768w, /uploads-archive/2016/03/sterfield_-_Bigcommerce_Control_Panel-2-1024x546.png 1024w, /uploads-archive/2016/03/sterfield_-_Bigcommerce_Control_Panel-2-228x122.png 228w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>ユーザーにやさしい設計です。</p>
<p>&nbsp;</p>
<h2>管理画面をザックリチェック！</h2>
<h3>管理画面大項目</h3>
<p><a href="/officer/bigcommerce%e3%81%ae%e3%83%95%e3%83%aa%e3%83%bc%e3%83%88%e3%83%a9%e3%82%a4%e3%82%a2%e3%83%ab%e7%89%88%e4%bd%bf%e3%81%a3%e3%81%a6%e3%81%bf%e3%81%9f/attachment/sterfield_-_bigcommerce_control_panel_1/" rel="attachment wp-att-10101"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-10101" src="/uploads-archive/2016/03/sterfield_-_Bigcommerce_Control_Panel_1-300x160.png" alt="sterfield_-_Bigcommerce_Control_Panel_1" width="300" height="160" srcset="/uploads-archive/2016/03/sterfield_-_Bigcommerce_Control_Panel_1-300x160.png 300w, /uploads-archive/2016/03/sterfield_-_Bigcommerce_Control_Panel_1-768x410.png 768w, /uploads-archive/2016/03/sterfield_-_Bigcommerce_Control_Panel_1-1024x547.png 1024w, /uploads-archive/2016/03/sterfield_-_Bigcommerce_Control_Panel_1-228x122.png 228w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>管理画面の項目として翻訳すると以下のような構成でしょうか？</p>
<ul>
<li>ダッシュボード</li>
<li>検索</li>
<li>受注</li>
<li>商品</li>
<li>顧客</li>
<li>コンテンツ</li>
<li>マーケティング</li>
<li>解析</li>
<li>アプリ</li>
<li>設定</li>
<li>ヘルプ</li>
<li>サイト閲覧</li>
</ul>
<h3>デザイン編集</h3>
<p><a href="/officer/bigcommerce%e3%81%ae%e3%83%95%e3%83%aa%e3%83%bc%e3%83%88%e3%83%a9%e3%82%a4%e3%82%a2%e3%83%ab%e7%89%88%e4%bd%bf%e3%81%a3%e3%81%a6%e3%81%bf%e3%81%9f/attachment/design_mode/" rel="attachment wp-att-10102"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-10102" src="/uploads-archive/2016/03/Design_Mode-300x160.png" alt="Design_Mode" width="300" height="160" srcset="/uploads-archive/2016/03/Design_Mode-300x160.png 300w, /uploads-archive/2016/03/Design_Mode-768x409.png 768w, /uploads-archive/2016/03/Design_Mode-1024x545.png 1024w, /uploads-archive/2016/03/Design_Mode-228x121.png 228w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>この中でデザインの大項目が見当たらなかったので探したら編集するのものは、設定の中にありました。</p>
<p>上記のようにエディターが画面内に出現し、独自タグが確認出来ましたので、この辺りはタグリファレンスを見ながら習得をしていくことが必要かと思います。<a href="/officer/bigcommerce%e3%81%ae%e3%83%95%e3%83%aa%e3%83%bc%e3%83%88%e3%83%a9%e3%82%a4%e3%82%a2%e3%83%ab%e7%89%88%e4%bd%bf%e3%81%a3%e3%81%a6%e3%81%bf%e3%81%9f/attachment/banners_and_alerts_%e3%81%a8_sterfield_-_bigcommerce_control_panel/" rel="attachment wp-att-10103"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-10103" src="/uploads-archive/2016/03/2d9b5a5e340f079f35d54b0585e7021c-300x185.png" alt="Banners_and_Alerts_と_sterfield_-_Bigcommerce_Control_Panel" width="300" height="185" srcset="/uploads-archive/2016/03/2d9b5a5e340f079f35d54b0585e7021c-300x185.png 300w, /uploads-archive/2016/03/2d9b5a5e340f079f35d54b0585e7021c-768x474.png 768w, /uploads-archive/2016/03/2d9b5a5e340f079f35d54b0585e7021c-1024x632.png 1024w, /uploads-archive/2016/03/2d9b5a5e340f079f35d54b0585e7021c-228x141.png 228w, /uploads-archive/2016/03/2d9b5a5e340f079f35d54b0585e7021c.png 1960w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>テーマも複数用意されていて、切り替えるだけでデザインを変更することも出来、エンジニアを抱えるチームにはエディターを提供し、シンプルにショップを構築したい方には、テーマを提供するこの2段構えはよく出来たシステムだと思います。</p>
<h3>足りない機能はアプリで外部システム連携</h3>
<p><a href="/officer/bigcommerce%e3%81%ae%e3%83%95%e3%83%aa%e3%83%bc%e3%83%88%e3%83%a9%e3%82%a4%e3%82%a2%e3%83%ab%e7%89%88%e4%bd%bf%e3%81%a3%e3%81%a6%e3%81%bf%e3%81%9f/attachment/sterfield_-_bigcommerce_control_panel-3/" rel="attachment wp-att-10104"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-10104" src="/uploads-archive/2016/03/sterfield_-_Bigcommerce_Control_Panel-3-300x177.png" alt="sterfield_-_Bigcommerce_Control_Panel 3" width="300" height="177" srcset="/uploads-archive/2016/03/sterfield_-_Bigcommerce_Control_Panel-3-300x177.png 300w, /uploads-archive/2016/03/sterfield_-_Bigcommerce_Control_Panel-3-768x453.png 768w, /uploads-archive/2016/03/sterfield_-_Bigcommerce_Control_Panel-3-1024x603.png 1024w, /uploads-archive/2016/03/sterfield_-_Bigcommerce_Control_Panel-3-228x134.png 228w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>Appsの項目では、メール送信やチャットツールだったり、在庫連携システムなど外部システムと連携をするインタフェースが備わっていました。まるでプラグインをインストールするかのように機能追加が可能になります。</p>
<p>Bigcommerceとしても、ECの基幹部分にフォーカスをし、補助的に機能は外部連携をしていく姿勢が伺えます。</p>
<h3>決済はPaypalがデフォルト</h3>
<p><a href="/officer/bigcommerce%e3%81%ae%e3%83%95%e3%83%aa%e3%83%bc%e3%83%88%e3%83%a9%e3%82%a4%e3%82%a2%e3%83%ab%e7%89%88%e4%bd%bf%e3%81%a3%e3%81%a6%e3%81%bf%e3%81%9f/attachment/sterfield_-_bigcommerce_control_panel-4/" rel="attachment wp-att-10106"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-10106" src="/uploads-archive/2016/03/sterfield_-_Bigcommerce_Control_Panel-4-300x176.png" alt="sterfield_-_Bigcommerce_Control_Panel 4" width="300" height="176" srcset="/uploads-archive/2016/03/sterfield_-_Bigcommerce_Control_Panel-4-300x176.png 300w, /uploads-archive/2016/03/sterfield_-_Bigcommerce_Control_Panel-4-768x451.png 768w, /uploads-archive/2016/03/sterfield_-_Bigcommerce_Control_Panel-4-1024x601.png 1024w, /uploads-archive/2016/03/sterfield_-_Bigcommerce_Control_Panel-4-228x134.png 228w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>料金表にも記載があったので、Paypalと強いコネクションがあるのでしょう。</p>
<p><a href="https://www.bigcommerce.com/pricing/" target="_blank">https://www.bigcommerce.com/pricing/</a></p>
<p><a href="/officer/bigcommerce%e3%81%ae%e3%83%95%e3%83%aa%e3%83%bc%e3%83%88%e3%83%a9%e3%82%a4%e3%82%a2%e3%83%ab%e7%89%88%e4%bd%bf%e3%81%a3%e3%81%a6%e3%81%bf%e3%81%9f/attachment/banners_and_alerts_%e3%81%a8_bigcommerce_pricing_-_more_features_with_no_hidden_fees___bigcommerce/" rel="attachment wp-att-10107"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-10107" src="/uploads-archive/2016/03/37a210cec9bb09ec6281336951c73fbd-300x51.png" alt="Banners_and_Alerts_と_Bigcommerce_Pricing_-_More_Features_with_No_Hidden_Fees___Bigcommerce" width="300" height="51" srcset="/uploads-archive/2016/03/37a210cec9bb09ec6281336951c73fbd-300x51.png 300w, /uploads-archive/2016/03/37a210cec9bb09ec6281336951c73fbd-768x131.png 768w, /uploads-archive/2016/03/37a210cec9bb09ec6281336951c73fbd-1024x175.png 1024w, /uploads-archive/2016/03/37a210cec9bb09ec6281336951c73fbd-228x39.png 228w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>5大カードブランドにおいては、他の選択肢を考える必要がないくらいにとても安いレートが設定されています。</p>
<p>これも冒頭にあった、どちらが先かは分かりませんが元Paypal幹部をCEOに据えた戦略の一つなのではないかと推測します。</p>
<h3>ヘルプが充実している</h3>
<ul>
<li>コミュニティ</li>
<li>チュートリアル</li>
<li>メールサポート</li>
<li>チャットサポート</li>
<li>スタートのナビゲーション</li>
</ul>
<p>と複数の手段が準備されており、手厚く好きな方法でサポートを得ることが出来ます。</p>
<h3>独自ドメインもSSLもOK</h3>
<p>フリートライアルでは設定ができなかったのですが、項目としては存在していたので、もちろんOKでしょう。</p>
<p>面白かったのは、301リダイレクトも設定が出来る項目があるので、サイトを移行した際も.htaccessを直接編集せずに、管理画面上で設定が出来るようになっていました。ただ、301リダイレクトと正規表現を正しく理解していないとちゃんとした設定は出来ないと思いますが。</p>
<h2>まとめ</h2>
<p>当社の<a href="http://launchcart.jp/" target="_blank">LaunchCart</a>負けてない。</p>


Bigcommerceのフリートライアル版使ってみた

<p>WordPressやLaunchCartのように高機能なCMS機能がついていれば問題ないのだが、<br />
システムや環境によってsitemapを自動生成できない場合がたまにある。<br />
sitemap.xmlはSEOにおいての重要度が高く、設置しないわけにはいかず<br />
このような場合には手動か、それが難しければ今回紹介するようなツールを使って設置しなければならない。</p>
<p>今回はURLからクローリングして自動でsitemap.xmlを生成してくれるタイプの中から<br />
web上での評判が良いと思ったものを10点比較してみた。</p>
<p>&nbsp;</p>
<table>
<tbody>
<tr>
<td rowspan="2"></td>
<td colspan="4">オプション</td>
<td rowspan="2">Priorityの指定方法</td>
<td rowspan="2">最大取得可能URL</td>
</tr>
<tr>
<td>lastmod</td>
<td>changefreq</td>
<td>priority</td>
<td>その他</td>
</tr>
<tr>
<td><a href="#sm1">1</a></td>
<td>◯</td>
<td>◯</td>
<td>◯</td>
<td>除外ディレクトリ / 同一タイトルURLの除外</td>
<td>自動(階層に応じる)</td>
<td>1,000</td>
</tr>
<tr>
<td><a href="#sm2">2</a></td>
<td>◯</td>
<td>◯</td>
<td>◯</td>
<td>&#8211;</td>
<td>自動</td>
<td>500</td>
</tr>
<tr>
<td><a href="#sm3">3</a></td>
<td>◯</td>
<td>◯</td>
<td>◯</td>
<td>除外ディレクトリ / 同一タイトルURLの除外</td>
<td>自動</td>
<td>1000</td>
</tr>
<tr>
<td><a href="#sm4">4</a></td>
<td>◯</td>
<td>◯</td>
<td>◯</td>
<td>セッションの削除</td>
<td>自動又は固定値</td>
<td>3500</td>
</tr>
<tr>
<td><a href="#sm5">5</a></td>
<td>◯</td>
<td>◯</td>
<td>◯</td>
<td>拡張子指定、getパラメータ等複数</td>
<td>固定値</td>
<td>無制限</td>
</tr>
<tr>
<td><a href="#sm6">6</a></td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>&#8211;</td>
<td>&#8211;</td>
<td>500</td>
</tr>
<tr>
<td><a href="#sm7">7</a></td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>&#8211;</td>
<td>&#8211;</td>
<td>500</td>
</tr>
<tr>
<td><a href="#sm8">8</a></td>
<td>◯</td>
<td>◯</td>
<td>◯</td>
<td>セッションの削除</td>
<td>固定</td>
<td>300</td>
</tr>
<tr>
<td><a href="#sm9">9</a></td>
<td>◯</td>
<td>◯</td>
<td>◯</td>
<td>&#8211;</td>
<td>固定</td>
<td>?</td>
</tr>
<tr>
<td><a href="#sm10">10</a></td>
<td>◯</td>
<td>◯</td>
<td>◯</td>
<td>Auto upload、Auto ping</td>
<td>&#8211;</td>
<td>5000</td>
</tr>
</tbody>
</table>
<h2></h2>
<h2 id="sm1">1. sitemapxml.jp</h2>
<p><img decoding="async" loading="lazy" class="alignnone size-full wp-image-10085" src="/uploads-archive/2016/03/1.png" alt="1" width="660" height="384" srcset="/uploads-archive/2016/03/1.png 660w, /uploads-archive/2016/03/1-300x175.png 300w, /uploads-archive/2016/03/1-228x133.png 228w" sizes="(max-width: 660px) 100vw, 660px" /></p>
<p>http://www.sitemapxml.jp/</p>
<p>安定感があり使いやすい</p>
<p>&nbsp;</p>
<h2 id="sm2">2. xml-sitemaps.com</h2>
<p><img decoding="async" loading="lazy" class="alignnone size-full wp-image-10088" src="/uploads-archive/2016/03/2-1.png" alt="2" width="608" height="547" srcset="/uploads-archive/2016/03/2-1.png 608w, /uploads-archive/2016/03/2-1-300x270.png 300w, /uploads-archive/2016/03/2-1-228x205.png 228w" sizes="(max-width: 608px) 100vw, 608px" /></p>
<p><a href="https://www.xml-sitemaps.com/" target="_blank">https://www.xml-sitemaps.com/</a></p>
<p>使いやすいが500件の上限が人によっては少ないかも</p>
<p>&nbsp;</p>
<h2 id="sm3">3. xml-seo.com</h2>
<p><img decoding="async" loading="lazy" class="alignnone size-full wp-image-10089" src="/uploads-archive/2016/03/3-1.png" alt="3" width="660" height="404" srcset="/uploads-archive/2016/03/3-1.png 660w, /uploads-archive/2016/03/3-1-300x184.png 300w, /uploads-archive/2016/03/3-1-228x140.png 228w" sizes="(max-width: 660px) 100vw, 660px" /></p>
<p><a href="http://xml-seo.com/sitemap/input" target="_blank">http://xml-seo.com/sitemap/input</a></p>
<p>1とほぼ同じ。提供元が同じか</p>
<p>&nbsp;</p>
<h2 id="sm4">4. web-site-map.com</h2>
<p><img decoding="async" loading="lazy" class="alignnone size-full wp-image-10092" src="/uploads-archive/2016/03/4-1.png" alt="4" width="574" height="628" srcset="/uploads-archive/2016/03/4-1.png 574w, /uploads-archive/2016/03/4-1-274x300.png 274w, /uploads-archive/2016/03/4-1-228x249.png 228w" sizes="(max-width: 574px) 100vw, 574px" /></p>
<p><a href="http://www.web-site-map.com/" target="_blank">http://www.web-site-map.com/</a></p>
<p>使いやすく上限も多いが、認証がめんどくさい</p>
<h2 id="sm5">5. xmlsitemapgenerator.org</h2>
<p><img decoding="async" loading="lazy" class="alignnone size-full wp-image-10083" src="/uploads-archive/2016/03/5.png" alt="5" width="615" height="649" srcset="/uploads-archive/2016/03/5.png 615w, /uploads-archive/2016/03/5-284x300.png 284w, /uploads-archive/2016/03/5-228x241.png 228w" sizes="(max-width: 615px) 100vw, 615px" /></p>
<p><a href="https://xmlsitemapgenerator.org/" target="_blank">https://xmlsitemapgenerator.org/</a></p>
<p>オプションが多い。細かな設定をしたい人にはおすすめ</p>
<p>&nbsp;</p>
<h2 id="sm6">6. www.sitemapdoc.com</h2>
<p><img decoding="async" loading="lazy" class="alignnone size-full wp-image-10084" src="/uploads-archive/2016/03/6.png" alt="6" width="660" height="78" srcset="/uploads-archive/2016/03/6.png 660w, /uploads-archive/2016/03/6-300x35.png 300w, /uploads-archive/2016/03/6-228x27.png 228w" sizes="(max-width: 660px) 100vw, 660px" /></p>
<p><a href="http://www.sitemapdoc.com/" target="_blank">http://www.sitemapdoc.com/</a></p>
<p>シンプル</p>
<p>&nbsp;</p>
<h2 id="sm7">7. pro-sitemaps.com</h2>
<p><img decoding="async" loading="lazy" class="alignnone size-full wp-image-10086" src="/uploads-archive/2016/03/7.png" alt="7" width="604" height="131" srcset="/uploads-archive/2016/03/7.png 604w, /uploads-archive/2016/03/7-300x65.png 300w, /uploads-archive/2016/03/7-228x49.png 228w" sizes="(max-width: 604px) 100vw, 604px" /></p>
<p><a href="https://pro-sitemaps.com/" target="_blank">https://pro-sitemaps.com/</a></p>
<p>シンプル</p>
<h2 id="sm8">8. xmlsitemap.com</h2>
<p><img decoding="async" loading="lazy" class="alignnone size-full wp-image-10087" src="/uploads-archive/2016/03/8.png" alt="8" width="605" height="501" srcset="/uploads-archive/2016/03/8.png 605w, /uploads-archive/2016/03/8-300x248.png 300w, /uploads-archive/2016/03/8-228x189.png 228w" sizes="(max-width: 605px) 100vw, 605px" /></p>
<p><a href="http://xmlsitemap.com/create-sitemap/" target="_blank">http://xmlsitemap.com/create-sitemap/</a></p>
<p>使いやすいが上限が少ない</p>
<p>&nbsp;</p>
<h2 id="sm9">9. xsitemap.com</h2>
<p><img decoding="async" loading="lazy" class="alignnone size-full wp-image-10090" src="/uploads-archive/2016/03/9.png" alt="9" width="645" height="388" srcset="/uploads-archive/2016/03/9.png 645w, /uploads-archive/2016/03/9-300x180.png 300w, /uploads-archive/2016/03/9-228x137.png 228w" sizes="(max-width: 645px) 100vw, 645px" /></p>
<p><a href="http://www.xsitemap.com/" target="_blank">http://www.xsitemap.com/</a></p>
<p>シンプル</p>
<p>&nbsp;</p>
<h2 id="sm10">10. freesitemapgenerator.com</h2>
<p><img decoding="async" loading="lazy" class="alignnone size-full wp-image-10091" src="/uploads-archive/2016/03/10.png" alt="10" width="411" height="520" srcset="/uploads-archive/2016/03/10.png 411w, /uploads-archive/2016/03/10-237x300.png 237w, /uploads-archive/2016/03/10-228x288.png 228w" sizes="(max-width: 411px) 100vw, 411px" /></p>
<p><a href="https://freesitemapgenerator.com/new-account.html" target="_blank">https://freesitemapgenerator.com/new-account.html</a></p>
<p>上限が多い</p>


【比較】sitemap.xml 作成ツール 10点

<h3>はじめに</h3>
<div style="padding-left: 15px;">
<p>今更！と思われるかもしれませんがAndroid OSをLollipoop(5.0)へ移行してみました。元に戻すのは通常は無理な代物なので、慎重に情報収集した結果、決行に至ったレポートを記載します。</p>
</div>
<h3>今までとの違いは？</h3>
<div style="padding-left: 15px;">
<p>各所で聞くところによると、</p>
<ul>
<li>軽量な動作になった</li>
<li>アプリはある程度すでに対応されているものが多い</li>
<li>SDカードへの書き込みはアプリによって対応</li>
</ul>
<p>と魅力的な情報が満載！<br />
ですが、、、ここは慎重に。</p>
</div>
<h3>移行前の手順</h3>
<div style="padding-left: 15px;">まずはバックアップを取ります。<br />
「設定」＞「バックアップと復元」あたりで「バックアップ」をタップし実行します。<br />
(端末によって細かな違いはあります)※ それでもカバーしきれないデータ(主にソーシャルゲーム系)はPCと繋いでadbバックアップなど応用的な処置が必要なので注意しましょう。<br />
※ adb: Android Developer Bridge (Android開発者用のドライバ)違いを解りやすく数値化しておくことで比較がしやすくなります。<br />
端末の動きを細かく比較したい方は、デジカメなどの外部メディア機器を使用して動画を撮るのもオススメです。筆者は比較用に &#8220;AnTuTu Benchmark&#8221; というアプリを使用してみました。無料です。<br />
<a href="https://play.google.com/store/apps/details?id=com.antutu.ABenchMark&amp;hl=ja">Antutu Benchmark &#8211; Google Play の Android アプリ</a>移行前のベンチ結果です。<br />
<a href="/uploads-archive/2016/03/Screenshot_2016-03-12-15-23-16.png" rel="attachment wp-att-10055"><img decoding="async" loading="lazy" class="alignnone size-large wp-image-10055" src="/uploads-archive/2016/03/Screenshot_2016-03-12-15-23-16-576x1024.png" alt="Screenshot_2016-03-12-15-23-16" width="576" height="1024" srcset="/uploads-archive/2016/03/Screenshot_2016-03-12-15-23-16-576x1024.png 576w, /uploads-archive/2016/03/Screenshot_2016-03-12-15-23-16-169x300.png 169w, /uploads-archive/2016/03/Screenshot_2016-03-12-15-23-16-768x1365.png 768w, /uploads-archive/2016/03/Screenshot_2016-03-12-15-23-16-228x405.png 228w, /uploads-archive/2016/03/Screenshot_2016-03-12-15-23-16.png 1080w" sizes="(max-width: 576px) 100vw, 576px" /></a></p>
</div>
<h3>移行時の手順</h3>
<div style="padding-left: 15px;">通知バーに常に自己主張してくる「システムアップデート」をタップするか<br />
「設定」の「バージョン情報」から「ソフトウェア・アップデート」を手動で実行するかOKです。</div>
<h3>違いを比較！</h3>
<div style="padding-left: 15px;">数値的には以下の様な違いとなっています。<br />
<a href="/uploads-archive/2016/03/before.png" rel="attachment wp-att-10057"><img decoding="async" loading="lazy" class="alignnone size-large wp-image-10057" src="/uploads-archive/2016/03/before-576x1024.png" alt="before" width="576" height="1024" srcset="/uploads-archive/2016/03/before-576x1024.png 576w, /uploads-archive/2016/03/before-169x300.png 169w, /uploads-archive/2016/03/before-768x1365.png 768w, /uploads-archive/2016/03/before-228x405.png 228w, /uploads-archive/2016/03/before.png 1080w" sizes="(max-width: 576px) 100vw, 576px" /></a><a href="/uploads-archive/2016/03/after.png" rel="attachment wp-att-10058"><img decoding="async" loading="lazy" class="alignnone size-large wp-image-10058" src="/uploads-archive/2016/03/after-576x1024.png" alt="after" width="576" height="1024" srcset="/uploads-archive/2016/03/after-576x1024.png 576w, /uploads-archive/2016/03/after-169x300.png 169w, /uploads-archive/2016/03/after-768x1365.png 768w, /uploads-archive/2016/03/after-228x405.png 228w, /uploads-archive/2016/03/after.png 1080w" sizes="(max-width: 576px) 100vw, 576px" /></a>あくまでも数値上での比較。</div>
<div style="padding-left: 15px;">体感としては、スワイプなどの動作がヌルサクからちょっぴりサクを削減した感じです。<br />
起動してから認証パターンからホームに移行するまで<br />
<strong><span style="color: #ff0000;">・Before：0.8秒〜0.9秒くらい？</span></strong><br />
<strong><span style="color: #ff0000;"> ・After：0.3秒〜0.4秒くらい？</span></strong><br />
な感じでした。エビデンスはありません。</p>
<p>今のところ特にデメリットや不具合は無さそうです。</p></div>
<h3>まとめ</h3>
<div style="padding-left: 15px;">
<p>筆者は初期化時にROMに支障をきたしたのか、CPUベンチが落ちました。。。(移行前の時点で総合スコアが45000ほどありました&#8230;)</p>
<p>バックアップしたものの、復元がグレーアウトして復元も出来ず！SDカードの初期化やキャッシュクリアなど試行錯誤していますが、未だ原因解らず。<br />
これはショップに持ち込まないと解らないレベルなので原因判明したら追記しようかと思います。</p>
<p>初期化すると軽くなるというのは本当だと思いますが、慎重に行いましょう！！！ lol</p>
</div>


Android Lollipop導入・検証結果レポート

<p>前回に引き続き、シミュレーションタグの使用方法を簡単に説明させて頂きます。</p>
<p>物が落下するようなアニメーションはキーフレームだけでも可能ですが、複雑なものになるとシミュレーションによって動きをつけた方が何倍も作業が楽になります。</p>
<p>CINEMA４Dの中でオブジェクトに質量を与えて落下させたり、場合にはシミュレーションタグの「リジットボディ」を適用します。</p>
<p><a href="/uploads-archive/2016/03/1.gif" rel="attachment wp-att-10049"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-10049" src="/uploads-archive/2016/03/1.gif" alt="1" width="640" height="492" /></a></p>
<p>作業的にはこれだけで、「現実世界の物」と同様に落下していきます。</p>
<p>逆に落ちてくるものを受け止めるには「衝突」タグを適用します。これは落下してくるオブジェクトをその位置で止めるように作用するので、床を表現する際などに使います。</p>
<div style="width: 720px;" class="wp-video"><video class="wp-video-shortcode" id="video-10048-5" width="720" height="404" preload="metadata" controls="controls"><source type="video/mp4" src="/uploads-archive/2016/03/test_5.mp4?_=5" /><a href="/uploads-archive/2016/03/test_5.mp4">/uploads-archive/2016/03/test_5.mp4</a></video></div>
<p>こうしたシミュレーションタグを使えば、簡単にピタゴラスイッチ的な表現が可能です。</p>
<p>ちなみにソフトボディを適用させて場合は、液体のような表現ができます。</p>
<div style="width: 720px;" class="wp-video"><video class="wp-video-shortcode" id="video-10048-6" width="720" height="404" preload="metadata" controls="controls"><source type="video/mp4" src="/uploads-archive/2016/03/test_5_2.mp4?_=6" /><a href="/uploads-archive/2016/03/test_5_2.mp4">/uploads-archive/2016/03/test_5_2.mp4</a></video></div>


CINEMA4D　シミュレーションタグを使ってピタゴラスイッチを作る

<p></p>

		<div id="crayon-649540263ad95666248220" 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">weather</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;">
curl wttr.in</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-649540263ad95666248220-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-649540263ad95666248220-1"><span class="crayon-e">curl </span><span class="crayon-i">wttr</span><span class="crayon-sy">.</span><span class="crayon-st">in</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>と打つことで、コンソール上に天気を表示させることができます。<br />
<a href="/uploads-archive/2016/03/0dc5850cfd12f3fdf4063cc1552b9908.png" rel="attachment wp-att-10036"><img decoding="async" loading="lazy" src="/uploads-archive/2016/03/0dc5850cfd12f3fdf4063cc1552b9908-300x169.png" alt="スクリーンショット 2016-03-25 16.49.55" width="300" height="169" class="alignnone size-medium wp-image-10036" srcset="/uploads-archive/2016/03/0dc5850cfd12f3fdf4063cc1552b9908-300x169.png 300w, /uploads-archive/2016/03/0dc5850cfd12f3fdf4063cc1552b9908-768x432.png 768w, /uploads-archive/2016/03/0dc5850cfd12f3fdf4063cc1552b9908-1024x576.png 1024w, /uploads-archive/2016/03/0dc5850cfd12f3fdf4063cc1552b9908-228x128.png 228w, /uploads-archive/2016/03/0dc5850cfd12f3fdf4063cc1552b9908.png 1920w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p></p>

		<div id="crayon-649540263ad9a620058105" 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">Tokyo, weather</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;">
curl wttr.in/Tokyo</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-649540263ad9a620058105-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-649540263ad9a620058105-1"><span class="crayon-e">curl </span><span class="crayon-i">wttr</span><span class="crayon-sy">.</span><span class="crayon-st">in</span>/<span class="crayon-i">Tokyo</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>と打つことで場所を指定して天気を表示させることができます。<br />
curl wttr.in/Moscow<br />
と打てば、プログラム作成中にモスクワの天気もチェックできます。</p>
<p>他にも空港コードや</p>

		<div id="crayon-649540263ad9c899761731" 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">Doha International Airport, Qatar, weather</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;">
curl wttr.in/doh</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-649540263ad9c899761731-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-649540263ad9c899761731-1"><span class="crayon-e">curl </span><span class="crayon-i">wttr</span><span class="crayon-sy">.</span><span class="crayon-st">in</span>/<span class="crayon-i">doh</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>IPアドレス</p>

		<div id="crayon-649540263ad9e738781411" 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">sterfield co. ltd. webserver, weather</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;">
curl wttr.in/@sterfield.co.jp</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-649540263ad9e738781411-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-649540263ad9e738781411-1"><span class="crayon-e">curl </span><span class="crayon-i">wttr</span><span class="crayon-sy">.</span><span class="crayon-st">in</span>/<span class="crayon-sy">@</span><span class="crayon-i">sterfield</span><span class="crayon-sy">.</span><span class="crayon-i">co</span><span class="crayon-sy">.</span><span class="crayon-i">jp</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>にも対応しているようです。</p>
<p>また、天気の他にも、月の満ち欠けも確認できます。</p>

		<div id="crayon-649540263ad9f020339767" 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">moon</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;">
curl wttr.in/Moon</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-649540263ad9f020339767-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-649540263ad9f020339767-1"><span class="crayon-e">curl </span><span class="crayon-i">wttr</span><span class="crayon-sy">.</span><span class="crayon-st">in</span>/<span class="crayon-i">Moon</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p></p>

		<div id="crayon-649540263ada2752104946" 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">moon</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;">
curl wttr.in/Moon@2016-Mar-23</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-649540263ada2752104946-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-649540263ada2752104946-1"><span class="crayon-e">curl </span><span class="crayon-i">wttr</span><span class="crayon-sy">.</span><span class="crayon-st">in</span>/<span class="crayon-i">Moon</span><span class="crayon-sy">@</span><span class="crayon-cn">2016</span>-<span class="crayon-i">Mar</span>-<span class="crayon-cn">23</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p><a href="/uploads-archive/2016/03/025bb0ecb9c34a6fcc1937db73a4c126.png" rel="attachment wp-att-10041"><img decoding="async" loading="lazy" src="/uploads-archive/2016/03/025bb0ecb9c34a6fcc1937db73a4c126-300x195.png" alt="スクリーンショット 2016-03-25 17.06.38" width="300" height="195" class="alignnone size-medium wp-image-10041" srcset="/uploads-archive/2016/03/025bb0ecb9c34a6fcc1937db73a4c126-300x195.png 300w, /uploads-archive/2016/03/025bb0ecb9c34a6fcc1937db73a4c126-768x500.png 768w, /uploads-archive/2016/03/025bb0ecb9c34a6fcc1937db73a4c126-1024x667.png 1024w, /uploads-archive/2016/03/025bb0ecb9c34a6fcc1937db73a4c126-228x149.png 228w, /uploads-archive/2016/03/025bb0ecb9c34a6fcc1937db73a4c126.png 1906w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>ちなみにアドレス直打ちでも見れます。<br />
<a href="http://wttr.in/tokyo">http://wttr.in/tokyo</a></p>
<h2>参考</h2>
<p><a href="https://github.com/chubin/wttr.in">chubin/wttr.in</a></p>

もしコンソールを叩いているときに天気が気になったら

<p>弊社では、毎週火曜日（たまに前後）にナレッジシェアとして、皆でブログを更新しています。ブログを見るのは好きな私ですが、書くのは苦手なんだなーと最近気付きました。</p>
<h2>そう思う主な原因</h2>
<p>・全体的にまとまっていない<br />
・何を伝えたいか自分はハッキリしているのに表現力がない<br />
・ぐだついている</p>
<p>などなど。</p>
<p>個人的に、弊社の目崎さんが書かれるブログはとても簡潔でピシッとまとまっていて分かりやすいので羨ましい。コンペナビ編集長の橋本さんは、編集長だけあってとてもユニークで言葉のセンスが良いのでリスペクト。</p>
<p>私は面白いブログというよりも分かりやすいブログを、まず書けるようにしたいと思っています。そのために実行すべき事はどんな事なんでしょうか。今更なのかもしれないですが、ブログの書き方を勉強しようと思います。</p>
<h2>ブログを書くのに最低限するべきこと</h2>
<p>長くなってしまうので、<strong>なるべく簡潔に</strong>します。</p>
<h3>タイトルにはキーワードを必ず入れていく</h3>
<p>弊社のブログページはアイキャッチ画像とタイトルが表示されて並んでいます。</p>
<p><a href="/uploads-archive/2016/03/sterfield01.jpg" rel="attachment wp-att-10000"><img decoding="async" loading="lazy" src="/uploads-archive/2016/03/sterfield01.jpg" alt="sterfield01" width="1000" height="503" class="alignnone size-full wp-image-10000" srcset="/uploads-archive/2016/03/sterfield01.jpg 1000w, /uploads-archive/2016/03/sterfield01-300x151.jpg 300w, /uploads-archive/2016/03/sterfield01-768x386.jpg 768w, /uploads-archive/2016/03/sterfield01-228x115.jpg 228w" sizes="(max-width: 1000px) 100vw, 1000px" /></a></p>
<p>アイキャッチ画像はとても大事な要素ですが、やはりタイトルにも興味を持ってもらえないとスルーされてしまうと思うのです。<br />
なので抽象的なタイトルはやめておきましょう。</p>
<p>（例）「今日は良いお買い物が出来たよ」</p>
<p>では、<strong>「コンビニクーポンを使って4,600円引きでiqosが買える方法」</strong>というタイトルに変更してみましょう。さらに、<strong>「禁煙がしたいあなたに。コンビニクーポンを使って4,600円引きでiqosが買える方法」</strong>などにしてみると、ターゲットも絞れますね。例のタイトルにも含まれるように数字を入れるのも効果があるそうです。</p>
<p>大事なことは、<strong>中身を読んでみたくなるキーワード</strong>がタイトルにいれる！　ですね。</p>
<h3>見出しにキーワードを入れる</h3>
<p>タイトルと同様に見出しにもキーワードをいれましょう。でもタイトルで使ったキーワードを繰り返し使うのはNG。</p>
<p>タイトルが「初心者でも出来るおいしいレモンケーキの作り方」、見出しを「ケーキの作り方その1」とかにはしないこと。また、このブログでも使っていますが見出しはhタグを使うととても見やすくなります。私の場合、メイン見出しにはh2、サブ見出しにはh3にしています。</p>
<h2>見やすいように、改行・段落をうまく使う</h2>
<p>私がいつも悩む「改行・段落」、どこで切ったらいいのか正直分かりません。ですが、これはブログを読んでくれている方の環境にもよりますが、大体段落は3～4行を目安にすると見やすいとのこと。それ以上になると読むのが面倒という印象を与えてしまうそうです。</p>
<p>また、漢字を多用するのも同様の印象を与えてしまうので、ひらがなとカタカナを織り交ぜてバランスよく書きましょう。</p>
<h2>一文の長さでテンポをつける</h2>
<p>文章中の一文を短く区切ることにより、テンポが生まれます。</p>
<p>何も考えずに書くと、無駄な文がいつの間にか増えてしまう事がありませんか？「しかし」や「だから」といった接続詞を思い切って消してみるとすっきりした文章になります。ただ削りすぎてしまうのも個性を失うので、適度なバランスをひたすら書いて感覚を磨いていきましょう。</p>
<p>私はコレがとても苦手なので、これを意識するようにします。</p>
<h2>文中は共起語と関連語をメインに使う</h2>
<p>キーワード中心に考えてしまうと、あちこちで使いたくなってしまいますが、文章の中に同じ単語が出てくるのは見ている方がウンザリします。</p>
<p>検索エンジンに拾われるかどうかよりも読みやすさです。「ブログの書き方」という言葉が段落ごとに出てきたら、だんだん見るのも嫌になってきますよね。</p>
<p>最適な量は全体の文章に対して･･･なんて決まりはありませんので、文中に無理矢理キーワードを差し込むのではなくキーワードはタイトルと見出しにいれて、記事内は関連語や共起語をメインに使いましょう。自分で思いつくワードに限界がある！という方には、こちらの<a href="http://neoinspire.net/cooccur/" target="_blank">共起語抽出ツール</a>や<a href="http://goodkeyword.net/" target="_blank">関連キーワードツール</a>で調べてみましょう。</p>
<p>※共起語<br />
メインとなるキーワードと共に使われる言葉。</p>
<p>※関連語<br />
メインが「ブログ」なら「アクセス」「ランキング」など。</p>
<p>共起語という言葉は初めて知りました･･･（；＾ω＾）</p>
<h2>色や太さなどの装飾はなるべく控える</h2>
<p>キーワードや強調したい言葉の文字色を変えたり、太さや大きさを変えすぎてしまうと<font color="red">どこを強調したい</font>のか<em>分かりません</em>よね。<font size="6">大きさ</font>や<strong>太さ</strong>がまちまちだと読みづらくなります。（書いているこちらも疲れます）</p>
<p>私はあまり装飾自体を使うことはありませんが、使っても太さの変更ぐらいかと思います。また、色を変える際は背景色にもよりますが、弊社のブログのように白の場合は「黄色」や「薄い灰色」などは読みづらく、また青色は「青＝リンク」という認識が強いので、読者に無駄なクリックを誘ってしまうかもしれません。イラついてしまう原因にもなりますのでご注意を。</p>
<h3>画像や動画は装飾の中でも一番良い</h3>
<p>画像や動画は、文章で伝えきれないものを補足してくれます。また、画像を見ることで見ている側は無意識に小休止することが出来るので、読み疲れを抑える効果があります。</p>
<p><a href="/uploads-archive/2016/03/9e2e4adcffa79c4df161f62e18b1f108_s.jpg" rel="attachment wp-att-10012"><img decoding="async" loading="lazy" src="/uploads-archive/2016/03/9e2e4adcffa79c4df161f62e18b1f108_s.jpg" alt="9e2e4adcffa79c4df161f62e18b1f108_s" width="640" height="427" class="alignnone size-full wp-image-10012" srcset="/uploads-archive/2016/03/9e2e4adcffa79c4df161f62e18b1f108_s.jpg 640w, /uploads-archive/2016/03/9e2e4adcffa79c4df161f62e18b1f108_s-300x200.jpg 300w, /uploads-archive/2016/03/9e2e4adcffa79c4df161f62e18b1f108_s-228x152.jpg 228w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>
<p>言葉だけでは自分の意志を100％伝えるのは難しいです。頭で考えたことを言葉に変換する時、それが相手の目や耳に届いたとき、相手が解釈するロスが生じますよね。そのロスを動画像は軽減してくれるのです。</p>
<h2>まとめ</h2>
<p>みなさん、どうでしょうか。<br />
ちなみに今回の記事は、こちら　<a href="http://naifix.com/blog-beginner/" target="_blank">ブログ初心者が最低限覚えておくべきブログの書き方10ヶ条</a> をものすごく参考にさせて頂きました。</p>
<p>理解しながらまとめていくことで、勉強になったのは誰よりも私かもしれません。これをスタートに通販事業部のブログもすらすら～～～っと書けるように頑張りたいですね！</p>


読みやすいブログの書き方を学ぶ

<p>テクニカルクリエイターってご存じですか？？</p>
<p>2015年末から2016年頭にかけてサイバーエージェントさんで定義された新しい職種の名称のようです。</p>
<p><a href="http://ameblo.jp/shibuya/entry-12114099278.html" target="_blank">テクニカルクリエイター｜渋谷ではたらく社長のアメブロ</a></p>
<h2>テクニカルクリエイターとは？</h2>
<p>要は、エンジニアとデザイナーの両方の技術・仕事をする人達を呼ぶそうです。<br />
（プログラミングとデザインの両方の知識・技術を持ち合わせた人）</p>
<p>確かに最近は、その垣根がなくなりつつあり、webデザイナーといっても、<br />
ただデザインするだけでなく、コーディングはもちろん、wordpressの構築をも担当するようになっています。</p>
<p>その中で、なんと名乗ればいいのか困る時もあります。<br />
（僕自身もそんな感じで、いつも幅広くやってますと説明していました笑）</p>
<p>そういう時にこのような名称があるとちょっと説明しやすくなるかもしれません。</p>
<p>ただ、「フルスタックエンジニア」なんて言葉もありましたが浸透もいまいちだったので、<br />
(というかフルスタックエンジニアはフロントエンドとサーバサイドの技術を持った人に近いかも)<br />
この名称が定着するかはわかりません。</p>
<p>今回の「テクニカルクリエイター」はサイバーエージェントさん発信なのでもしかしたらこの名称が定着するようになるかもしれません。</p>
<p>こんなサイトもあります。<br />
（これはサイバーエージェントさんが発表する前からあったようです。偶然？？）</p>
<p><a href="http://technical-creator.com/" target="_blank" class="link">テクニカルクリエイター.com</a></p>
<p>このサイトの運営は、今では有名な「UI Crunch」の管理人の小島芳樹さんなので、こちらもどんどん浸透していく可能性は高いです。</p>
<p>テクニカルクリエイター関係ではこんなスライドも。</p>
<p><a href="http://www.slideshare.net/keisukeimura/ss-57090547" target="_blank">テクニカルクリエイターの憂鬱</a></p>
<p>うーん、今後どうなっていくんでしょうか？</p>
<p>この名称、奥さんに言ったら一言だけこう言われました。</p>
<p>「逆にださい」</p>
<p>なんの逆かはわかりませんが、あまりカッコイイ名称とは思えなかったようです笑</p>


テクニカルクリエイターという名称は定着するのだろうか？？

<p>提案前に調べたことをアウトプットします。</p>
<p>今はなき「マザーズオークション」という透明性、中立性を売りにした不動産のオークションがありました。</p>
<p>最後は、需要と供給のバランスが崩れ、低い落札率が続き、売り主側も離れていく循環に陥り、オークション市場として成立がしなくなり2011年に閉鎖されるという状況になりました。</p>
<p>時代を先取りし過ぎたや、不動産業界にマッチしなかったなどと言われていますが、いまさらですが、当時のサービス内容や失敗の原因などを調査してみました。</p>
<h3>売り手側の費用</h3>
<ol>
<li>入会金…300,000円</li>
<li>月額…100,000円</li>
<li>成約時…0.5%</li>
</ol>
<h3>買い手側の費用</h3>
<div class="rs-1">
<ol>
<li>成約額200万円以下…5.25％</li>
<li>成約額200万円超～400万円…4.2％＋21,000円</li>
<li>成約額400万円超～…3.15％＋63,000円</li>
</ol>
<h3>仕組み</h3>
<ul>
<li>上限なし競り上がり方式</li>
<li>入札日より7日間以内に更なる入札がなければ落札</li>
<li>売却価格を下回る値下げ交渉昨日</li>
</ul>
<h3>掲げていた理想</h3>
<ul>
<li>売主は高く売れる</li>
<li>買主は適正価格で物件を取得できる</li>
</ul>
<h3>失敗の原因を探る</h3>
<p><a href="/officer/%e3%81%8b%e3%81%a4%e3%81%a6%e3%81%82%e3%81%a3%e3%81%9f%e4%b8%8d%e5%8b%95%e7%94%a3%e3%82%aa%e3%83%bc%e3%82%af%e3%82%b7%e3%83%a7%e3%83%b3%e3%80%8c%e3%83%9e%e3%82%b6%e3%83%bc%e3%82%ba%e3%82%aa%e3%83%bc/attachment/%e5%9b%b31/" rel="attachment wp-att-9993"><img decoding="async" loading="lazy" class="aligncenter wp-image-9993" src="/uploads-archive/2016/03/795316b92fc766b0181f6fef074f03fa-300x106.png" alt="図1" width="546" height="193" srcset="/uploads-archive/2016/03/795316b92fc766b0181f6fef074f03fa-300x106.png 300w, /uploads-archive/2016/03/795316b92fc766b0181f6fef074f03fa-768x272.png 768w, /uploads-archive/2016/03/795316b92fc766b0181f6fef074f03fa-1024x362.png 1024w, /uploads-archive/2016/03/795316b92fc766b0181f6fef074f03fa-228x81.png 228w, /uploads-archive/2016/03/795316b92fc766b0181f6fef074f03fa.png 1388w" sizes="(max-width: 546px) 100vw, 546px" /></a></p>
<p>①同じものが二つないので本当に適正な価格が分からない。</p>
<p>→それは市場が決めるという理想と現実</p>
<p>②両社の心理の差に乖離が生じている。</p>
<p>→売り主の心理状況が強く反映したまま、最初から乖離が大きいまま寄り付かない状態</p>
<p>③不動産業者の商慣習</p>
<p>→透明性を売りにするばかりに必要書類が多数あり、不動産業者に対する足かせとなった</p>
<p>④満額の仲介手数料</p>
<p>→今まで通りの相対取引との差がなく買い手側にお得感を見いだせなかった。</p>
<h3>当時の状況を振り返る</h3>
<blockquote class="twitter-tweet" data-lang="ja">
<p dir="ltr" lang="ja">アイディーユー（8922）　また資金調達ですか～。株券の価値がスーパー稀薄化。しかもマザーズオークションChinaって・・・・(笑)日本のマザーズオークションは閑古鳥ですが。http://bit.ly/5C3ffB $$</p>
<p>— AssetArt (@AssetArt) <a href="https://twitter.com/AssetArt/status/6491031780">2009年12月9日</a></p></blockquote>
<p>2009年時点で閑古鳥となっていたようです。</p>
<blockquote class="twitter-tweet" data-lang="ja">
<p dir="ltr" lang="ja">ふと思いついて見てみたらマザーズオークションってまだサイトがあるんですね。出展は０件だけど・・・。</p>
<p>— 藤井和之 (@kazu_jijineko) <a href="https://twitter.com/kazu_jijineko/status/60316774754820096">2011年4月19日</a></p></blockquote>
<p>閉鎖される直前の状況かと、こうなるともう残念ながら終わりですね。</p>
</div>
<p>2008年時点でブログ記事にしている方がいらっしゃいました。</p>
<p><img decoding="async" src="http://livedoor.blogimg.jp/yuraku_love/imgs/7/c/7c268ee6.GIF" alt="" width="100%" /></p>
<p><a href="http://blog.livedoor.jp/yuraku_love/archives/51181890.html" target="_blank">http://blog.livedoor.jp/yuraku_love/archives/51181890.html</a></p>
<div class="rs-1">
<h3>考察</h3>
<p>プラットフォームを創造するというのは、数多ある事業の中でも非常に難易度が高いことを知っている。</p>
<p>それだけにキャズムを超えたプラットフォームというのは築いたプラットフォーム上でビジネスが成り立っていくので、とても安定的にプラットフォーマーが利益を得ることが出来る。</p>
<p>しかしながら、その需要と供給のバランスを取りながら、売り手、買い手、プラットフォームがそれぞれwinwinでなければプラットフォームビジネスは成立しない。</p>
<p>とてもよくあるパターンが供給側が伸びず、需要が離れていき、やがて供給側もプラットフォームに乗るメリットを見いだせなくなり、過疎化し、衰退する。</p>
<p>オークションでもSNSでも競りでも原理は一緒でそこにエコシステムを築くことが出来なければ失敗する。</p>
<p>マザーズオークションにおいても、失敗の原因に上げたところから売り手の心理、業界の商慣習といったところが、供給を阻み、買い手としても物件数が少なく、仲介手数料も同じため、不動産屋が親身やってくれるとしたら相対取引と何が違うのか？という状態になり、最後はプラットフォームあるあるの衰退への道を辿ったのではないだろうか？</p>
<p>かつてはTVCMも流し、買い手を大きく募る戦略にでも出ていたマザーズオークションだが、巨大な市場かつ歴史と特有の商慣習を持つ業界へのインターネットを利用した新しいプラットフォームの創造はまだ険しかったということだろう。</p>
</div>


かつてあった不動産オークション「マザーズオークション」

SVGを使った面白そうなテキストのアニメーションを再現してみました

<p><a href="https://github.com/harisenbon/autokana" target="_blank">https://github.com/harisenbon/autokana</a></p>
<p>&nbsp;</p>
<p>会員登録やECサイトでの配送先の入力などで便利そうと思い使ってみた</p>
<p><a class="demo" href="/demo/hoshino/64/" target="_blank">デモ</a></p>
<p>&nbsp;</p>
<h2>HTML</h2>
<p></p>

		<div id="crayon-649540263a94d759821254" 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">XHTML</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;">
姓名：&lt;input type="text" name="name" &gt;
フリガナ：&lt;input type="text" name="name_kana" &gt;</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-649540263a94d759821254-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540263a94d759821254-2">2</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-649540263a94d759821254-1">姓名：<span class="crayon-r ">&lt;input </span><span class="crayon-e ">type</span>=<span class="crayon-s ">"text"</span><span class="crayon-h"> </span><span class="crayon-e ">name</span>=<span class="crayon-s ">"name"</span><span class="crayon-r "> &gt;</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540263a94d759821254-2"><span class="crayon-i ">フリガナ：</span><span class="crayon-r ">&lt;input </span><span class="crayon-e ">type</span>=<span class="crayon-s ">"text"</span><span class="crayon-h"> </span><span class="crayon-e ">name</span>=<span class="crayon-s ">"name_kana"</span><span class="crayon-r "> &gt;</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>普通にinputタグを設置する</p>
<p>&nbsp;</p>
<h2>Javascript</h2>
<p></p>

		<div id="crayon-649540263a951342792418" 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;">
$( document ).ready( function()
{
	// 姓名 (カタカナ)
	$.fn.autoKana( "input[name='name']", "input[name='name_kana']", {
		katakana : true
	});

	// 住所 (ひらがな)
	$.fn.autoKana( "input[name='address']", "input[name='address_kana']", {
		katakana : false
	});
});</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-649540263a951342792418-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540263a951342792418-2">2</div><div class="crayon-num" data-line="crayon-649540263a951342792418-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540263a951342792418-4">4</div><div class="crayon-num" data-line="crayon-649540263a951342792418-5">5</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540263a951342792418-6">6</div><div class="crayon-num" data-line="crayon-649540263a951342792418-7">7</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540263a951342792418-8">8</div><div class="crayon-num" data-line="crayon-649540263a951342792418-9">9</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540263a951342792418-10">10</div><div class="crayon-num" data-line="crayon-649540263a951342792418-11">11</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540263a951342792418-12">12</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-649540263a951342792418-1"><span class="crayon-sy">$</span><span class="crayon-sy">(</span><span class="crayon-h"> </span><span class="crayon-r">document</span><span class="crayon-h"> </span><span class="crayon-sy">)</span><span class="crayon-sy">.</span><span class="crayon-e">ready</span><span class="crayon-sy">(</span><span class="crayon-h"> </span><span class="crayon-t">function</span><span class="crayon-sy">(</span><span class="crayon-sy">)</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540263a951342792418-2"><span class="crayon-sy">{</span></div><div class="crayon-line" id="crayon-649540263a951342792418-3"><span class="crayon-h">	</span><span class="crayon-c">// 姓名 (カタカナ)</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540263a951342792418-4"><span class="crayon-h">	</span><span class="crayon-sy">$</span><span class="crayon-sy">.</span><span class="crayon-i">fn</span><span class="crayon-sy">.</span><span class="crayon-e">autoKana</span><span class="crayon-sy">(</span><span class="crayon-h"> </span><span class="crayon-s">"input[name='name']"</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-s">"input[name='name_kana']"</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-sy">{</span></div><div class="crayon-line" id="crayon-649540263a951342792418-5"><span class="crayon-h">		</span><span class="crayon-i">katakana</span><span class="crayon-h"> </span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-t">true</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540263a951342792418-6"><span class="crayon-h">	</span><span class="crayon-sy">}</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-649540263a951342792418-7">&nbsp;</div><div class="crayon-line crayon-striped-line" id="crayon-649540263a951342792418-8"><span class="crayon-h">	</span><span class="crayon-c">// 住所 (ひらがな)</span></div><div class="crayon-line" id="crayon-649540263a951342792418-9"><span class="crayon-h">	</span><span class="crayon-sy">$</span><span class="crayon-sy">.</span><span class="crayon-i">fn</span><span class="crayon-sy">.</span><span class="crayon-e">autoKana</span><span class="crayon-sy">(</span><span class="crayon-h"> </span><span class="crayon-s">"input[name='address']"</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-s">"input[name='address_kana']"</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-sy">{</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540263a951342792418-10"><span class="crayon-h">		</span><span class="crayon-i">katakana</span><span class="crayon-h"> </span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-t">false</span></div><div class="crayon-line" id="crayon-649540263a951342792418-11"><span class="crayon-h">	</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-649540263a951342792418-12"><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>$.fn.autoKana( &#8220;漢字入力する方&#8221;, &#8220;フリガナを表示させる方&#8221;);</p>
<p>というように記述する。</p>
<p>引数はkatakana(bool)で、trueでカタカナ、falseでひらがなとなる。デフォルトはfalse</p>
<p>&nbsp;</p>
<h2>感想</h2>
<p>打ち込んだキーを取得してフリガナを生成しているようなので、</p>
<p>コピペすると変換されないのが弱点。</p>
<p>とはいえ精度は高いし普通に打ち込むよりは楽なので、登録フォームでの離脱が多い場合などは試してみる価値がありそうだ</p>
<p>&nbsp;</p>

漢字入力を自動でヒラガナに変換してくれるjQueryプラグイン

jQeuryで横にはみ出させた要素をフリックでスライドさせる

<h2>現状</h2>
<p>そもそも、中国国内にモノを入れるときは、「貨物」と「物品」の区分があります。</p>
<h3>貨物</h3>
<p>・貿易としての扱い<br />
・関税、消費税、増値税の3種類の税金が課される<br />
（ものにもよりますが総額50％以上！）<br />
・商品検査、植物検査、衛生検査がある<br />
・BtoB</p>
<h3>物品</h3>
<p>・郵便物や手荷物の扱い<br />
・行郵税のみ課される<br />
（安い。しかも50元以下なら免税）<br />
・人不足、システム不備のため実際ほとんど検査されず<br />
・BtoC</p>
<p>このいびつな構造のために、税込み価格で比べた場合、「貨物」として輸入した商品と、「物品」として郵送された商品には大きな価格差が生じます。<br />
そのため、現状のところBtoCで中国に売られる商品は、EMSなどを使って「物品」として中国国内にむけて入っていくことになります。</p>
<h2>中国政府の待った！保税区を活用した政府主導の越境EC</h2>
<p>中国政府はこの現状を改善すべく、保税区という経済特区を利用した政府主導の越境ECを推し進めています。</p>
<p>これは、売買が成立したあとに海外から商品を発送するのではなくあらかじめ保税倉庫に保管している商品を売買するというものです。<br />
ネットで販売するのは今と同じですが、その売買が成立した瞬間、商品はもう中国にあるってことです。<br />
そして特区内の倉庫をでるときに、はじめて税金がかかります。</p>
<p>これの良いところは、<br />
①倉庫に入る時点で政府チェックがあるので、品質が保証されている<br />
②注文後に海外から配送するEMSに比べ、すぐに購買者に届く<br />
③返品への対応などもできる</p>
<p>です。</p>
<p>以上の３つは、中国の消費者にとってのメリットですが、もちろんそれだけのために中国政府が動いているわけではありません。</p>
<p>中国政府としては、越境ECの賞品と物流を管理することで、税金をあまさず徴収することが本来の目的でしょう。<br />
今後、保税区モデルをさらに浸透させ、越境ECの「正規軍」として他を駆逐するために、EMSに対する締め付けが厳しくなる恐れがあります。</p>
<p>福岡市上海出張所の方のレポートをものすごく参考にしました。<br />
ありがとうございます。<br />
www.fukuoka-fta.or.jp/uploads/attachments/1_1430383532_1.pdf</p>


保税区をつかった政府系越境ECビジネス「正規軍」ってなに？

<p>CINEMA4Dではシミュレーションタグを使用する事で簡単に風でなびく旗のCGを作成する事が出来ます。</p>
<p>まずプリミティブの平面など旗の布になるオブジェクトにシミュレーションタグのクロスを設置します。</p>
<p>本来このクロスタグは名前の通り、キャラクターなどに服を着させるためのシミュレーションタグになりますが、色んな使い方ができます。</p>
<p>シミュレーションさせるオブジェクトはこのとき、編集可能なオブジェクトに変更しておく必要があります。</p>
<p><a href="/uploads-archive/2016/03/1-2.jpg" rel="attachment wp-att-9945"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-9945" src="/uploads-archive/2016/03/1-2.jpg" alt="1" width="640" height="386" srcset="/uploads-archive/2016/03/1-2.jpg 640w, /uploads-archive/2016/03/1-2-300x181.jpg 300w, /uploads-archive/2016/03/1-2-228x138.jpg 228w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>
<p>続いてクロスタグの「着付け」から固定するポイント（またはポリゴン）を設定します。</p>
<p>ポイント選択またはポリゴン選択で棒に固定される部分を選択し、「着付け」の固定ポイントから「記録」します。</p>
<p>これで選択した部分は動かなくなります。</p>
<p><a href="/uploads-archive/2016/03/2-2.jpg" rel="attachment wp-att-9946"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-9946" src="/uploads-archive/2016/03/2-2.jpg" alt="2" width="640" height="350" srcset="/uploads-archive/2016/03/2-2.jpg 640w, /uploads-archive/2016/03/2-2-300x164.jpg 300w, /uploads-archive/2016/03/2-2-228x125.jpg 228w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>
<p>風を吹かせるにはフォースのパラメータを調整します。</p>
<p><a href="/uploads-archive/2016/03/3-2.jpg" rel="attachment wp-att-9950"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-9950" src="/uploads-archive/2016/03/3-2.jpg" alt="3" width="640" height="578" srcset="/uploads-archive/2016/03/3-2.jpg 640w, /uploads-archive/2016/03/3-2-300x271.jpg 300w, /uploads-archive/2016/03/3-2-228x206.jpg 228w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>
<p>旗の硬さなどはタグから調整する事ができます。</p>
<p><a href="/uploads-archive/2016/03/4-2.jpg" rel="attachment wp-att-9951"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-9951" src="/uploads-archive/2016/03/4-2.jpg" alt="4" width="640" height="581" srcset="/uploads-archive/2016/03/4-2.jpg 640w, /uploads-archive/2016/03/4-2-300x272.jpg 300w, /uploads-archive/2016/03/4-2-228x207.jpg 228w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>
<p>出来上がった物がこちらになります。</p>
<div style="width: 720px;" class="wp-video"><video class="wp-video-shortcode" id="video-9944-4" width="720" height="404" preload="metadata" controls="controls"><source type="video/mp4" src="/uploads-archive/2016/03/test_4.mp4?_=4" /><a href="/uploads-archive/2016/03/test_4.mp4">/uploads-archive/2016/03/test_4.mp4</a></video></div>


CINEMA4D シミュレーションを使って旗を作る方法

<p>Googleスプレッドシート作りましたシリーズ⑤</p>
<p>今回は、ファイブフォース分析のフォーマットです。</p>
<h2>ファイブフォース分析とは</h2>
<ul>
<li>新規参入業者</li>
<li>業界競合他社</li>
<li>買い手</li>
<li>売り手</li>
<li>代替品</li>
</ul>
<p>上記5つの外部要因を整理する際に用いるビジネスフレームワークです。</p>
<p><a href="/officer/%E4%BA%8B%E6%A5%AD%E7%92%B0%E5%A2%83%E3%81%AE3c%E5%88%86%E6%9E%90%E3%81%AE%E3%81%9F%E3%82%81%E3%81%AEgoogle%E3%82%B9%E3%83%97%E3%83%AC%E3%83%83%E3%83%89%E3%82%B7%E3%83%BC%E3%83%88/">3C分析</a>と組み合わせるとよいとされています。</p>
<p>事業立ち上げの際、もしくは撤退を検討する際も事業継続の判断材料として有効です。</p>
<h3>新規参入業者</h3>
<p>参入障壁が高いかどうか？</p>
<p>参入障壁も様々あり、規模の経済、初期コスト、スイッチングコスト、PEST要因など。</p>
<h3>業界競合他社</h3>
<p>競合の数。シェア。成長率。安売り合戦や焼け畑的戦略になっているかどうかなど。</p>
<h3>買い手</h3>
<p>買い手側の交渉力。値下げの圧力や買い手自体が少ない場合、力関係の均衡が崩れる要因となる。</p>
<h3>売り手</h3>
<p>売り手側の交渉力。卸元や仕入元の数や強さ。売り手自体が直接市場に参入しているかどうか。</p>
<h3>代替品</h3>
<p>その名の通り代替品の登場によって既存の製品の優位性が脅かされる状態</p>
<h2>ダウンロードリンク</h2>
<p><a class="link" href="https://docs.google.com/spreadsheets/d/1ZETr4Ut2EoPy4ocAhK-QwHuL9zKoIyC8Q7RnVpoSTTw/edit#gid=1137137515" target="_blank" rel="noopener">ビジネスフレームワークテンプレート集-Googleスプレッドシート</a></p>


外部要因整理の「ファイブフォース分析」Googleスプレッドシート

Beautiful Soupを使ってスクレイピングを遊ぶ

<p>タイトルのまんまですね。<br />
そして、これはPCから登録し設定する方法です。（スマホでも出来る筈だけどわからない）</p>
<p><strong>やっと通販事業部の方でLINE＠デビューが出来ました！</strong></p>
<p>ですが、登録にすごく苦戦しまして弊社の目崎さんを巻き込んでやっとこさ登録が出来ました。分かりづらいの私だけだったりして？このブログを書いた後に「こんな事もわからないなんて･･･」となるかもしれないですが、きっと同じところで躓く人がいると信じて書きます。</p>
<h2>まずは申請</h2>
<p>企業としてのLINE＠を開きたい場合には、<a href="http://at.line.me/jp/">こちら（LINE＠オフィシャル）</a>の「登録」から申請を出します。<br />
個人でのLINE＠（まず個人のLINE＠ってなんだという方は、弊社の橋本さんの記事をご参考くださいませ ⇒<a href="/blog/ec/%E3%83%9E%E3%83%BC%E3%82%B1%E3%83%86%E3%82%A3%E3%83%B3%E3%82%B0/line%EF%BC%A0%E3%81%A7%E5%80%8B%E4%BA%BA%E3%82%A2%E3%82%AB%E3%82%A6%E3%83%B3%E3%83%88%E3%82%92%E3%81%A4%E3%81%8F%E3%81%A3%E3%81%9F%EF%BC%81%E3%81%8A%E3%81%99%E3%81%99%E3%82%81%E3%81%99%E3%82%8B/">LINE＠で個人アカウントをつくった！おすすめする一つの理由</a>）は、ただアプリをダウンロードしてアカウントを作るだけで簡単なのですが、企業用のLINE＠となるとそうはいきません。</p>
<h3>最初の入力は簡単</h3>
<p>入力する情報は、主に業種や個店・EC通販なのかという申込タイプをはじめ、店舗/施設情報から企業名や住所を入力します。</p>
<p><a href="/uploads-archive/2016/03/line01.jpg" rel="attachment wp-att-9895"><img decoding="async" loading="lazy" src="/uploads-archive/2016/03/line01.jpg" alt="line01" width="851" height="951" class="alignnone size-full wp-image-9895" srcset="/uploads-archive/2016/03/line01.jpg 851w, /uploads-archive/2016/03/line01-268x300.jpg 268w, /uploads-archive/2016/03/line01-768x858.jpg 768w, /uploads-archive/2016/03/line01-228x255.jpg 228w" sizes="(max-width: 851px) 100vw, 851px" /></a></p>
<p>このようなフォーマットが用意されているので、簡単ですね～ヾ(*´Ο｀*)/<br />
すべて入力が終了すると確認画面へと移動し、そのまま申込が完了となります。すると･･･</p>
<p><strong>※本メールは仮登録メールです　正式な登録は審査後になります</strong></p>
<p>という文言から始まるメールが届きますので確認しましょう。<br />
大事な受付番号というものと、登録した情報が書かれておりますので大事に保管しておいてくださいね。<br />
後日LINEさん本人確認として会社に電話があります。いくつか質問されますが、登録した内容の事を聞かれるだけですので、すぐに終わります。</p>
<p>ここまで来れば、後は審査結果のメールを待つのみです。</p>
<h2>審査結果は迷惑メールフォルダに入ってきちゃう</h2>
<p>さて･･･申請～本人確認の電話も完了したし、後は審査が通るのを待つだけだ･･･と、二週間ほど経っても連絡が来ない。<br />
LINEさんへ確認したくても、電話での問い合わせは受け付けておらず、仮申請で貰った受付番号を記載の上メールでのやり取りだけで進めることになりました。<br />
メールの返信は必ず返ってきますが、翌日になってしまったり、やはり文章だけでは伝わらない部分などもあるので出来れば電話でのやり取りが出来ると嬉しいですね。</p>
<p>返ってきた内容は、<br />
「お手数ですが、メールの受信設定および迷惑メールのフォルダに振り分けられていないかご確認ください​。弊社からのメールが「迷惑メールとして振り分けられる」あるいは「フィルタにはじかれている」可能性がございます。」</p>
<p>その通りでした。<br />
迷惑メールフォルダにしっかりと審査結果が届いておりました。<br />
LINEさんから届くメールは、高い確率で迷惑メールへ振り分けられてしまうっぽいので皆様お気を付けくださいませ。</p>
<p>審査結果が”可”の場合には、ログイン・設定方法の説明が書かれていますので登録しましょう。</p>
<h2>登録が出来ないよ･･･？</h2>
<p>==========================================<br />
▽STEP1<br />
LINEログイン認証用URLへアクセスしてください。</p>
<p>【LINEログイン認証用URL】<br />
⇒URLが貼られています</p>
<p>▽STEP2</p>
<p>～～～～～～<br />
==========================================</p>
<p>上のようなSTEP式で書かれているのですが、どうも分かりづらい。一応ヘルプURLなども貼ってありましたが、リンク切れでした、残念。<br />
LINEログイン認証用URLへ飛びますと、ログイン画面は出てきますが自分が思い当たるメールアドレスとパスワードを入れても通りません。</p>
<p><a href="/uploads-archive/2016/03/line02.jpg" rel="attachment wp-att-9897"><img decoding="async" loading="lazy" src="/uploads-archive/2016/03/line02.jpg" alt="line02" width="515" height="639" class="alignnone size-full wp-image-9897" srcset="/uploads-archive/2016/03/line02.jpg 515w, /uploads-archive/2016/03/line02-242x300.jpg 242w, /uploads-archive/2016/03/line02-228x283.jpg 228w" sizes="(max-width: 515px) 100vw, 515px" /></a></p>
<p><strong>このログイン画面から進まない！</strong></p>
<h3>LINE＠に登録する前に準備しておくもの</h3>
<p>・LINEアカウントのあるスマホ（なるべく社用）<br />
・LINE＠のアプリを落としておく（個人アカウントの作成の有無は問わず）</p>
<p>準備が完了したらスマホアプリのLINEから以下のように設定してください。</p>
<p>その他 ⇒ 設定 ⇒ アカウント ⇒ メールアドレス登録（同時にパスワードも登録します）</p>
<p>登録完了と画面がなりましたら、同じ画面の「ログイン許可」のチェックボックスを入れてください。</p>
<p><a href="/uploads-archive/2016/03/sketch-1457606117740-e1457606305924.jpg" rel="attachment wp-att-9898"><img decoding="async" loading="lazy" src="/uploads-archive/2016/03/sketch-1457606117740-e1457606305924.jpg" alt="sketch-1457606117740" width="400" height="711" class="alignnone size-full wp-image-9898" /></a></p>
<p>そうしましたら、先程のLINEログイン画面に</p>
<p><a href="/uploads-archive/2016/03/line02.jpg" rel="attachment wp-att-9897"><img decoding="async" loading="lazy" src="/uploads-archive/2016/03/line02.jpg" alt="line02" width="515" height="639" class="alignnone size-full wp-image-9897" srcset="/uploads-archive/2016/03/line02.jpg 515w, /uploads-archive/2016/03/line02-242x300.jpg 242w, /uploads-archive/2016/03/line02-228x283.jpg 228w" sizes="(max-width: 515px) 100vw, 515px" /></a></p>
<p>登録しましたメールアドレスとパスワードを入力してください。<br />
PCとつなげる同意を求められますので、同意するとスマホに確認コードが送られてきます。</p>
<p>その確認コードをPCへ入力したらやっとLINE＠（PC版）が開設されます･･･！<br />
ここまで私が掛かった時間は悩みに悩んで1時間ほど迷っていました(笑)<br />
最後にまとめておきますので、これからLINE＠を開設しようと考えていらっしゃる方のお役に立てますように。</p>
<h2>まとめ</h2>
<p>● 用意するもの ●<br />
・LINEアカウントのあるスマホ（なるべく社用）<br />
・LINE＠のアプリを落としておく（個人アカウントの作成の有無は問わず）</p>
<p>● 順序 ●</p>
<p>① <a href="http://at.line.me/jp/">こちら（LINE＠オフィシャル）</a>から登録の申請<br />
② 本人確認の電話<br />
③ 審査結果のメール（本人確認からデフォで1週間～10日程掛かります）<br />
④ LINE＠のログイン</p>
<p>これだけでLINE＠のアカウントは作れちゃいます。それからはPCでもスマホからでも編集できますので好きなようにお使いくださいませ。</p>
<p>全然大したことしてないのに、アー疲れたってなりました。いい経験です。</p>


Company

Our Solutions

Support

News

Blog

Blogブログ

カテゴリーから探す

年別から見る

記事一覧

2016/03/30

2016/03/30

2016/03/30

2016/03/29

2016/03/26

2016/03/26

2016/03/26

2016/03/26

2016/03/26

2016/03/26

2016/03/26

2016/03/25

2016/03/16

2016/03/16

2016/03/16

2016/03/16

2016/03/16

2016/03/16