<p><b>Magento</b> is an <a title="Open source" href="http://en.wikipedia.org/wiki/Open_source">open source</a> e-commerce web application that was launched on March 31, 2008 under the name Bento. It was developed by Varien (now Magento, a division of eBay) with help from the programmers within the open source community but is now owned solely by eBay Inc.</p>
<p>Magento was built using parts of the <a title="Zend Framework" href="http://en.wikipedia.org/wiki/Zend_Framework">Zend Framework</a>. It uses the <a title="Entity–attribute–value model" href="http://en.wikipedia.org/wiki/Entity%E2%80%93attribute%E2%80%93value_model">entity-attribute-value</a> (EAV) <a title="Database model" href="http://en.wikipedia.org/wiki/Database_model">database model</a> to store data. (__http://en.wikipedia.org/wiki/Magento)<sup id="cite_ref-3"><a href="http://en.wikipedia.org/wiki/Magento#cite_note-3"><br />
</a></sup></p>
<p><strong>Sample Frontend</strong></p>
<p><img decoding="async" loading="lazy" class="aligncenter" alt="magento_front_end" src="/uploads-archive/2014/03/magento_front-ecommerce_01.jpg" width="450" height="400" /></p>
<p><strong>Sample Backend</strong></p>
<p><img decoding="async" loading="lazy" class="aligncenter" alt="magento_end_end" src="/uploads-archive/2014/03/magento-3.png" width="450" height="400" /></p>
<p>There are three different editions:</p>
<p>1) Magento Community Edition  __open source software and can be downloaded for free.</p>
<p style="padding-left: 30px;"><em>http://www.magentocommerce.com/download</em></p>
<p>2) Magento Enterprise Edition __the high performance, scalable eCommerce solution for fast-growing and large businesses.</p>
<p style="padding-left: 30px;"><em>http://enterprise.magento.com/</em></p>
<p>3) Magento Go __hosted eCommerce solution for small businesses just getting started in eCommerce.</p>
<p style="padding-left: 30px;"><em>http://go.magento.com/tour/</em></p>
<p>With thousands of great eCommerce extensions(both free or paid version for all three editions) to pick from Magento-Connect.</p>
<p style="padding-left: 30px;"><em>http://www.magentocommerce.com/magento-connect/</em></p>
<p><strong>Demo Site(Enterprise)</strong></p>
<p><strong>Front End</strong> &#8211; http://enterprise-demo.user.magentotrial.com/</p>
<p><strong>Back End</strong>  &#8211; http://enterprise-admin.user.magentotrial.com/admin</p>
<p>The Magento Community Edition has been downloaded over 4 Million times, giving Magento almost 10% of the eCommerce market share globally. In addition to this over 200,000 Merchants are reported to be using the Magento Platform and have 5,000+ plugins available to extend their eCommerce experiance. (__http://en.wikipedia.org/wiki/Magento)<sup id="cite_ref-13"><a href="http://en.wikipedia.org/wiki/Magento#cite_note-13"><br />
</a></sup></p>
<p>This is just a look through about an e-commerce software named Magento.</p>
<p>Enjoy reading!!!</p>


Quick glance about Ecommerce Software &#038; Solutions | Magento

<div>2013年にも一度まとめたのですが、前回は導入を進めていたものが諸々の事情で断念をし、再度導入を検討するために今一度まとめてみました。</div>
<div>
<ul>
<li>Yahooショッピングが無料化を進めたり</li>
<li>BiddersがDeNAショッピングに改名したり</li>
<li>クルーズモールが統合したり</li>
<li>Mixiモールが終了予定（2014年3月25日）だったり</li>
</ul>
</div>
<div>とEC業界もこの一年で変化が大きかったのだなとまとめてみて感じました。</div>
<div></div>
<div>1年が経過すると各社さんサービスの内容が変わっていたり、対応カート、モールが拡充されていたり、値下げがされていたりといったことを確認出来ました。</div>
<div><span style="line-height: 1.5em;">主に、各モールとカートの対応状況を対比し、導入の際の最低料金を目安にしています。</span></div>
<div>今回もサービス名称のイニシャルで伏せさせて頂いております。</div>
<div></div>
<div>
<div>筆者が単独でまとめており、情報が誤っている可能性もありますので、ご了承ください。</div>
</div>
<h2>EC受注在庫管理システム一覧</h3>
<div>
<table>
<tbody>
<tr>
<td height="19">サービス名称</td>
<td colspan="2">N</td>
<td colspan="2">C</td>
<td colspan="2">S</td>
<td colspan="2">T</td>
<td colspan="2">G</td>
<td colspan="2">E</td>
</tr>
<tr>
<td height="19">基本料金</td>
<td colspan="2">10,000～</td>
<td colspan="2">5,000×サイト数～</td>
<td colspan="2">10,000～</td>
<td colspan="2">29,800～</td>
<td colspan="2">10,000～</td>
<td colspan="2">9,800～</td>
</tr>
<tr>
<td height="19">受注数の制限</td>
<td colspan="2">400件まで</td>
<td colspan="2">500件まで</td>
<td colspan="2">400件まで</td>
<td colspan="2">2000件まで</td>
<td colspan="2">無制限</td>
<td colspan="2">無制限</td>
</tr>
<tr>
<td height="19">対応モール&amp;カート</td>
<td>受注取込</td>
<td>在庫連携</td>
<td>受注取込</td>
<td>在庫連携</td>
<td>受注取込</td>
<td>在庫連携</td>
<td>受注取込</td>
<td>在庫連携</td>
<td>受注取込</td>
<td>在庫連携</td>
<td>受注取込</td>
<td>在庫連携</td>
</tr>
<tr>
<td height="19">楽天市場</td>
<td>●</td>
<td>●</td>
<td>●</td>
<td>●</td>
<td>●</td>
<td>●</td>
<td>●</td>
<td>●</td>
<td>●</td>
<td>●</td>
<td>●</td>
<td>●</td>
</tr>
<tr>
<td height="19">Yahoo！ショッピング</td>
<td>●</td>
<td>●</td>
<td>●</td>
<td>●</td>
<td>●</td>
<td>●</td>
<td>●</td>
<td>●</td>
<td>●</td>
<td>●</td>
<td>●</td>
<td>●</td>
</tr>
<tr>
<td height="19">DeNAショッピング</td>
<td>●</td>
<td>●</td>
<td>●</td>
<td>●</td>
<td>●</td>
<td>●</td>
<td>●</td>
<td>●</td>
<td>●</td>
<td>●</td>
<td>×</td>
<td>×</td>
</tr>
<tr>
<td height="19">Amazon.co.jp</td>
<td>●</td>
<td>●</td>
<td>●</td>
<td>●</td>
<td>●</td>
<td>●</td>
<td>●</td>
<td>●</td>
<td>●</td>
<td>●</td>
<td>●</td>
<td>●</td>
</tr>
<tr>
<td height="19">Qoo10</td>
<td>●</td>
<td>●</td>
<td>×</td>
<td>×</td>
<td>●</td>
<td>●</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>●</td>
<td>●</td>
</tr>
<tr>
<td height="19">楽天オークション</td>
<td>●</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>●</td>
<td>●</td>
<td>●</td>
<td>×</td>
<td>●</td>
<td>×</td>
<td>×</td>
<td>×</td>
</tr>
<tr>
<td height="19">楽天共同購入</td>
<td>●</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>●</td>
<td>●</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
</tr>
<tr>
<td height="19">Yahoo！オークション</td>
<td>●</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>●</td>
<td>×</td>
<td>●</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
</tr>
<tr>
<td height="19">ネッシー</td>
<td>●</td>
<td>●</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
</tr>
<tr>
<td height="19">スーパーデリバリー</td>
<td>●</td>
<td>●</td>
<td>●</td>
<td>●</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
</tr>
<tr>
<td height="19">ぐるなび食市場</td>
<td>●</td>
<td>●</td>
<td>×</td>
<td>×</td>
<td>●</td>
<td>●</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
</tr>
<tr>
<td height="19">バイヤーズクラブ</td>
<td>●</td>
<td>●</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
</tr>
<tr>
<td height="19">STMX</td>
<td>●</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
</tr>
<tr>
<td height="19">ヤマダモール</td>
<td>●</td>
<td>●</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
</tr>
<tr>
<td height="19">TOC Buyer’s NET</td>
<td>●</td>
<td>●</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
</tr>
<tr>
<td height="19">ポンパレモール</td>
<td>●</td>
<td>●</td>
<td>●</td>
<td>●</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
</tr>
<tr>
<td height="19">SHOP LIST byCROOZ</td>
<td>●</td>
<td>●</td>
<td>●</td>
<td>●</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
</tr>
<tr>
<td height="19">auショッピングモール</td>
<td>●</td>
<td>●</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
</tr>
<tr>
<td height="19">マルチドメインカート</td>
<td>●</td>
<td>●</td>
<td>×</td>
<td>×</td>
<td>●</td>
<td>●</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
</tr>
<tr>
<td height="19">カラーミーショップ</td>
<td>●</td>
<td>●</td>
<td>×</td>
<td>×</td>
<td>●</td>
<td>●</td>
<td>●</td>
<td>●</td>
<td>●</td>
<td>●</td>
<td>×</td>
<td>×</td>
</tr>
<tr>
<td height="19">MakeShop</td>
<td>●</td>
<td>●</td>
<td>●</td>
<td>●</td>
<td>●</td>
<td>●</td>
<td>●</td>
<td>●</td>
<td>●</td>
<td>●</td>
<td>×</td>
<td>×</td>
</tr>
<tr>
<td height="19">ショップサーブ</td>
<td>●</td>
<td>●</td>
<td>●</td>
<td>●</td>
<td>●</td>
<td>●</td>
<td>●</td>
<td>●</td>
<td>●</td>
<td>●</td>
<td>×</td>
<td>×</td>
</tr>
<tr>
<td height="19">FutureShop2</td>
<td>●</td>
<td>●</td>
<td>●</td>
<td>●</td>
<td>●</td>
<td>●</td>
<td>●</td>
<td>●</td>
<td>●</td>
<td>●</td>
<td>●</td>
<td>●</td>
</tr>
<tr>
<td height="19">まるごとEC</td>
<td>●</td>
<td>●</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
</tr>
<tr>
<td height="19">Zencart Pro-R</td>
<td>●</td>
<td>●</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
</tr>
<tr>
<td height="19">EC-Cube</td>
<td>●</td>
<td>●</td>
<td>●</td>
<td>●</td>
<td>●</td>
<td>●</td>
<td>●</td>
<td>●</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
</tr>
<tr>
<td height="19">マーキュリー</td>
<td>●</td>
<td>●</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
</tr>
<tr>
<td height="19">ワイズカート</td>
<td>●</td>
<td>●</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
</tr>
<tr>
<td height="19">おちゃのこネット</td>
<td>●</td>
<td>●</td>
<td>×</td>
<td>×</td>
<td>●</td>
<td>●</td>
<td>●</td>
<td>●</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
</tr>
<tr>
<td height="19">aiship</td>
<td>●</td>
<td>●</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
</tr>
<tr>
<td height="19">CS Cart</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>●</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
</tr>
<tr>
<td height="19">eShop-do</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>●</td>
<td>●</td>
<td>●</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
</tr>
<tr>
<td height="19">風土jp</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>●</td>
<td>●</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
</tr>
<tr>
<td height="19">小売パートナー</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>●</td>
<td>●</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
</tr>
<tr>
<td height="19">MyDoショップ</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>●</td>
<td>●</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
</tr>
<tr>
<td height="19">サイトサーブ</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>●</td>
<td>●</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
</tr>
<tr>
<td height="19">電話/FAX</td>
<td>●</td>
<td>●</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
</tr>
<tr>
<td height="19">送り状対応</td>
<td colspan="12"></td>
</tr>
<tr>
<td height="19">佐川急便</td>
<td colspan="2">●</td>
<td colspan="2">●</td>
<td colspan="2">●</td>
<td colspan="2">●</td>
<td colspan="2">●</td>
<td colspan="2">●</td>
</tr>
<tr>
<td height="19">クロネコヤマト</td>
<td colspan="2">●</td>
<td colspan="2">●</td>
<td colspan="2">●</td>
<td colspan="2">●</td>
<td colspan="2">●</td>
<td colspan="2">●</td>
</tr>
<tr>
<td height="19">日本通運</td>
<td colspan="2">●</td>
<td colspan="2">●</td>
<td colspan="2">●</td>
<td colspan="2">●</td>
<td colspan="2">×</td>
<td colspan="2">×</td>
</tr>
<tr>
<td height="19">西濃運輸</td>
<td colspan="2">●</td>
<td colspan="2">●</td>
<td colspan="2">●</td>
<td colspan="2">×</td>
<td colspan="2">●</td>
<td colspan="2">×</td>
</tr>
<tr>
<td height="19">日本郵便</td>
<td colspan="2">●</td>
<td colspan="2">●</td>
<td colspan="2">●</td>
<td colspan="2">●</td>
<td colspan="2">●</td>
<td colspan="2">×</td>
</tr>
<tr>
<td height="19">TBソフトウェア</td>
<td colspan="2">●</td>
<td colspan="2">×</td>
<td colspan="2">×</td>
<td colspan="2">×</td>
<td colspan="2">×</td>
<td colspan="2">×</td>
</tr>
<tr>
<td height="19">福山通運</td>
<td colspan="2">●</td>
<td colspan="2">×</td>
<td colspan="2">×</td>
<td colspan="2">●</td>
<td colspan="2">×</td>
<td colspan="2">×</td>
</tr>
</tbody>
</table>
<h2>まとめ</h3>
<p>2013年に調査した際には、導入対象に乗らなかったサービスが現在、当社で運営しているサイトと合致し、料金も改定されていてお手頃になっていることもあり早速導入を進めてみる結果となりました。</p>
<p>&nbsp;</p>
</div>


EC受注・在庫管理システム一覧（2014年度版）

<p>フラットデザインのような比較的シンプルなサイトでは、</p>
<p>装飾が少ない分、ユーザーを退屈させないためにも、</p>
<p>コンテンツに高いクオリティが必要となってきます。</p>
<p>&nbsp;</p>
<p>パララックスのようにアニメーションをつけることも効果的ですが、</p>
<p>グラフィックが魅力的であると、一目で惹き付けられるため、こちらも効果的です。</p>
<p>また、写真素材に頼れない場合にも、グラフィックで魅せることができると、</p>
<p>デザインとして幅を広げることができます。</p>
<p>&nbsp;</p>
<p>そういったわけで、今回はグラフィックが魅力的だと感じたサイトを９つご紹介いたします。</p>
<p>&nbsp;</p>
<p><a class="link" title="株式会社ツキボシPP" href="http://www.tsukiboshi-pp.jp/" target="_blank">株式会社ツキボシPP</a></p>
<p><a href="http://www.tsukiboshi-pp.jp/" target="_blank"><img decoding="async" loading="lazy" alt="image" src="/uploads-archive/2014/03/1949fa3fd0ca336f430b5e27d1e6d33c.png" width="656" height="370" /></a></p>
<p>機械の部品を、配置や背景の効果によって芸術作品のように見せています。</p>
<p>&nbsp;</p>
<p><a class="link" href="http://www.nissanusa.com/passiongenome/#landing" target="_blank">Nissan Passion Genome</a></p>
<p><a href="http://www.nissanusa.com/passiongenome/#landing" target="_blank"><img decoding="async" loading="lazy" alt="image" src="/uploads-archive/2014/03/NissanPassionGenome.png" width="656" height="353" /></a></p>
<p>動きもすごいですが、静止画としてみた場合でも、人物の写真がワイヤーのようなものでできていて、面白いです。</p>
<p>&nbsp;</p>
<p><a class="link" href="http://fremtidenshoder.no/index" target="_blank">NITH</a></p>
<p><a href="http://fremtidenshoder.no/index" target="_blank"><img decoding="async" loading="lazy" alt="image" src="/uploads-archive/2014/03/NITH.png" width="656" height="370" /></a></p>
<p>こちらもとにかく動きがすごいですが、見た目も点が形を作っていて面白いです。</p>
<p>&nbsp;</p>
<p><a class="link" href="http://www.yamazen-net.co.jp/" target="_blank">ヤマゼンコミュニケイションズ株式会社</a></p>
<p><a href="http://www.yamazen-net.co.jp/" target="_blank"><img decoding="async" loading="lazy" alt="image" src="/uploads-archive/2014/03/9f8516c9afebca2aac60eb770e87a735.png" width="656" height="370" /></a></p>
<p>円の中に見切れる ぎりぎりのところまでテキストを配置しているのが、印象的です。</p>
<p>&nbsp;</p>
<p><a class="link" href="http://fixedagency.com/" target="_blank">Fixed Digital Agency</a></p>
<p><a href="http://fixedagency.com/" target="_blank"><img decoding="async" loading="lazy" alt="image" src="/uploads-archive/2014/03/FixedDigitalAgency.png" width="656" height="353" /></a></p>
<p>大きな面の色をうまく使っています。</p>
<p>&nbsp;</p>
<p><a class="link" href="http://www.spicebox.co.jp/fresh/" target="_blank">spicebox 新卒採用2015</a></p>
<p><a href="http://www.spicebox.co.jp/fresh/" target="_blank"><img decoding="async" loading="lazy" alt="image" src="/uploads-archive/2014/03/3e1a4545d156160f5072f3e86f442b6b.png" width="656" height="370" /></a></p>
<p>線の使い方が面白いです。</p>
<p>&nbsp;</p>
<p><a class="link" href="http://gggggggg.jp/" target="_blank">株式会社Gear8</a></p>
<p><a href="http://gggggggg.jp/" target="_blank"><img decoding="async" loading="lazy" alt="image" src="/uploads-archive/2014/03/15f12b7e414f1a513b262fcbb813360d.png" width="656" height="370" /></a></p>
<p>背景や前景の泡などををポリゴン状にしてみせていて、ただの写真ではない面白さがあります。</p>
<p>&nbsp;</p>
<p><a class="link" href="http://www.homac.co.jp/-/recruit/2015/" target="_blank">ホーマック株式会社　2015年度 新卒採用サイト</a></p>
<p><a href="http://www.homac.co.jp/-/recruit/2015/" target="_blank"><img decoding="async" loading="lazy" alt="image" src="/uploads-archive/2014/03/65d1f7e13e9420c1195ff2344181f792.png" width="656" height="370" /></a></p>
<p>大胆に使った白地と目立つ赤の使い方が絶妙です。</p>
<p>&nbsp;</p>
<p><a class="link" href="http://ja.ad-stir.com/" target="_blank">広告配信SSP 「AdStir」</a></p>
<p><a href="http://ja.ad-stir.com/" target="_blank"><img decoding="async" loading="lazy" alt="image" src="/uploads-archive/2014/03/7b6dedf00e6bdec2c3311099799d7c2b.png" width="656" height="370" /></a></p>
<p>複雑なパララックスを使っています。背景に使ったテキストがかっこいいです。</p>
<p>&nbsp;</p>


グラフィックが魅力的なサイト

<h2>ネイティブアプリ</h3>
<p>iOSアプリなら、Objective-C、Androidアプリなら、Javaを用いて開発するアプリの類型です。</p>
<h3>利点</h4>
<p>・App Store、Google Play Storeで配布できる<br />
・端末の機能・パフォーマンスを最大限に引き出すことができる<br />
・スマートフォン画面から直接起動できる</p>
<h3>欠点</h4>
<p>・iOS、Androidアプリ両方開発するなら、開発速度が比較的に遅くて、開発費用がかかる</p>
<h2>Webアプリ</h3>
<p>普通のウェブサイトでも、スマートフォンに最適化したものをWebアプリとも呼びます。</p>
<h3>利点</h4>
<p>・常に最新の状態で保てる<br />
・Web標準の技術を使うことができる<br />
・クロスプラットフォーム性がある<br />
・開発速度が速い・開発費が比較的低い</p>
<h3>欠点</h4>
<p>・ブラウザ経由でしか利用できない→マーケットに配布できないため<br />
・スマートフォンの特有機能を利用できない→Web技術しか利用できないから</p>
<h2>ハイブリッドアプリ</h3>
<p>Webアプリと同様にHTML・CSS・JavaScriptなどのWeb技術を用いて開発しますが、Webアプリとは違ってネイティブアプリのようにマーケットで配布することができます。</p>
<p>WebViewという、各プラットフォームにある共通のコンポーネントの使って、HTML・CSS・JavaScriptを解釈することができます。（WebViewが遅い、という声もありますが）</p>
<p>また、ネイティブブリッジと呼ばれる、JavaScriptからネイティブの機能を呼び出せる仕組みもあります。そのゆえ、ハイブリッドアプリはスマートフォンの特有機能（例えば、プッシュ）も使えます。</p>
<h3>利点</h4>
<p>・ネイティブアプリと同様にストアからインストールできる<br />
・クロスプラットフォーム性がある<br />
・ネイティブの機能を呼び出すことができる<br />
・Web技術のノウハウや資産を利用できる</p>
<h3>欠点</h4>
<p>・端末の性能をフルに利用するのが難しい<br />
・HTML5では原理的にできないような機能がある</p>
<h3>HTML5のAPI</h4>
<p>・WebStorage<br />
・IndexedDB<br />
・WebWorkers→Javascriptを並列処理を行うためのAPI<br />
・WebGL<br />
・File API<br />
・Canvas API</p>
<h3>JavaScriptライブラリ・フレームワーク</h4>
<p>・<a href="http://zeptojs.com/" target="_blank">Zepto.js</a>→jQuery互換の軽量ライブラリ<br />
・<a href="http://jquerymobile.com/" target="_blank">jQuery mobile</a>→jQuery依存<br />
・<a href="http://backbonejs.org/" target="_blank">Backbone.js</a>→パソコン向けでもモバイル向けでも利用できる軽量MVCフレームワーク<br />
・<a href="http://www.sencha.com/products/touch" target="_blank">Sencha Touch</a></p>
<h3>フレームワーク</h4>
<p>・<a href="https://cordova.apache.org/" target="_blank">Apache Cordova（PhoneGap）</a>→iOSとAndroidだけではなく、Windows Phone、Symbian、BlackBerry OS、webOSなども対応<br />
・<a href="https://github.com/mixi-inc/triaina" target="_blank">Triaina</a>→mixiが出している</p>
<h3>サーバ・クラウド環境</h4>
<p>・PhoneGap Bulid→PhoneGapのWebサービス版→WindowsマシンでもiOSアプリをビルドすることができる<br />
・Trigger.io<br />
・Monaca<br />
・Icenium</p>


スマートフォンアプリの開発手法

<p>恐ろしいツールを発見しました。</p>
<p>『GoogleWebDesigner』<br />
<a href="https://www.google.com/webdesigner/" target="_blank">Google Web Designer</a></p>
<p>これは、Photoshop,Illustlator,dreamweaverを混ぜたようなデザインツールで、<br />
今は、広告バナー等の作成用っぽい感じですが、<br />
アニメーションつけたり、3Dにできたり、<br />
デザインしたものがHTML5,css3で出力されるというものです。</p>
<p>ちょっとダウンロードして起動してみました。</p>
<p><a href="/uploads-archive/2014/03/googlewebdesigner01.png"><img decoding="async" loading="lazy" class="alignnone  wp-image-4404" alt="googlewebdesigner01" src="/uploads-archive/2014/03/googlewebdesigner01-1024x649.png" width="655" height="415" srcset="/uploads-archive/2014/03/googlewebdesigner01-1024x649.png 1024w, /uploads-archive/2014/03/googlewebdesigner01-300x190.png 300w, /uploads-archive/2014/03/googlewebdesigner01-228x144.png 228w, /uploads-archive/2014/03/googlewebdesigner01.png 1223w" sizes="(max-width: 655px) 100vw, 655px" /></a></p>
<p>まさしく、Photoshop,Illustlatorっぽいですね！</p>
<p>&nbsp;</p>
<p>ファイルの新規作成を押すと、<br />
<img decoding="async" loading="lazy" class="alignnone size-large wp-image-4403" alt="googlewebdesigner02" src="/uploads-archive/2014/03/googlewebdesigner02-1024x652.png" width="655" height="417" srcset="/uploads-archive/2014/03/googlewebdesigner02-1024x652.png 1024w, /uploads-archive/2014/03/googlewebdesigner02-300x191.png 300w, /uploads-archive/2014/03/googlewebdesigner02-228x145.png 228w, /uploads-archive/2014/03/googlewebdesigner02.png 1214w" sizes="(max-width: 655px) 100vw, 655px" /></p>
<p>googleの広告を作る用に設定できますし、左下にあるHTMLを選択すると、空のhtmlファイルを作成し、<br />
dreamweaverのようにコーディングすることができます(機能はそこまでないですが・・・)。</p>
<p>&nbsp;</p>
<p>バナーを選択し、ファイルを作成すると、<br />
<img decoding="async" loading="lazy" class="alignnone size-large wp-image-4405" alt="googlewebdesigner03" src="/uploads-archive/2014/03/googlewebdesigner03-1024x652.png" width="655" height="417" srcset="/uploads-archive/2014/03/googlewebdesigner03-1024x652.png 1024w, /uploads-archive/2014/03/googlewebdesigner03-300x191.png 300w, /uploads-archive/2014/03/googlewebdesigner03-228x145.png 228w, /uploads-archive/2014/03/googlewebdesigner03.png 1214w" sizes="(max-width: 655px) 100vw, 655px" /></p>
<p>カンバスが表示され、ここにコンテンツを置いたりし作成できるようです。出力はHTMLでされます。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><img decoding="async" loading="lazy" class="alignnone  wp-image-4406" alt="googlewebdesigner04" src="/uploads-archive/2014/03/googlewebdesigner04-1024x654.png" width="655" height="418" srcset="/uploads-archive/2014/03/googlewebdesigner04-1024x654.png 1024w, /uploads-archive/2014/03/googlewebdesigner04-300x191.png 300w, /uploads-archive/2014/03/googlewebdesigner04-228x145.png 228w, /uploads-archive/2014/03/googlewebdesigner04.png 1212w" sizes="(max-width: 655px) 100vw, 655px" /></p>
<p>かなり少ししかいじってないのですが、文字を置いたりコンテンツを置いたりすると、<br />
そこが何の要素かがわかるようになっており、上の画面は閉じている状態ですが、右下の方にCSSが表示されます。</p>
<p>さらにカンバスの下にはアニメーションを設定できるエリアがあります。</p>
<p>時間の問題で少ししか試せなかったのですが、<br />
基本的にはHTMLのファイルのようなので、<br />
感覚的には、dreamweaverでデザインが出来るようになったみたいでした。</p>
<p>&nbsp;</p>
<p>まだベータ版なので、<br />
これからどんどんバージョンアップしていくと思います。</p>
<p>「webサイトをデザインしながらコーディングもされる」みたいな形になっていくのでしょうか？<br />
これが無料ですからね〜<br />
Adobeさん大丈夫ですかね？！</p>
<p>その前に自身の心配もしなくてはいけないんですが笑<br />
このツールによって、コンテンツ作成するハードルは下がるわけなので、<br />
今すぐではないですが近い将来少なからず影響はあるのかなと思います。</p>
<p>ただ、こういったツールは、<br />
技術的なハードル(アニメーション,3D,コーディング等)が下がるだけであって、<br />
結局は、デザイン力、アイデアが必要になります。</p>
<p>ですので、我々は今後そこを高めていき、<br />
我々にしかできない価値を提供出来るようになっていかないといけないですね！</p>
<p>このツールの誕生によって、<br />
改めてその考えが強まりました・・・</p>


何だこのツールは？！無料ツール『GoogleWebDesigner』

<p><img decoding="async" src="/uploads-archive/2014/03/thirawa.jpeg" alt="ティラワ"><br />
ティラワの株式販売が昨日(2014年3月3日)から販売開始しました。</p>
<p>ミャンマー・ジャパン・ティラワ・デベロップメント社とティラワ経済特区の発展事業に投資するため設立したもので、この会社に投資したい国民に対し昨日から販売する事になりました。</p>
<p>1株の価格は１万チャット(1千円)で、210万株を国民に対して販売する予定です。</p>
<p>小口の購入者を優先的に販売する。</p>
<p>株式を購入希望の人は、ミャンマーティラワSEZホールディング公開株式会社、ミャンマー商工会議所本部、ティラワ経済特区経営委員会（タンリン～チャウタン道路、ダゴン～ティラワ道路の交差点）住宅局、ネピドー、ヤンゴン、マンダレー市などのヨーマ銀行、CB銀行、エヤーワディ銀行、ミャンマーシェサウン銀行、カンボーザ銀行、などで購入申し込み用紙を入手できる。</p>
<p>住所：ヤンゴン市ランマドー郡区ミンイェーチョーゾワ通り29番地UMFCCIタワー11階<br />
電話：95-1-2301772, 2301773</p>


ティラワの株式販売開始

<p>ブログを書くことを毎週の業務として取り組んでいる弊社ですが、文章力や書くという習慣総じて、アウトプットの力が足らず、筆が進まないこともしばしばです。このような個人・法人問わず、意見を簡単に述べ、多数の人に伝えることが簡単になった時代、逆に考えると伝えることをしなければ、他の情報が過多であるため、ますますアウトプットする機会は減ってしまいます。アウトプットということに対して、する人はする、しない人は全くしないというどちらか極端になりがちですので、弊社では、ブログを書くという業務を通してアウトプットをする力を高めようと取り組んでいます。</p>
<p>ちょっと話が逸れてしまいましたが、文章を書くことに特化したテキストエディター「<a href="http://www.ommwriter.com/en/">OMMWRITER</a>」の紹介です。</p>
<h2>3つの特徴</h3>
<p>テキストエディターと呼ばれるソフトウェアは数多くありますが、他にはない特徴を3つ揃えています。</p>
<p><a href="/uploads-archive/2014/03/screenshot.png"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-4383" alt="screenshot" src="/uploads-archive/2014/03/screenshot-300x131.png" width="300" height="131" srcset="/uploads-archive/2014/03/screenshot-300x131.png 300w, /uploads-archive/2014/03/screenshot-228x99.png 228w, /uploads-archive/2014/03/screenshot.png 1015w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<ol>
<li>集中力を維持しムードに合わせるための背景</li>
<li>文章に集中出来るBGM</li>
<li>キーボードを押下時のクリック音</li>
</ol>
<h2>サンプル</h3>
<p><iframe loading="lazy" width="500" height="281" src="//player.vimeo.com/video/14791691" allowfullscreen=""></iframe></p>
<h2>まとめ</h3>
<p>OMMWRITERはフリーソフトではなく、シェアウェアと言われるものです。ただし、価格は最低$4.11から自由に決めてよいようです。平均は$7.33とのことです。</p>


文章を書くことに特化したテキストエディター「OMMWRITER」

<p>In our daily conversation or text messaging, we used to use &#8216;thanks or thank you&#8217; frequently.<br />
Here are some more detail and correct usages of it.</p>
<p>In English, &#8216;thank you&#8217; is more formal and polite usage than &#8216;thanks&#8217;.</p>
<table style="width: 100%;" border="0" cellspacing="5" cellpadding="5">
<tbody>
<tr>
<td style="text-align: center;">
<h2><em><strong>Thank you</strong></em></h2>
</td>
<td style="text-align: center;">
<h2><em><strong>Thanks</strong></em></h2>
</td>
</tr>
<tr>
<td><span style="font-size: small;">&#8211; <em>formal</em></span>&nbsp;</p>
<p><span style="font-size: small;">&#8211; thank you very much</span></p>
<p><span style="font-size: small;">&#8211; thank you ever so much</span></p>
<p><span style="font-size: small;">&#8211; <span style="color: #ff0000;">thank you a lot</span></span></p>
<p><span style="font-size: small;">&#8211; thank you very much indeed</span></p>
<p><span style="font-size: small;">&#8211; <span style="color: #ff0000;">thank you indeed</span></span></p>
<p><span style="font-size: small;">&#8211; thank heavens, thank goodness</span></p>
<p><span style="font-size: small;">&#8211; <span style="color: #ff0000;">thank you heavens, thank you goodness</span></span></p>
<p><span style="font-size: small;">&#8211; thank you for + ving (thank you for coming)</span></p>
<p><span style="font-size: small;">&#8211; <span style="color: #ff0000;">thank you for your coming</span></span></p>
<p>&nbsp;</td>
<td style="text-align: left;"><span style="font-size: small;">&#8211; <em>informal</em></span>&nbsp;</p>
<p><span style="font-size: small;">&#8211;<span style="color: #ff0000;"> thanks you </span></span></p>
<p><span style="font-size: small;">&#8211; thanks very much</span></p>
<p><span style="font-size: small;">&#8211; thanks a lot</span></p>
<p><span style="font-size: small;">&#8211; thanks very much indeed</span></p>
<p><span style="font-size: small;">&#8211; <span style="color: #ff0000;">thanks heavens, thanks goodness</span></span></p>
<p><span style="font-size: small;">&#8211; thanks for coming</span></td>
</tr>
</tbody>
</table>
<p>yes, please (thank you)</p>
<p>If someone offers like that, <em>would you like another piece of cake?</em></p>
<p><em>yes, please (or) thank you (or) thanks</em></p>
<p>&#8211; <span style="color: #ff0000;">Yes, thanks (when you accept other offer)</span></p>
<p>when deny others offer,</p>
<p>&#8211; No, thank you. (or) No, thanks</p>
<p>It&#8217;s OK -&gt; yes, thanks</p>
<p>How to reply if other people say &#8216;thank you&#8217; / &#8216;thanks&#8217; to you,</p>
<p>&#8211; Not at all</p>
<p>&#8211; You&#8217;re welcome</p>
<p>&#8211; Don&#8217;t mention it</p>
<p>&#8211; That&#8217;s all right</p>
<p>&#8211; That&#8217;s OK</p>
<p>Enjoy!!!</p>
<p>__credited to Teacher HayMar</p>


How to use Thanks &#038; Thank you properly

small_title5.jpg

thumbnail_title5.jpg

title5.jpg

横スクロールを可能にできる「jquery.mousewheel」を使用してみた

<h2>法人税</h3>
<p>&#8211; ミャンマー法人または居住外国人は25%<br />
&#8211; 外国企業の支店等は35%が適用される</p>
<p>＜居住性区分と課税対象所得、税率＞ </p>
<table>
<tr>
<th>課税区分</th>
<th>適用税率</th>
</tr>
<tr>
<td>（居住者）ミャンマーで設立された法人</td>
<td>全世界所得の25％ </td>
</tr>
<tr>
<td>（居住者）外国投資法に基づいて設立された法人</td>
<td>ミャンマー国内所得の25％ </td>
</tr>
<tr>
<td>（非居住者）管理支配が外国にある法人（支店など）</td>
<td>ミャンマー国内所得の25％ </td>
</tr>
</table>
<h2>その他の税制</h3>
<p>[1] 国内の生産・消費に対する税、<br />
[2] 所得や所有に対する税、<br />
[3] 関税、<br />
[4] 国家の資産の利用に対する税<br />
の4つに分類される。</p>
<p><a href="http://www.jetro.go.jp/world/asia/mm/invest_04/">JETRO</a></p>


ミャンマーの税制

<p>以前からウェアラブルデバイスに興味を持っており、本ブログでも記事にしました。</p>
<p><a href="/officer/2014%E5%B9%B4%E3%81%AF%E3%83%95%E3%82%A3%E3%83%83%E3%83%88%E3%83%8D%E3%82%B9%E3%83%90%E3%83%B3%E3%83%89%E5%85%83%E5%B9%B4%EF%BC%9F.html" target="_blank">2014年はフィットネスバンド元年？</a></p>
<p>でも、類似の機能を持ったずっと前から使っているアプリが実はあります。</p>
<p>それが今回紹介する「<a href="http://www.moves-app.com/" target="_blank">Moves</a>」というアプリです。</p>
<h2>フィットネスバンドとの比較</h3>
<p><a href="/uploads-archive/2014/02/Moves_-_Activity_Tracker_for_iPhone_and_Android-2.jpg"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-4359" alt="Moves_-_Activity_Tracker_for_iPhone_and_Android-2" src="/uploads-archive/2014/02/Moves_-_Activity_Tracker_for_iPhone_and_Android-2-300x193.jpg" width="300" height="193" srcset="/uploads-archive/2014/02/Moves_-_Activity_Tracker_for_iPhone_and_Android-2-300x193.jpg 300w, /uploads-archive/2014/02/Moves_-_Activity_Tracker_for_iPhone_and_Android-2-228x147.jpg 228w, /uploads-archive/2014/02/Moves_-_Activity_Tracker_for_iPhone_and_Android-2.jpg 975w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>本家サイトに上図が掲載されていますが、トラッキングという観点においては、Movesが優れていることが分かります。比較対象がMovesが持っている機能に絞っているため、他のフィットネスバンドが持つ睡眠や食事のトラッキングなどは省かれているため、単純比較は出来ないですが。</p>
<h2><span style="font-size: 1em; line-height: 1.5em;">とにかく自動トラッキング</span></h3>
<p><a href="/uploads-archive/2014/02/Moves_-_Activity_Tracker_for_iPhone_and_Android-3.jpg"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-4362" alt="Moves_-_Activity_Tracker_for_iPhone_and_Android-3" src="/uploads-archive/2014/02/Moves_-_Activity_Tracker_for_iPhone_and_Android-3-116x300.jpg" width="116" height="300" srcset="/uploads-archive/2014/02/Moves_-_Activity_Tracker_for_iPhone_and_Android-3-116x300.jpg 116w, /uploads-archive/2014/02/Moves_-_Activity_Tracker_for_iPhone_and_Android-3-228x587.jpg 228w, /uploads-archive/2014/02/Moves_-_Activity_Tracker_for_iPhone_and_Android-3.jpg 367w" sizes="(max-width: 116px) 100vw, 116px" /></a></p>
<p>&nbsp;</p>
<p>上図がアプリの画面なのですが、とにかく自動トラッキングです。</p>
<p>Nikeのランニングアプリのように、前面に起動をしておく必要がありません。</p>
<p>完全にオフにしているとトラッキング出来ないようですが、一度起動して閉じてしまえばよいです。</p>
<h2> まとめ</h3>
<p>基本的には、GPSもモーションセンサーもスマートフォンに内蔵されているので、フィットネスバンドに出来て、スマートフォンアプリに出来ないことってないですよね？</p>
<p>しかも、フィットネスバンドの普及の鍵は、結局のところ、トラッキングをした情報を閲覧するアプリの完成度だと思っています。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>


「Moves」アプリがすごい！

<p>gitでソースコードを取得するとき、たまにhttp://で取得できなかったものの、プロトコルを変えたら（https://かgit://に変更）うまく取得できたことがあります。<br />
今回は、gitサーバー構築の観点で、gitが使える4つのプロトコルを紹介したと思います。</p>
<h2>Localプロトコル</h3>
<p>gitサーバーを開発チーム全員のアクセスできるリモートディスクなどに構築するときに使います。<br />
Localプロトコルで、ソースコード取得（クローン）するのに、下記のコマンドを使います。</p>
<p></p>

		<div id="crayon-64953fd598272983971028" 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;">
git clone /opt/git/project.git // 自分のパソコンにあるのように、リモートパスを指定
git clone file:///opt/git/project.git // これも使える</textarea></div>
			<div class="crayon-main" style="">
				<table class="crayon-table">
					<tr class="crayon-row">
				<td class="crayon-nums " data-settings="show">
					<div class="crayon-nums-content" style="font-size: 13px !important; line-height: 18px !important;"><div class="crayon-num" data-line="crayon-64953fd598272983971028-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd598272983971028-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-64953fd598272983971028-1"><span class="crayon-e">git </span><span class="crayon-r">clone</span><span class="crayon-h"> </span>/<span class="crayon-i">opt</span>/<span class="crayon-i">git</span>/<span class="crayon-i">project</span><span class="crayon-sy">.</span><span class="crayon-i">git</span><span class="crayon-h"> </span><span class="crayon-c">// 自分のパソコンにあるのように、リモートパスを指定</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd598272983971028-2"><span class="crayon-e">git </span><span class="crayon-r">clone</span><span class="crayon-h"> </span><span class="crayon-i">file</span><span class="crayon-sy">:</span><span class="crayon-c">///opt/git/project.git // これも使える</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p> </p>
<h3>利点</h4>
<p>・構築しやすい</p>
<h3>欠点</h4>
<p>・アクセスに制限あり（自宅には、会社のリモートディスクに容易にアクセスできない）<br />
・転送速度はSSHプロトコルより遅い</p>
<h2>SSHプロトコル</h3>
<p>非公開のプロジェクトをgitサーバーで管理するのに、このプロトコルが一番広く使われています。<br />
SSHプロトコルで、ソースコード取得（クローン）するのに、下記のコマンドを使います。</p>
<p></p>

		<div id="crayon-64953fd598277357582839" 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;">
git clone ssh://user@server/project.git
git clone user@server:project.git // デフォルトなので、プロトコル省略しても大丈夫</textarea></div>
			<div class="crayon-main" style="">
				<table class="crayon-table">
					<tr class="crayon-row">
				<td class="crayon-nums " data-settings="show">
					<div class="crayon-nums-content" style="font-size: 13px !important; line-height: 18px !important;"><div class="crayon-num" data-line="crayon-64953fd598277357582839-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd598277357582839-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-64953fd598277357582839-1"><span class="crayon-e">git </span><span class="crayon-r">clone</span><span class="crayon-h"> </span><span class="crayon-i">ssh</span><span class="crayon-sy">:</span><span class="crayon-c">//user@server/project.git</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd598277357582839-2"><span class="crayon-e">git </span><span class="crayon-r">clone</span><span class="crayon-h"> </span><span class="crayon-i">user</span><span class="crayon-sy">@</span><span class="crayon-i">server</span><span class="crayon-sy">:</span><span class="crayon-i">project</span><span class="crayon-sy">.</span><span class="crayon-i">git</span><span class="crayon-h"> </span><span class="crayon-c">// デフォルトなので、プロトコル省略しても大丈夫</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p> </p>
<h3>利点</h4>
<p>・構築も容易<br />
・ネットワークを越して認証をつけやすく、かつデータが暗号化されるなので安全<br />
・容易に読み込み、書き込み権限をつけやすい<br />
・転送速度は速い</p>
<h3>欠点</h4>
<p>・匿名アクセスを許可できない</p>
<h2>gitプロトコル</h3>
<p>すべての人に、読み込み権限を与えるプロトコルです。<br />
SSHプロトコルと組み合わせて、一部の人に書き込み権限だけを与えることが可能です。</p>
<p>gitプロトコルで、ソースコード取得（クローン）するのに、下記のコマンドを使います。</p>
<p></p>

		<div id="crayon-64953fd598278208112899" 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;">
git clone http://example.com/gitproject.git</textarea></div>
			<div class="crayon-main" style="">
				<table class="crayon-table">
					<tr class="crayon-row">
				<td class="crayon-nums " data-settings="show">
					<div class="crayon-nums-content" style="font-size: 13px !important; line-height: 18px !important;"><div class="crayon-num" data-line="crayon-64953fd598278208112899-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-64953fd598278208112899-1"><span class="crayon-e">git </span><span class="crayon-r">clone</span><span class="crayon-h"> </span><span class="crayon-i">http</span><span class="crayon-sy">:</span><span class="crayon-c">//example.com/gitproject.git</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p> </p>
<h3>利点</h4>
<p>・転送速度が一番速い（暗号化と認証がないから）</p>
<h3>欠点</h4>
<p>・認証がないから、一部の人だけ書き込み権限を与えることができない<br />
・専用ポートを開く必要ある<br />
・gitとは別、特別なツール（centosならgit-daemon）をインストール必要ある<br />
・構築するのに一番難しい</p>
<h2>http/httpsプロトコル</h3>
<p>http/httpsプロトコルを用いて、ウェブサーバーにアクセスできる人もリポジトリをクローンできます。</p>
<p>http/httpsプロトコルで、ソースコード取得（クローン）するのに、下記のコマンドを使います。</p>
<p></p>

		<div id="crayon-64953fd59827a897520787" 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;">
git clone http://example.com/gitproject.git</textarea></div>
			<div class="crayon-main" style="">
				<table class="crayon-table">
					<tr class="crayon-row">
				<td class="crayon-nums " data-settings="show">
					<div class="crayon-nums-content" style="font-size: 13px !important; line-height: 18px !important;"><div class="crayon-num" data-line="crayon-64953fd59827a897520787-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-64953fd59827a897520787-1"><span class="crayon-e">git </span><span class="crayon-r">clone</span><span class="crayon-h"> </span><span class="crayon-i">http</span><span class="crayon-sy">:</span><span class="crayon-c">//example.com/gitproject.git</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p> </p>
<h3>利点</h4>
<p>・構築は比較的に簡単<br />
・転送コンテンツを暗号化したり、特定の署名のSSL証明書で認証したりこともできる</p>
<h3>欠点</h4>
<p>・非効率（転送量が増える）</p>

gitが使えるプロトコル

<p>ただ単に売るということだけをメインとしたECサイトであった場合は、<br />
一般的な商材であれば価格勝負になるし、そうでなければそこでしか買えない商品を開発し、プロモーションをしなければならない。</p>
<p>それらとは異なる角度からECを成長させるという事例として、ECサイトをメディアとして捉えるという手法が増えているとのことでそのご紹介。</p>
<h2>Huckberry</h3>
<p><a href="http://huckberry.com/blog" target="_blank"> http://huckberry.com/blog</a><br />
<a href="http://blogos.com/article/80821/" target="_blank">http://blogos.com/article/80821/</a></p>
<p>メディア部分であるブログはだれでも見られるのに対し、EC部分はログインしないと見れない。<br />
メディアありきで上位ユーザーとしてECがある感じ。</p>
<p>写真はキャッチーでありブログメディアっぽく、ざっくり読んだだけだが記事も面白そうな感じだ。</p>
<p>商品は下着からハンマーまで幅広い。本当にブログ中心で気に入ったものを紹介している感じがする。<br />
サイトと記事をまとめると</p>
<p>・メールマガジンとブログで男性向け雑誌の切り口</p>
<p>・面白いものは多彩とでも紹介する</p>
<p>・メルマガ13万人、開封率27〜28%、クリック率4〜5%</p>
<p>・男性向けECサイトは富裕層向けと専門サイトに二分される</p>
<p>・ストーリーを文字と写真で紹介、買うことが目的ではなく楽しむことが目的</p>
<p>という感じらしい。</p>
<h2>北欧、暮らしの道具店</h3>
<p><a href="http://hokuohkurashi.com/" target="_blank"> http://hokuohkurashi.com/</a><br />
<a href="http://markezine.jp/article/detail/19209" target="_blank">http://markezine.jp/article/detail/19209</a></p>
<p>サイドメニューの商品カテゴリより上に読みものというメニューがあり、こちらもメディア中心の構成がうかがえる。</p>
<p>主婦向けで若干富裕層寄りのニュアンスが感じられる。</p>
<p>料理など生活に関わる内容と北欧の記事が中心。</p>
<p>例えば商品の一つである器を料理の記事と組み合わせ、最後に商品ページにリンクさせているようなページもあるが全くECと無関係なページも多く存在している。</p>
<p>アットホームな雰囲気作りで暮らしの提案をしてECに繋がている感じがする。</p>
<p>・サイトの成長は、SEOやバズマーケティングと良質なコンテンツを長期的に提供し続ける、の2通りがある</p>
<p>・商品ありきのコンテンツ作りではなく、コンテンツありきの商品を提供する</p>
<p>・「北欧、暮らしの道具店」は日常生活に不要であり、娯楽を売っているエンターテインメントビジネス</p>
<p>・エンターテインメント性のためにはユーザビリティを捨てる</p>
<p>・CVRは無視、アクセス数重視</p>
<p>ECサイトが乱立するとこのような動きは当然出てくるとは予想できるが、<br />
面白いと思ったのは、ライターとフォトグラファーというポジションがサイト上で高い地位で活躍していること。</p>
<p>通常サイトの運用などはデザイナーやコーダー、場合によってはプログラマーなどが中心となり、<br />
配送兼更新担当者のような方と広告担当がサイトごとに1人程度いるようなスタイルが多かったように思える。</p>
<p>しかしそれが本当に雑誌のようになりコンテンツが重要視されるようになると本当にこのようになるのかと思うと、ECが日々進化していっているのを感じる。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>


メディア化するEC

レスポンシブデザインにぴったりなカルーセルスライダー「Owl Carousel」

<p>SafariやGoogle Chromeなど、webkitを使ったブラウザではCCS3のfilterを使って、コンテンツをぼかすことができます。</p>
<p>しかし、上に重ねたコンテンツのところだけをぼかすように、部分的にぼかすことはできません。</p>
<p>SVGを使った方法もありますが、CSS3のfilterとjQueryを使ってなんとかできないかやってみました。</p>
<p>&nbsp;</p>
<p>↓こちらが作ってみたものです(ChromeもしくはSafariでご覧下さい)。</p>
<p><a class="demo" href="/demo/ninomiya/41/" target="_blank">DEMO</a></p>
<p>&nbsp;</p>
<h2>方法</h3>
<p>今回は、body内の要素を丸々コピーして要素の上に被せ、</p>
<p>被せた要素にfilterをかけてcssのclipで一部だけ表示するという方法を使いました。</p>
<p>&nbsp;</p>
<p>HTML</p>

		<div id="crayon-64953fd597e37519460867" 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">HTML</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;body&gt;
&lt;div class="contents"&gt;
	：
	(コンテンツ)
	：
&lt;/div&gt;
&lt;/body&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-64953fd597e37519460867-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd597e37519460867-2">2</div><div class="crayon-num" data-line="crayon-64953fd597e37519460867-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd597e37519460867-4">4</div><div class="crayon-num" data-line="crayon-64953fd597e37519460867-5">5</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd597e37519460867-6">6</div><div class="crayon-num" data-line="crayon-64953fd597e37519460867-7">7</div></div>
				</td>
						<td class="crayon-code"><div class="crayon-pre" style="font-size: 13px !important; line-height: 18px !important; -moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;"><div class="crayon-line" id="crayon-64953fd597e37519460867-1"><span class="crayon-r ">&lt;body&gt;</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd597e37519460867-2"><span class="crayon-r ">&lt;div </span><span class="crayon-e ">class</span>=<span class="crayon-s ">"contents"</span><span class="crayon-r ">&gt;</span></div><div class="crayon-line" id="crayon-64953fd597e37519460867-3"><span class="crayon-i ">	：</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd597e37519460867-4"><span class="crayon-i ">	(コンテンツ)</span></div><div class="crayon-line" id="crayon-64953fd597e37519460867-5"><span class="crayon-i ">	：</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd597e37519460867-6"><span class="crayon-r ">&lt;/div&gt;</span></div><div class="crayon-line" id="crayon-64953fd597e37519460867-7"><span class="crayon-r ">&lt;/body&gt;</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>&nbsp;</p>
<p>JavaScript</p>

		<div id="crayon-64953fd597e3b848665737" 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">JavaScript</span>
			<div class="crayon-tools" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><div class="crayon-button crayon-nums-button" title="Toggle Line Numbers"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-plain-button" title="Toggle Plain Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-wrap-button" title="Toggle Line Wrap"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-expand-button" title="Expand Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-copy-button" title="Copy"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-popup-button" title="Open Code In New Window"><div class="crayon-button-icon"></div></div><span class="crayon-language">JavaScript</span></div></div>
			<div class="crayon-info" style="min-height: 19.5px !important; line-height: 19.5px !important;"></div>
			<div class="crayon-plain-wrap"><textarea  class="crayon-plain print-no" data-settings="dblclick" readonly style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 13px !important; line-height: 18px !important;">
$(function(){
	 //body内のコンテンツをコピーしてコンテンツの後ろに挿入する
	$("body").append($(".contents").clone());

	$(".contents:last").css({
		"width" : "100%",
		"position" : "absolute",
		"top" : "0",
		"left" : "0",
		"-webkit-filter" : "blur(10px)", //ぼかしをかける
		"clip" : "rect(540px 600px 900px 240px)" //クリッピングして一部だけ表示する
	});
});</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-64953fd597e3b848665737-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd597e3b848665737-2">2</div><div class="crayon-num" data-line="crayon-64953fd597e3b848665737-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd597e3b848665737-4">4</div><div class="crayon-num" data-line="crayon-64953fd597e3b848665737-5">5</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd597e3b848665737-6">6</div><div class="crayon-num" data-line="crayon-64953fd597e3b848665737-7">7</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd597e3b848665737-8">8</div><div class="crayon-num" data-line="crayon-64953fd597e3b848665737-9">9</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd597e3b848665737-10">10</div><div class="crayon-num" data-line="crayon-64953fd597e3b848665737-11">11</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd597e3b848665737-12">12</div><div class="crayon-num" data-line="crayon-64953fd597e3b848665737-13">13</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-64953fd597e3b848665737-1"><span class="crayon-sy">$</span><span class="crayon-sy">(</span><span class="crayon-t">function</span><span class="crayon-sy">(</span><span class="crayon-sy">)</span><span class="crayon-sy">{</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd597e3b848665737-2"><span class="crayon-h">	 </span><span class="crayon-c">//body内のコンテンツをコピーしてコンテンツの後ろに挿入する</span></div><div class="crayon-line" id="crayon-64953fd597e3b848665737-3"><span class="crayon-h">	</span><span class="crayon-sy">$</span><span class="crayon-sy">(</span><span class="crayon-s">"body"</span><span class="crayon-sy">)</span><span class="crayon-sy">.</span><span class="crayon-e">append</span><span class="crayon-sy">(</span><span class="crayon-sy">$</span><span class="crayon-sy">(</span><span class="crayon-s">".contents"</span><span class="crayon-sy">)</span><span class="crayon-sy">.</span><span class="crayon-e">clone</span><span class="crayon-sy">(</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-64953fd597e3b848665737-4">&nbsp;</div><div class="crayon-line" id="crayon-64953fd597e3b848665737-5"><span class="crayon-h">	</span><span class="crayon-sy">$</span><span class="crayon-sy">(</span><span class="crayon-s">".contents:last"</span><span class="crayon-sy">)</span><span class="crayon-sy">.</span><span class="crayon-e">css</span><span class="crayon-sy">(</span><span class="crayon-sy">{</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd597e3b848665737-6"><span class="crayon-h">		</span><span class="crayon-s">"width"</span><span class="crayon-h"> </span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-s">"100%"</span><span class="crayon-sy">,</span></div><div class="crayon-line" id="crayon-64953fd597e3b848665737-7"><span class="crayon-h">		</span><span class="crayon-s">"position"</span><span class="crayon-h"> </span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-s">"absolute"</span><span class="crayon-sy">,</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd597e3b848665737-8"><span class="crayon-h">		</span><span class="crayon-s">"top"</span><span class="crayon-h"> </span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-s">"0"</span><span class="crayon-sy">,</span></div><div class="crayon-line" id="crayon-64953fd597e3b848665737-9"><span class="crayon-h">		</span><span class="crayon-s">"left"</span><span class="crayon-h"> </span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-s">"0"</span><span class="crayon-sy">,</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd597e3b848665737-10"><span class="crayon-h">		</span><span class="crayon-s">"-webkit-filter"</span><span class="crayon-h"> </span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-s">"blur(10px)"</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-c">//ぼかしをかける</span></div><div class="crayon-line" id="crayon-64953fd597e3b848665737-11"><span class="crayon-h">		</span><span class="crayon-s">"clip"</span><span class="crayon-h"> </span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-s">"rect(540px 600px 900px 240px)"</span><span class="crayon-h"> </span><span class="crayon-c">//クリッピングして一部だけ表示する</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd597e3b848665737-12"><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-64953fd597e3b848665737-13"><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>今回作ったものは、現在のところChrome, Safariだけで使える方法なので、</p>
<p>実用にはまだまだ遠いですが、SVGを使った方法（参考→「<a href="http://unformedbuilding.com/articles/frosted-glass-effect-with-css-and-svg/" target="_blank">CSS と SVG で曇りガラスのような効果を作る</a>」）と合わせ、</p>
<p>効果の出し分けをするなどすれば、少しでも実用化に近づけることができるかもしれません。</p>
<p>&nbsp;</p>
<p>いずれにしても、Android2.3系でもぼかし効果を使うことはあきらめなければならなそうです。<br />
Android2.3系は、Androidの中でも2014年2月時点でも2割のシェアがあり（<a href="http://developer.android.com/about/dashboards/index.html" target="_blank">参考</a>）、無視することもできないため、</p>
<p>もしぼかし効果を使う場合は、Android2.3系において、ぼかし無しで問題無いようなデザインにしておく必要がありそうです。</p>

jQueryやCSS3を使って画面の一部をぼかす方法を考える

<p><a href="http://ifttt.com" target="_blank">ifttt（イフト）</a>とは、「if this then that」の略で、各種サービスを連結して活用するサービスです。</p>
<h2>できること</h3>
<ul>
<li>特定メールアドレスにからメールが来たら、iphoneにそれをpushする（テストした結果、リアルタイムではなく、文字化けもするが）</li>
<li>天気予報で明日雨降りそうなら、傘を持つというタスクをtoodledoに追加</li>
<li>ブログを更新したら、それをtweetする</li>
<li>iphoneで写真を取ったら、dropboxにアップする</li>
<li>facebookで「誰かと一緒」の写真が現れたら、それをiphoneにダウンロードする。</li>
</ul>
<p>などなど。もちろん設定したら、自動でやってくれます。</p>
<h2>連携サービス（channels）</h3>
<p>現時点（2014年2月）の連携サービスは、下記になります。<br />
<a href="/uploads-archive/2014/02/2d764551702075bafac3f437262c9600.png"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-4307" alt="連携サービス１" src="/uploads-archive/2014/02/2d764551702075bafac3f437262c9600-300x219.png" width="300" height="219" srcset="/uploads-archive/2014/02/2d764551702075bafac3f437262c9600-300x219.png 300w, /uploads-archive/2014/02/2d764551702075bafac3f437262c9600-228x167.png 228w, /uploads-archive/2014/02/2d764551702075bafac3f437262c9600.png 977w" sizes="(max-width: 300px) 100vw, 300px" /></a><br />
<a href="/uploads-archive/2014/02/afab028b41811f69fd16c4a97b23056f.png"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-4306" alt="連携サービス２" src="/uploads-archive/2014/02/afab028b41811f69fd16c4a97b23056f-300x218.png" width="300" height="218" srcset="/uploads-archive/2014/02/afab028b41811f69fd16c4a97b23056f-300x218.png 300w, /uploads-archive/2014/02/afab028b41811f69fd16c4a97b23056f-228x166.png 228w, /uploads-archive/2014/02/afab028b41811f69fd16c4a97b23056f.png 982w" sizes="(max-width: 300px) 100vw, 300px" /></a><br />
<a href="/uploads-archive/2014/02/bb9cba283a0ac1a9bbaed3a378ee2540.png"><br />
<img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-4309" alt="連携サービス３" src="/uploads-archive/2014/02/bb9cba283a0ac1a9bbaed3a378ee2540-300x219.png" width="300" height="219" srcset="/uploads-archive/2014/02/bb9cba283a0ac1a9bbaed3a378ee2540-300x219.png 300w, /uploads-archive/2014/02/bb9cba283a0ac1a9bbaed3a378ee2540-228x166.png 228w, /uploads-archive/2014/02/bb9cba283a0ac1a9bbaed3a378ee2540.png 992w" sizes="(max-width: 300px) 100vw, 300px" /></a><br />
<a href="/uploads-archive/2014/02/21a22be13858130599efc52071ac87fb.png"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-4308" alt="連携サービス４" src="/uploads-archive/2014/02/21a22be13858130599efc52071ac87fb-300x119.png" width="300" height="119" srcset="/uploads-archive/2014/02/21a22be13858130599efc52071ac87fb-300x119.png 300w, /uploads-archive/2014/02/21a22be13858130599efc52071ac87fb-1024x407.png 1024w, /uploads-archive/2014/02/21a22be13858130599efc52071ac87fb-228x90.png 228w, /uploads-archive/2014/02/21a22be13858130599efc52071ac87fb.png 1027w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<h2>レシピ（recipe）の作成方法</h3>
<p><a href="http://hoomey.net/ifttt_study_1/" target="_blank">ここ</a>が参考になったから、見てみてください。</p>


ifttt

<p>お客様からのご招待で2月14日15日に開催されたジャパンアミューズメントエキスポ2014通称JAEPOに行ってきました。</p>
<p>お客様のサービスの理解を深めることは、大変大事なことですが、ITの仕事をしているとお客様の業種、業界というのは本当に様々です。こういった見本市（業者市）のようなものは、一挙に情報を取得することが出来ます。JAEPOに関しては、14日をビジネスデイ、15日を一般デイとされており、私が行った15日は一般デイであったため、家族連れの方や、学生のような方々もたくさんいました。アミューズメント施設、いわゆるゲームセンターの見本市ですので、様々な最新ゲームが展示されており、実際に遊ぶことが出来るので楽しめます。</p>
<p>大手企業が大変大きなブースを構え、最新の格闘ゲームやUFOキャッチャー、カードゲームといったものを展示する横で、格闘ゲームのコントローラーのボタンが一つ100円で売られていたりと業界でも様々な商売があるということを一人で哀愁感じておりました。</p>
<p>そこで頂いたゲームセンターの経営者をターゲットにしていると思われるアミューズメント産業の業界誌から著作権に抵触しない程度に少し紹介したいと思います。</p>
<h2>大型ビデオゲームの一日あたりの売上</h3>
<p>データを見るまでは、全く想像も付きませんでした。</p>
<p><a href="/uploads-archive/2014/02/intro-pic.jpg"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-4302" alt="intro-pic" src="/uploads-archive/2014/02/intro-pic-300x124.jpg" width="300" height="124" srcset="/uploads-archive/2014/02/intro-pic-300x124.jpg 300w, /uploads-archive/2014/02/intro-pic-228x94.jpg 228w, /uploads-archive/2014/02/intro-pic.jpg 840w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>&nbsp;</p>
<p>売上げトップは上記のガンダムのゲームで1日2万円以上になるようです。</p>
<p><a href="/uploads-archive/2014/02/photo_01.jpg"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-4303" alt="photo_01" src="/uploads-archive/2014/02/photo_01-300x300.jpg" width="300" height="300" srcset="/uploads-archive/2014/02/photo_01-300x300.jpg 300w, /uploads-archive/2014/02/photo_01-150x150.jpg 150w, /uploads-archive/2014/02/photo_01-228x228.jpg 228w, /uploads-archive/2014/02/photo_01-120x120.jpg 120w, /uploads-archive/2014/02/photo_01.jpg 360w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>次点は麻雀ゲームでほぼ同じような売上があり、麻雀というのはどの時代でも強力なコンテンツであることが分かります。</p>
<p><a href="/uploads-archive/2014/02/imgres5.jpg"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-4304" alt="imgres" src="/uploads-archive/2014/02/imgres5.jpg" width="264" height="191" srcset="/uploads-archive/2014/02/imgres5.jpg 264w, /uploads-archive/2014/02/imgres5-228x164.jpg 228w" sizes="(max-width: 264px) 100vw, 264px" /></a></p>
<p>音ゲーのトップでは、定番ともいえる「太鼓の達人」ですが、上記のゲームに比べると1/4程度の売上のようです。</p>
<p>他にも、ビデオゲーム部門でもガンダムが強く、ドラゴンボールや鉄拳といった当たりが続いていきます。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>


アミューズメント産業について

<p><em><strong><span><span>Starting Android Studio</span></span></strong></em></p>
<p><span><span><span><span><span><span>Path: /home /mon /android-studio</span></span></span></span></span></span></p>
<p><span><span><span><span><span><span>$ pwd (Print working directory)</span></span></span></span></span></span></p>
<p><span><span><span><span><span><span>/Home/mon</span></span></span></span></span></span></p>
<p><span><span><span><span><span><span>$ cd android-studio/bin (Change directory)</span></span></span></span></span></span></p>
<p><span><span><span><span><span><span>$ ./studio.sh</span></span></span></span></span></span></p>
<p><em><strong><span><span>Creating New Project</span></span></strong></em></p>
<p><span><span><span><span><span><span>(1) New Project</span></span></span></span></span></span></p>
<p><img decoding="async" loading="lazy" alt="createnewproject" src="/uploads-archive/2014/02/new_android.png" width="300" height="250" /></p>
<p><span><span><span><span>(2) Setting up application, module and package names<br />
</span></span></span></span></p>
<p><img decoding="async" loading="lazy" alt="settingappname" src="/uploads-archive/2014/02/create_android.png" width="300" height="250" /></p>
<p><span><span><span><span>(3) App logo image<br />
</span></span></span></span></p>
<p><img decoding="async" loading="lazy" alt="chooseapplogo" src="/uploads-archive/2014/02/logo_android.png" width="300" height="250" /></p>
<p><span><span><span><span>(4) Setting up activity and layout names<br />
</span></span></span></span></p>
<p><img decoding="async" loading="lazy" alt="settingactivityname" src="/uploads-archive/2014/02/main_activity_android.png" width="300" height="250" /></p>
<p><span><span><span><span>(5) Building app<br />
</span></span></span></span></p>
<p><img decoding="async" loading="lazy" alt="buildingapp" src="/uploads-archive/2014/02/building_android.png" width="300" height="150" /></p>
<p><em><strong>Developing</strong></em></p>
<p><span><span>(1) activity_mail.xml<br />
</span></span></p>
<p><img decoding="async" loading="lazy" alt="devapp" src="/uploads-archive/2014/02/dev_app.png" width="300" height="250" /></p>
<p><span><span>(2) MainActivity.java<br />
</span></span></p>
<p><img decoding="async" loading="lazy" alt="devapp1" src="/uploads-archive/2014/02/dev1.png" width="300" height="250" /></p>
<p><span><span>(3) fragment_main.xml<br />
</span></span></p>
<p><img decoding="async" loading="lazy" alt="devapp2" src="/uploads-archive/2014/02/dev2.png" width="300" height="250" /></p>
<p><em><strong>Running the project</strong></em></p>
<p><span><span><span><span>(1) Adding Android Virtual Device Manager(Emulator for testing app)<br />
</span></span></span></span></p>
<p><img decoding="async" loading="lazy" alt="settingemulator" src="/uploads-archive/2014/02/emulator_android.png" width="300" height="250" /></p>
<p><span><span>(2) App on Device<br />
</span></span></p>
<p><img decoding="async" loading="lazy" alt="apponhome" src="/uploads-archive/2014/02/apponhome.png" width="200" height="250" /></p>
<p>(3) I&#8217;m now successfully running 🙂</p>
<p><img decoding="async" loading="lazy" alt="runningapp" src="/uploads-archive/2014/02/helloworld_android.png" width="220" height="250" /></p>
<p><span><span><span><span>Enjoy!!!</span></span></span></span></p>


Company

Our Solutions

Support

News

Blog

Blogブログ

カテゴリーから探す

年別から見る

記事一覧

2014/03/11

2014/03/11

2014/03/05

2014/03/05

2014/03/04

2014/03/04

2014/03/04

2014/02/26

2014/02/26

2014/02/26

2014/02/26

2014/02/26

2014/02/25

2014/02/19

2014/02/19

2014/02/18

2014/02/18

2014/02/18