<p>Paypalといったら、多かれ少なかれ耳をしたことがあるのではないでしょうか？</p>
<p>イーロン・マスクという起業家はそのPaypalの創業者なのですが、人生そのものがとんでもなくカッコイイので調べてみました。</p>
<p>一部では、スティーブジョブズ超えとさえ言われています。</p>
<p>&nbsp;</p>
<p>略歴から。知り合いの<a href="http://jibunlab.com/blog/2014/01/post-16.html" target="_blank">経営者</a>がまとめていたので拝借します！</p>
<blockquote><p>イーロン・マスクの何がすごいかって、まずこの略歴をみて欲しい。</p></blockquote>
<ul>
<li>
<blockquote><p>本の虫で、勉強ができたため、<strong>小学校を1年早く入学する。</strong></p></blockquote>
</li>
<li>
<blockquote><p>10歳の時に、パソコンを購入して、独学でプログラムを勉強しはじめ、<strong>12歳の時に、「Blaster」というソフトウェアを開発し、500ドルで販売していた。</strong></p></blockquote>
</li>
<li>
<blockquote><p>17歳の時に、南アフリカからカナダにひとりで渡り、クイーンズ大学に入る。このときは、安いオレンジを食べて空腹を満たしたり、極貧生活をしていたらしい。</p></blockquote>
</li>
<li>
<blockquote><p>アメリカのペンシルベニア大学に奨学金を得て編入する。</p></blockquote>
</li>
<li>
<blockquote><p><strong>24歳の時に、スタンフォード大学の大学院を２日でやめて、弟とともにオンラインコンテンツ出版ソフトを提供する「Zip2社」を創業する。</strong></p></blockquote>
</li>
<li>
<blockquote><p><strong>「Zip2社」をコンパック社に3億ドルで売却し、2200万ドル（約22億円）を手にして億万長者になる。</strong></p></blockquote>
</li>
<li>
<blockquote><p>28歳の時に、オンライン決済サービスを提供する「X.com社」を創業し、その1年度に同業の「Confinity社」と合併し、「Paypal社」を創業する。</p></blockquote>
</li>
<li>
<blockquote><p><strong>「Paypal社」を「eBay社」に15億ドルで売却して、1億7千万ドル（約170億円）を手にする。</strong></p></blockquote>
</li>
<li>
<blockquote><p>30歳の時に、宇宙ロケット企業「SpaceX社」を創業。</p></blockquote>
</li>
<li>
<blockquote><p>33歳の時に、電気自動車メーカー「Tesla Motors社」に出資し会長になる。37歳の時に、CEOに就任し、<strong>39歳の時に、米ナスダックに上場させる。</strong>この自動車メーカの上場はFord社からなんと54年ぶりという快挙。</p></blockquote>
</li>
<li>
<blockquote><p>35歳の時に、太陽光発電企業「Solar City社」を従兄弟と創業し、会長に就任。<strong>41歳の時に、米ナスダックに上場させる</strong>。</p></blockquote>
<p>&nbsp;</li>
</ul>
<p>Paypalを売却後も宇宙事業会社、電気自動車メーカーと会社を興し、上場まで果たしています。</p>
<p>まさに事業化なんだと思います。ハイテクの産業から2次産業まで業界の壁などないように会社を成功させていきます。</p>
<p>&nbsp;</p>
<p>私自身の思いになりますが、現在3次（4次?）産業と言われるIT業界に属しビジネスを行っていますが、ゆくゆくは2次産業、1次産業のビジネスをやりたい。それをITという手段を使ってサービスを提供していきたい。と考えております。</p>
<p>その中で、イーロン・マスク氏は正に理想的で憧れになりました。</p>
<p>弊社では通販サイトの構築システムを提供しておりますが、製品がなく受託開発をメインとしていた頃と比べてクライアント様が変化を感じております。</p>
<p>業界シェアを持ったメーカー様から唯一無二の独自技術を持ったメーカー様、そして、最近では、遂に1次産業の農業の方とビジネスをする機会に恵まれとてもわくわくする日々を送っています。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>


イーロン・マスクという起業家が超絶カッコイイので一言！

<p>連休中の日経一面にEC記事が2件出てたのでその紹介です。</p>
<p>&nbsp;</p>
<h2>大和ハウス、ネット通販向け物流施設に2000億円</h3>
<p>1月11日 朝刊掲載</p>
<p><a href="http://www.nikkei.com/article/DGXNASDD100Q4_Q4A110C1MM8000/" target="_blank">http://www.nikkei.com/article/DGXNASDD100Q4_Q4A110C1MM8000/</a></p>
<p>&nbsp;</p>
<p>大和ハウス工業が2015年までに2000億円でEC業者向けの倉庫開発に投資するとのこと。</p>
<p>他にも、三井不動産は2017年度までに2000億円を投資、野村不動産ホールディングスは年200億～300億円の投資を予定している。</p>
<p>外資系では米系のプロロジスが年間500億～600億円、シンガポール系のグローバル・ロジスティック・プロパティーズは全国規模での展開を予定。</p>
<p>野村総合研究所の調査によると、2013年度のBtoCのEC市場規模は前年同期比13％増の11兆5千億円となっており、</p>
<p>2017年度には17兆3千億円になると予想している。</p>
<p>首都圏の倉庫における空室率4%台となっており、共有が不足しがちであるとともに</p>
<p>一般の賃貸と比べて長期での契約が見込めるため、デベロッパーにとっては良い市場とのこと。</p>
<p>&nbsp;</p>
<p>現在は大手モール中心のサービス合戦が繰り広げられており</p>
<p>即日配送など小規模サイトには真似できないサービスもこのような開発が進めば、簡単に導入できるようになるかもしれない。</p>
<p>&nbsp;</p>
<h2>ヤマト、ネット通販を後払いに 返品も容易に</h3>
<p>1月12日 朝刊掲載</p>
<p><a href="http://www.nikkei.com/article/DGXNASDD1102K_R10C14A1MM8000/" target="_blank">http://www.nikkei.com/article/DGXNASDD1102K_R10C14A1MM8000/</a></p>
<p>&nbsp;</p>
<p>ヤマトが新しい決済手段を始めるというニュース。</p>
<p>仕組みは私の理解だと以下の通り。</p>
<p>顧客：注文</p>
<p>EC業者：受注 &amp; ヤマト新決済を使って発送(未入金)</p>
<p>ヤマト：発送 &amp; コンビニなどの払込用紙を顧客に渡す</p>
<p>顧客：支払う or 支払い前にヤマトを呼んで返品可能</p>
<p>ヤマト：返品でなければEC業者に代金を立て替え。未払いの場合は債権回収を代行</p>
<p>&nbsp;</p>
<p>手数料の額や誰が負担できるか、若しくはそれらを選択できるのかなどは全く書いてなかったが、</p>
<p>EC事業者、顧客のメリットデメリットは以下が想定できる。</p>
<p>&nbsp;</p>
<p>[EC事業者]</p>
<p>■メリット</p>
<p>・確実な代金回収</p>
<p>・入金待ちのステータスがなくなる</p>
<p>・顧客の安心感による販売促進</p>
<p>&nbsp;</p>
<p>■デメリット</p>
<p>・返品が容易</p>
<p>・手数料の負担</p>
<p>&nbsp;</p>
<p>[顧客]</p>
<p>■メリット</p>
<p>・返品が容易</p>
<p>・スピーディな配送</p>
<p>&nbsp;</p>
<p>■デメリット</p>
<p>・手数料の負担</p>
<p>&nbsp;</p>
<p>手数料の負担を除いては顧客にとって有益な仕組みとなりそうな感じ。</p>
<p>しかしEC事業者にとってはシステムの改修や倉庫会社との連携など初期導入の心配が残るのと</p>
<p>返品が増えそうで怖い。</p>
<p>おそらくはクレジットカード持ってないけどすぐ送ってほしい顧客などが</p>
<p>手数料を負担してもいいから選択する、といった使い方がされるのだろうか。</p>


連休中の日経一面にEC記事が2件

<p>みかんについて調べてみました。</p>
<p>どちらかというと「みかん」という柑橘系の業界についてです。</p>
<p>初めて知ることがいっぱい出てきました。</p>
<h2>みかんの収穫量全国シェア</h3>
<p>以下に21年度版の資料が掲載されておりました。</p>
<p><a href="http://www.japan-now.com/category/9783589-1.html" target="_blank">http://www.japan-now.com/category/9783589-1.html</a></p>
<p>図示化するとこうなります。</p>
<p><a href="/uploads-archive/2014/01/897d350e9f69f9affe7840375c867707.png"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-3945" alt="みかん全国シェア" src="/uploads-archive/2014/01/897d350e9f69f9affe7840375c867707-300x228.png" width="300" height="228" srcset="/uploads-archive/2014/01/897d350e9f69f9affe7840375c867707-300x228.png 300w, /uploads-archive/2014/01/897d350e9f69f9affe7840375c867707-1024x780.png 1024w, /uploads-archive/2014/01/897d350e9f69f9affe7840375c867707-228x173.png 228w, /uploads-archive/2014/01/897d350e9f69f9affe7840375c867707.png 1367w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<h2>オレンジの輸入自由化</h3>
<p>まず、業界を調べるとすぐに分かるのが、１９９１年（平成3年）の自由化（関税化）です。</p>
<p>これまでは、輸入枠そのものが制限されていたものの、税率は変わらず、輸入枠の制限が撤廃されました。</p>
<p>詳細のデータは以下に農林水産省が発表したデータが5ページ目からのっています。</p>
<p><a href="http://www.maff.go.jp/kanto/syo_an/seikatsu/iken/pdf/shiryo1-3.pdf" target="_blank">http://www.maff.go.jp/kanto/syo_an/seikatsu/iken/pdf/shiryo1-3.pdf</a></p>
<blockquote><p>かんきつの消費が減少傾向で推移し、国内生産が構造的に過剰な状況であったことから、国内需要に見合った生産及び出荷の調整</p>
<p>を実施していた</p></blockquote>
<p>という一文には驚きました。</p>
<h2>みかんの輸出</h3>
<p>やはり気になるのは輸出です。こちらはjetroに記事がありました。</p>
<p><a href="https://www.jetro.go.jp/world/asia/sg/foods/trends/1102002.html" target="_blank">https://www.jetro.go.jp/world/asia/sg/foods/trends/1102002.html</a></p>
<p>2011年の記事にはなりますが、シンガポールでは増加傾向にあるという記事の中で、私が気になったのは、以下の表です。</p>
<table>
<caption>表2：日本のみかん輸出額の国・地域別推移</caption>
<tbody>
<tr>
<th rowspan="2" width="5%">順</th>
<th rowspan="2" width="18%">国・地域</th>
<th colspan="3">輸出額（1,000円）</th>
<th rowspan="2" width="17%">前年比（％）</th>
</tr>
<tr>
<th width="19%">2008年</th>
<th width="19%">2009年</th>
<th width="19%">2010年</th>
</tr>
<tr>
<th>1</th>
<td>カナダ</td>
<td>286,889</td>
<td>174,242</td>
<td>131,708</td>
<td>△24.4</td>
</tr>
<tr>
<th>2</th>
<td>台湾</td>
<td>93,624</td>
<td>67,888</td>
<td>92,239</td>
<td>35.9</td>
</tr>
<tr>
<th>3</th>
<td>香港</td>
<td>40,851</td>
<td>53,386</td>
<td>67,461</td>
<td>26.4</td>
</tr>
<tr>
<th>4</th>
<td>シンガポール</td>
<td>13,193</td>
<td>15,092</td>
<td>22,478</td>
<td>48.9</td>
</tr>
<tr>
<th>5</th>
<td>ニュージーランド</td>
<td>1,593</td>
<td>12,772</td>
<td>8,652</td>
<td>△32.3</td>
</tr>
<tr>
<td></td>
<td>世界計</td>
<td>470,646</td>
<td>355,449</td>
<td>345,115</td>
<td>△2.9</td>
</tr>
</tbody>
</table>
<p>何故かカナダが圧倒的な輸出額があり、さらに現象傾向にありました。</p>
<p>調べてみると明治時代からカナダとみかんは歴史があるということが分かりました。</p>
<p>また、前述した日本における規制緩和のようにカナダでは輸入枠に制限を設けていないため、定着しているようです。</p>
<p><a href="http://www.iti.or.jp/flash131.htm" target="_blank">http://www.iti.or.jp/flash131.htm</a></p>
<p>&nbsp;</p>
<h2>みかん業界の施策</h3>
<p>需要が現象する中でプレミアムなみかんにさらに付加価値をつけるという意味では、有意義な施策だと思います。</p>
<p>若者に人気の商品とコラボレーションというのはより親近感を持たせることが出来ます。</p>
<p>現在は、販売中止しているようです。</p>
<p><a href="http://news.searchina.ne.jp/disp.cgi?y=2012&amp;d=0824&amp;f=business_0824_175.shtml" target="_blank">http://news.searchina.ne.jp/disp.cgi?y=2012&amp;d=0824&amp;f=business_0824_175.shtml</a></p>


みかん業界

<p>バーコードを生成してくれるというコアなニーズに答えてくれるjQueryプラグインを発見したので</p>
<p>ジェネレーターを作ってみた。</p>
<p><a href="http://barcode-coder.com/en/barcode-jquery-plugin-201.html" target="_blank">http://barcode-coder.com/en/barcode-jquery-plugin-201.html</a></p>
<p>&nbsp;</p>
<p><a class="demo" href="/demo/hoshino/50/">demo</a></p>
<p>&nbsp;</p>
<p>ジャンコード(?)のようなコードとバーコード自体の大きさを入力後</p>
<p>エンコードのようなタイプが幾つかあるようで、選択して出力ボタンを押せばバーコードが生成される。</p>
<p>&nbsp;</p>
<p>基本的には</p>

		<div id="crayon-64953fd5967a5409966642" 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;">
$("#bcTarget").barcode("1234567890128", "ean13",{barWidth:2, barHeight:30});</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-64953fd5967a5409966642-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-64953fd5967a5409966642-1"><span class="crayon-sy">$</span><span class="crayon-sy">(</span><span class="crayon-s">"#bcTarget"</span><span class="crayon-sy">)</span><span class="crayon-sy">.</span><span class="crayon-e">barcode</span><span class="crayon-sy">(</span><span class="crayon-s">"1234567890128"</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-s">"ean13"</span><span class="crayon-sy">,</span><span class="crayon-sy">{</span><span class="crayon-i">barWidth</span><span class="crayon-sy">:</span><span class="crayon-cn">2</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-i">barHeight</span><span class="crayon-sy">:</span><span class="crayon-cn">30</span><span class="crayon-sy">}</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>のようなコードを実行している。</p>
<p>&nbsp;</p>
<p>実はある案件でISBNコードからバーコードを生成できないかという依頼があり探していたのだが、</p>
<p>こちらのプラグインはPHPやJAVAのライブラリも公開している。</p>
<p><a href="http://barcode-coder.com/en/barcode-source-list-200.html" target="_blank">http://barcode-coder.com/en/barcode-source-list-200.html</a></p>
<p>&nbsp;</p>

バーコードを生成してくれるjQueryプラグイン

<p>今更だが、最近良いという話を聞いたのでGumroadを使ってみた。</p>
<p>GumroadはSTORES.jpやBASEのように商品を無料で販売できるサービス。</p>
<p>ただ、イメージや電子書籍、楽曲などクリエイター向けに作られており、決済はPayPalだけというシンプルなものだ。</p>
<p>創業者はPinterestのデザイナーだった人とのことで、デザインやインターフェイスは細部まで作りこまれており</p>
<p>大変使いやすいが統一感とシンプル性を重視しているせいか汎用性は低い。</p>
<p>ただしこれはSNSでURLをシェアするという使い方に限定すれば逆に購入する側としてもわかりやすいと思った。</p>
<p>&nbsp;</p>
<h2>販売コンテンツ</h3>
<p><a href="/uploads-archive/2014/01/1.jpg"><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-3921" alt="1" src="/uploads-archive/2014/01/1.jpg" width="656" height="431" srcset="/uploads-archive/2014/01/1.jpg 656w, /uploads-archive/2014/01/1-300x197.jpg 300w, /uploads-archive/2014/01/1-228x149.jpg 228w" sizes="(max-width: 656px) 100vw, 656px" /></a>通常の商品とサブスクリプション(定期購入商材)、事前注文(予約商品)の3種類が利用できる。</p>
<p>商材はデータとしてアップロードできるものであれば何でもいける模様。</p>
<p>&nbsp;</p>
<h2>商品登録</h3>
<p><a href="/uploads-archive/2014/01/2.jpg"><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-3922" alt="2" src="/uploads-archive/2014/01/2.jpg" width="656" height="430" srcset="/uploads-archive/2014/01/2.jpg 656w, /uploads-archive/2014/01/2-300x196.jpg 300w, /uploads-archive/2014/01/2-228x149.jpg 228w" sizes="(max-width: 656px) 100vw, 656px" /></a></p>
<p>&nbsp;</p>
<p>商品登録はファイルとタイトルだけが必須項目になっていてとてもシンプルなフロー。</p>
<p>定期購入は月次課金と年次課金が選択できる。</p>
<p>通過も円をや香港ドル等複数から選択できる。</p>
<p>選択の仕方が通常のプルダウンでないところにデザイナーの細部のこだわりが感じられる。</p>
<p>販売する画像とは他にイメージ画像や説明文を登録することができる。</p>
<p>&nbsp;</p>
<p><a href="/uploads-archive/2014/01/3.jpg"><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-3925" alt="3" src="/uploads-archive/2014/01/3.jpg" width="656" height="430" srcset="/uploads-archive/2014/01/3.jpg 656w, /uploads-archive/2014/01/3-300x196.jpg 300w, /uploads-archive/2014/01/3-228x149.jpg 228w" sizes="(max-width: 656px) 100vw, 656px" /></a></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>この時点で詳細ページのURLが発行されているので、ログインした状態でアクセスすると</p>
<p>以下の様な編集ツールが出現し、商品ページの見栄えの調整ができる。</p>
<p>&nbsp;</p>
<p><a href="/uploads-archive/2014/01/4.jpg"><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-3927" alt="4" src="/uploads-archive/2014/01/4.jpg" width="656" height="694" srcset="/uploads-archive/2014/01/4.jpg 656w, /uploads-archive/2014/01/4-283x300.jpg 283w, /uploads-archive/2014/01/4-228x241.jpg 228w" sizes="(max-width: 656px) 100vw, 656px" /></a></p>
<p>&nbsp;</p>
<p>ページの背景画像や決済画面の文言、支払い完了画面などの設定が可能。</p>
<p>デフォルトでも十分公開できるようになっている。</p>
<p>&nbsp;</p>
<p>上記の商品登録と、あとはアクセス解析や売上管理、顧客にメッセージを送る機能くらいと非常にシンプルにできている。</p>
<p>前述のとおりクリエイターがSNSでシェアすることを前提とした場合は簡単で良いかもしれない。</p>
<p>&nbsp;</p>
<p>ただ、この手のサイトは</p>
<p>・生活必需品でない</p>
<p>・企業が利用しづらい = 一定のニーズから絞りづらい</p>
<p>・既成品でない = 制作者のバリューに商材が比例</p>
<p>という理由ですぐに大きな流通量を稼ぎだすのは難しい気がするが</p>
<p>ショップという概念が無くSNSがそれであるという新しい概念として注目したいと思った</p>
<p>&nbsp;</p>


Gumroadを使ってみた

<p>営業の方ならきっと気持ちが分かるはず！</p>
<p>アポイントの時間をメール等で調整をするときに、空き時間を見て、移動時間を計算して1行ずつ文字に起こしていくという作業をするかと思います。</p>
<p>ちょうど、下記の文章のような形に記載をすると思います。</p>
<p>&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8211;</p>
<p>◯/◯(火) 00:00-00:00</p>
<p>◯/◯(水) 00:00-00:00</p>
<p>&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8211;</p>
<p>Googleカレンダーなどスケジューラーはグラフィカルになっているので、</p>
<p>途端にメールになると空き時間を文章化しなくてはならず、煩わしさをずっと感じておりました。</p>
<p>そんなことを何年間も思っていたところ、つい先日、このサービスを知りました！</p>
<p><a href="https://cu-hacker.com/">Cu-hacker | アポイント調整を10倍速くするツール「クウハッカー」</a></p>
<p>&nbsp;</p>
<p>アポイント調整を10倍速くするという挑戦的なキャッチフレーズがタイトルに入っておりますが、使ってみた後はまんざらでもありません！</p>
<h2>使い方</h3>
<p><a href="/uploads-archive/2013/12/screenshot.png"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-3853" alt="screenshot" src="/uploads-archive/2013/12/screenshot-300x268.png" width="300" height="268" srcset="/uploads-archive/2013/12/screenshot-300x268.png 300w, /uploads-archive/2013/12/screenshot-228x204.png 228w, /uploads-archive/2013/12/screenshot.png 1013w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>使い方は簡単です。</p>
<p><a href="https://cu-hacker.com" target="_blank">トップページ</a>にアクセスするとGoogleアカウントでログインを促されます。</p>
<p>もちろん、GoogleAppsアカウントでも対応しております。</p>
<p><a href="/uploads-archive/2013/12/5e5c389856d465b1f0d26d6392fcb6a9.jpg"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-3858" alt="Cu-hacker___カレンダー-3" src="/uploads-archive/2013/12/5e5c389856d465b1f0d26d6392fcb6a9-300x157.jpg" width="300" height="157" srcset="/uploads-archive/2013/12/5e5c389856d465b1f0d26d6392fcb6a9-300x157.jpg 300w, /uploads-archive/2013/12/5e5c389856d465b1f0d26d6392fcb6a9-1024x538.jpg 1024w, /uploads-archive/2013/12/5e5c389856d465b1f0d26d6392fcb6a9-228x119.jpg 228w, /uploads-archive/2013/12/5e5c389856d465b1f0d26d6392fcb6a9.jpg 1353w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>ログインをするとGoogleカレンダーライクの画面が表示されます。</p>
<p>それでは早速、その真価を試しましょう。</p>
<p><a href="/uploads-archive/2013/12/607e955f64969a9296ebed93db7ba0a3.jpg"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-3866" alt="Cu-hacker___カレンダー-4-2" src="/uploads-archive/2013/12/607e955f64969a9296ebed93db7ba0a3-300x155.jpg" width="300" height="155" srcset="/uploads-archive/2013/12/607e955f64969a9296ebed93db7ba0a3-300x155.jpg 300w, /uploads-archive/2013/12/607e955f64969a9296ebed93db7ba0a3-1024x529.jpg 1024w, /uploads-archive/2013/12/607e955f64969a9296ebed93db7ba0a3-228x117.jpg 228w, /uploads-archive/2013/12/607e955f64969a9296ebed93db7ba0a3.jpg 1351w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>適当な時間帯をGoogleカレンダーのようにドラッグして伸ばします。</p>
<p>すると、左上のテキスト欄に日時が範囲が指定された状態で反映されます。</p>
<p>これで、あとはメールにコピペするだけで終了です。</p>
<p>すごく簡単です。</p>
<p><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-3857" alt="Cu-hacker___カレンダー-2" src="/uploads-archive/2013/12/9dcba189f8e6a5e80b71dc1e87f8365a-300x199.jpg" width="300" height="199" srcset="/uploads-archive/2013/12/9dcba189f8e6a5e80b71dc1e87f8365a-300x199.jpg 300w, /uploads-archive/2013/12/9dcba189f8e6a5e80b71dc1e87f8365a-1024x680.jpg 1024w, /uploads-archive/2013/12/9dcba189f8e6a5e80b71dc1e87f8365a-228x151.jpg 228w, /uploads-archive/2013/12/9dcba189f8e6a5e80b71dc1e87f8365a.jpg 1353w" sizes="(max-width: 300px) 100vw, 300px" /></p>
<p>設定画面では、ビジネスタイムの指定などが細かく出来ます。</p>
<p><a href="/uploads-archive/2013/12/b215bbdb4fd107b2e47fc103f32888c1.jpg"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-3867" alt="Cu-hacker___カレンダー-5-2" src="/uploads-archive/2013/12/b215bbdb4fd107b2e47fc103f32888c1-300x160.jpg" width="300" height="160" srcset="/uploads-archive/2013/12/b215bbdb4fd107b2e47fc103f32888c1-300x160.jpg 300w, /uploads-archive/2013/12/b215bbdb4fd107b2e47fc103f32888c1-1024x549.jpg 1024w, /uploads-archive/2013/12/b215bbdb4fd107b2e47fc103f32888c1-228x122.jpg 228w, /uploads-archive/2013/12/b215bbdb4fd107b2e47fc103f32888c1.jpg 1348w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>終日を選択すると、先ほど、指定したビジネスタイムが反映されます。</p>
<p>かゆいところに手が届く仕様になっております〜。素晴らしいです。</p>
<p>そして、テキストのところをご覧頂くと分かるのですが、短縮URLが発行されます。</p>
<p><a href="/uploads-archive/2013/12/57e64c63c0fc9c3a99817873d032a7c0.jpg"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-3861" alt="Cu-hacker___Yuji_Mezakiさんからの提案日程-4" src="/uploads-archive/2013/12/57e64c63c0fc9c3a99817873d032a7c0-300x149.jpg" width="300" height="149" srcset="/uploads-archive/2013/12/57e64c63c0fc9c3a99817873d032a7c0-300x149.jpg 300w, /uploads-archive/2013/12/57e64c63c0fc9c3a99817873d032a7c0-1024x508.jpg 1024w, /uploads-archive/2013/12/57e64c63c0fc9c3a99817873d032a7c0-228x113.jpg 228w, /uploads-archive/2013/12/57e64c63c0fc9c3a99817873d032a7c0.jpg 1352w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>こちらは、相手に送るためのもので短縮URLにアクセスをすると、候補日をFIXさせるフローが出来ております。</p>
<p>相手もGoogleカレンダーを利用していることを知っている場合は、更に、調整が簡単な仕様になっております。</p>
<p>相手がGoogleカレンダーを利用しているか分からない場合は、混乱を招く恐れがあるので、短縮URLは削除するのが無難かと思います。</p>
<h2>まとめ</h3>
<p>こんなの待ってた！</p>


Googleカレンダーユーザー必見！スケジュール調整が劇的に簡単になる「Cu-hacker」

<p>1月〜11月の来日外国人の数が約950万人となっており、</p>
<div>12月中旬にも1000万人を超える見通しになると観光庁の発表があったとのこと。</div>
<div><a href="http://www.nikkei.com/article/DGXNASGC11016_R11C13A2EA2000/" target="_blank">http://www.nikkei.com/article/DGXNASGC11016_R11C13A2EA2000/</a></div>
<div><a href="http://www.nikkei.com/article/DGXNASGC11016_R11C13A2EA2000/" target="_blank"> </a></div>
<div>以下は11月までの来日外国人の数</div>
<div> <a href="/uploads-archive/2013/12/076d9c0930789e3abb0c89f5cf396b58-e1387272685535.png"><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-3851" alt="スクリーンショット 2013-12-17 13.00.41" src="/uploads-archive/2013/12/076d9c0930789e3abb0c89f5cf396b58-e1387272685535.png" width="656" height="424" /></a></div>
<div>※出典：日本政府観光局(JNTO)</div>
<div><a href="https://www.jnto.go.jp/jpn/news/data_info_listing/" target="_blank">https://www.jnto.go.jp/jpn/news/data_info_listing/</a></div>
<div><a href="https://www.jnto.go.jp/jpn/news/data_info_listing/" target="_blank"> </a></div>
<div>韓国は引き続きトップだが、中国が戻ってきたのと、</div>
<div>ビザが免除されたタイ、マレーシアの伸率は引き続き多い。</div>
<div>また、発給条件が緩和されたベトナム、フィリピン、インドネシアもやはり多い。</div>
<div></div>
<div>以下は本日の日経朝刊でのアンケート結果</div>
<table>
<tbody>
<tr>
<th></th>
<th>1位</th>
<th>2位</th>
<th>3位</th>
</tr>
<tr>
<td>全地域平均</td>
<td>カメラ、時計</td>
<td>家電</td>
<td>洋服、かばん、靴</td>
</tr>
<tr>
<td>マレーシア</td>
<td>漫画、アニメ関連</td>
<td>カメラ、時計</td>
<td>洋服、かばん、靴</td>
</tr>
<tr>
<td>タイ</td>
<td>カメラ、時計</td>
<td>洋服、かばん、靴</td>
<td>家電</td>
</tr>
<tr>
<td>シンガポール</td>
<td>カメラ、時計</td>
<td>洋服、かばん、靴</td>
<td>家電</td>
</tr>
<tr>
<td>中国</td>
<td>カメラ、時計</td>
<td>家電</td>
<td>洋服、かばん、靴</td>
</tr>
<tr>
<td>フランス</td>
<td>洋服、かばん、靴</td>
<td>漫画、アニメ関連</td>
<td>和服、民芸品</td>
</tr>
</tbody>
</table>
<div></div>
<div>マレーシアではオタク支持がすごいらしい。</div>
<div>1回の来日時の1人当たりの平均支出額は40,347円とかなりの額とのこと。</div>
<div></div>
<div>とはいっても、世界各国と比較した外国人旅行者の数としては全然下のほうだ。</div>
<table>
<tbody>
<tr>
<td>1</td>
<td>フランス</td>
<td>8301.8万人</td>
</tr>
<tr>
<td>2</td>
<td>アメリカ合衆国</td>
<td>6696.9万人</td>
</tr>
<tr>
<td>3</td>
<td>中国</td>
<td>5772.5万人</td>
</tr>
<tr>
<td>4</td>
<td>スペイン</td>
<td>5770.1万人</td>
</tr>
<tr>
<td>5</td>
<td>イタリア</td>
<td>4636.0万人</td>
</tr>
<tr>
<td>6</td>
<td>トルコ</td>
<td>3569.8万人</td>
</tr>
<tr>
<td>7</td>
<td>ドイツ(TCE)</td>
<td>3040.8万人</td>
</tr>
<tr>
<td>8</td>
<td>イギリス</td>
<td>2928.2万人</td>
</tr>
<tr>
<td>9</td>
<td>ロシア</td>
<td>2573.6万人</td>
</tr>
<tr>
<td>10</td>
<td>マレーシア</td>
<td>2503.3万人</td>
</tr>
<tr>
<td>11</td>
<td>オーストリア(TCE)</td>
<td>2415.1万人</td>
</tr>
<tr>
<td>12</td>
<td>香港</td>
<td>2377.0万人</td>
</tr>
<tr>
<td>13</td>
<td>メキシコ</td>
<td>2340.3万人</td>
</tr>
<tr>
<td>14</td>
<td>ウクライナ</td>
<td>2301.3万人</td>
</tr>
<tr>
<td>15</td>
<td>タイ</td>
<td>2235.4万人</td>
</tr>
<tr>
<td>16</td>
<td>カナダ</td>
<td>1631.1万人</td>
</tr>
<tr>
<td>17</td>
<td>ギリシャ</td>
<td>1551.8万人</td>
</tr>
<tr>
<td>18</td>
<td>ポーランド</td>
<td>1484.0万人</td>
</tr>
<tr>
<td>19</td>
<td>サウジアラビア</td>
<td>1366.4万人</td>
</tr>
<tr>
<td>20</td>
<td>マカオ</td>
<td>1357.7万人</td>
</tr>
<tr>
<td>21</td>
<td>オランダ(TCE)</td>
<td>1168.0万人</td>
</tr>
<tr>
<td>22</td>
<td>エジプト</td>
<td>1119.6万人</td>
</tr>
<tr>
<td>23</td>
<td>韓国(VF)</td>
<td>1114.0万人</td>
</tr>
<tr>
<td>24</td>
<td>スウェーデン</td>
<td>1091.4万人</td>
</tr>
<tr>
<td>25</td>
<td>クロアチア(TCE)</td>
<td>1036.9万人</td>
</tr>
<tr>
<td>26</td>
<td>ハンガリー</td>
<td>1035.3万人</td>
</tr>
<tr>
<td>27</td>
<td>モロッコ</td>
<td>937.5万人</td>
</tr>
<tr>
<td>28</td>
<td> 南アフリカ連邦</td>
<td>918.8万人</td>
</tr>
<tr>
<td>29</td>
<td>アラブ首長国連邦(THS)</td>
<td>897.7万人</td>
</tr>
<tr>
<td>30</td>
<td>チェコ</td>
<td>890.8万人</td>
</tr>
<tr>
<td></td>
<td>日本(VF)</td>
<td>836.8万人</td>
</tr>
</tbody>
</table>
<div></div>
<div>いろいろありますが、英語を勉強したり受け入れる体制を整えたりと、今後増加していくよう努力していければいいと思います</div>


2013年来日外国人が1000万人超える

<p>Facebook上のウォールにプログラムからGraph APIを使って画像を投稿する時</p>
<div>ちょっとかっこよく見せるためのテクニックをご紹介。</div>
<div></div>
<div>こちらはよくあるパターン</div>
<div><a href="/uploads-archive/2013/12/ed91c375302043dc5679b77b8dce26f0.png"><img decoding="async" loading="lazy" class="size-full wp-image-3811 aligncenter" alt="スクリーンショット 2013-12-10 16.04.08" src="/uploads-archive/2013/12/ed91c375302043dc5679b77b8dce26f0.png" width="513" height="404" srcset="/uploads-archive/2013/12/ed91c375302043dc5679b77b8dce26f0.png 513w, /uploads-archive/2013/12/ed91c375302043dc5679b77b8dce26f0-300x236.png 300w, /uploads-archive/2013/12/ed91c375302043dc5679b77b8dce26f0-228x179.png 228w" sizes="(max-width: 513px) 100vw, 513px" /></a></div>
<div></div>
<div>今回のものは</div>
<div> <a href="/uploads-archive/2013/12/d48ad5368c81ec17cbc00cfc8af24a8a.png"><img decoding="async" loading="lazy" class="size-full wp-image-3812 aligncenter" alt="スクリーンショット 2013-12-10 16.02.10" src="/uploads-archive/2013/12/d48ad5368c81ec17cbc00cfc8af24a8a.png" width="513" height="281" srcset="/uploads-archive/2013/12/d48ad5368c81ec17cbc00cfc8af24a8a.png 513w, /uploads-archive/2013/12/d48ad5368c81ec17cbc00cfc8af24a8a-300x164.png 300w, /uploads-archive/2013/12/d48ad5368c81ec17cbc00cfc8af24a8a-228x124.png 228w" sizes="(max-width: 513px) 100vw, 513px" /></a></div>
<div>こんな感じ。</div>
<div></div>
<div>あまり変わらないが、コンパクトにまとまっていて情報がわかりやすいのと、</div>
<div>あとは大きな理由としてAPI経由での投稿でユーザーが入力した内容以外で定型文を入れることが原則禁止されているため</div>
<div>そのような時の対処法としても便利な方法だ。</div>
<div></div>
<div>方法は、画像を投稿させるのではなく、指定の画像をOGPで指定した動的なダミーページを用意して、そのURLをシェアするイメージ。</div>
<div></div>
<div>上記の例では</div>
<div>


		<div id="crayon-64953fd595882277741596" 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;!doctype html&gt;
&lt;html&gt;
&lt;head&gt;
&lt;meta charset="UTF-8"&gt;
&lt;meta property="og:title" content="ソチオリンピック日本代表を応援しよう！" /&gt;
&lt;meta property="og:type" content="article" /&gt;
&lt;meta property="og:description" content="ソチオリンピック日本代表を応援しよう！ソチオリンピック日本代表を応援しよう！" /&gt;
&lt;meta property="og:image" content="http://img.hoge.com/1.png" /&gt;
&lt;meta property="og:site_name" content="ソチオリンピック日本代表を応援しよう！" /&gt;

&lt;meta name="keywords" content="ソチオリンピック、オリンピック、ソチ" /&gt;
&lt;meta name="description" content="ソチオリンピック日本代表を応援しよう！ソチオリンピック日本代表を応援しよう！" /&gt;
&lt;title&gt;ソチオリンピック日本代表を応援しよう！&lt;/title&gt;

&lt;/head&gt;
&lt;body　onload="window.location.href='/';"&gt;
&lt;/body&gt;
&lt;/html&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-64953fd595882277741596-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd595882277741596-2">2</div><div class="crayon-num" data-line="crayon-64953fd595882277741596-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd595882277741596-4">4</div><div class="crayon-num" data-line="crayon-64953fd595882277741596-5">5</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd595882277741596-6">6</div><div class="crayon-num" data-line="crayon-64953fd595882277741596-7">7</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd595882277741596-8">8</div><div class="crayon-num" data-line="crayon-64953fd595882277741596-9">9</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd595882277741596-10">10</div><div class="crayon-num" data-line="crayon-64953fd595882277741596-11">11</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd595882277741596-12">12</div><div class="crayon-num" data-line="crayon-64953fd595882277741596-13">13</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd595882277741596-14">14</div><div class="crayon-num" data-line="crayon-64953fd595882277741596-15">15</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd595882277741596-16">16</div><div class="crayon-num" data-line="crayon-64953fd595882277741596-17">17</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd595882277741596-18">18</div></div>
				</td>
						<td class="crayon-code"><div class="crayon-pre" style="font-size: 13px !important; line-height: 18px !important; -moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;"><div class="crayon-line" id="crayon-64953fd595882277741596-1"><span class="crayon-n">&lt;!doctype html&gt;</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd595882277741596-2"><span class="crayon-r ">&lt;html&gt;</span></div><div class="crayon-line" id="crayon-64953fd595882277741596-3"><span class="crayon-r ">&lt;head&gt;</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd595882277741596-4"><span class="crayon-r ">&lt;meta </span><span class="crayon-e ">charset</span>=<span class="crayon-s ">"UTF-8"</span><span class="crayon-r ">&gt;</span></div><div class="crayon-line" id="crayon-64953fd595882277741596-5"><span class="crayon-r ">&lt;meta </span><span class="crayon-e ">property</span>=<span class="crayon-s ">"og:title"</span><span class="crayon-h"> </span><span class="crayon-e ">content</span>=<span class="crayon-s ">"ソチオリンピック日本代表を応援しよう！"</span><span class="crayon-r "> /&gt;</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd595882277741596-6"><span class="crayon-r ">&lt;meta </span><span class="crayon-e ">property</span>=<span class="crayon-s ">"og:type"</span><span class="crayon-h"> </span><span class="crayon-e ">content</span>=<span class="crayon-s ">"article"</span><span class="crayon-r "> /&gt;</span></div><div class="crayon-line" id="crayon-64953fd595882277741596-7"><span class="crayon-r ">&lt;meta </span><span class="crayon-e ">property</span>=<span class="crayon-s ">"og:description"</span><span class="crayon-h"> </span><span class="crayon-e ">content</span>=<span class="crayon-s ">"ソチオリンピック日本代表を応援しよう！ソチオリンピック日本代表を応援しよう！"</span><span class="crayon-r "> /&gt;</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd595882277741596-8"><span class="crayon-r ">&lt;meta </span><span class="crayon-e ">property</span>=<span class="crayon-s ">"og:image"</span><span class="crayon-h"> </span><span class="crayon-e ">content</span>=<span class="crayon-s ">"http://img.hoge.com/1.png"</span><span class="crayon-r "> /&gt;</span></div><div class="crayon-line" id="crayon-64953fd595882277741596-9"><span class="crayon-r ">&lt;meta </span><span class="crayon-e ">property</span>=<span class="crayon-s ">"og:site_name"</span><span class="crayon-h"> </span><span class="crayon-e ">content</span>=<span class="crayon-s ">"ソチオリンピック日本代表を応援しよう！"</span><span class="crayon-r "> /&gt;</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd595882277741596-10">&nbsp;</div><div class="crayon-line" id="crayon-64953fd595882277741596-11"><span class="crayon-r ">&lt;meta </span><span class="crayon-e ">name</span>=<span class="crayon-s ">"keywords"</span><span class="crayon-h"> </span><span class="crayon-e ">content</span>=<span class="crayon-s ">"ソチオリンピック、オリンピック、ソチ"</span><span class="crayon-r "> /&gt;</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd595882277741596-12"><span class="crayon-r ">&lt;meta </span><span class="crayon-e ">name</span>=<span class="crayon-s ">"description"</span><span class="crayon-h"> </span><span class="crayon-e ">content</span>=<span class="crayon-s ">"ソチオリンピック日本代表を応援しよう！ソチオリンピック日本代表を応援しよう！"</span><span class="crayon-r "> /&gt;</span></div><div class="crayon-line" id="crayon-64953fd595882277741596-13"><span class="crayon-r ">&lt;title&gt;</span><span class="crayon-i ">ソチオリンピック日本代表を応援しよう！</span><span class="crayon-r ">&lt;/title&gt;</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd595882277741596-14">&nbsp;</div><div class="crayon-line" id="crayon-64953fd595882277741596-15"><span class="crayon-r ">&lt;/head&gt;</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd595882277741596-16"><span class="crayon-r ">&lt;body　onload="window.location.href='/';"&gt;</span></div><div class="crayon-line" id="crayon-64953fd595882277741596-17"><span class="crayon-r ">&lt;/body&gt;</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd595882277741596-18"><span class="crayon-r ">&lt;/html&gt;</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>


</div>
<div>のようなHTMLを動的に生成し、ユーザーごとの画像と定型文を記載している。</div>
<div>こちらは動的なページなので、例えばhttp://hoge.com/?id=xxx</div>
<div>などとなってしまい、直接アクセスされるとよくわからないページが表示されてしまう。</div>
<div>それを回避するために、16行目のように</div>
<div>


		<div id="crayon-64953fd595886097209395" 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;body　onload="window.location.href='/';"&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-64953fd595886097209395-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-64953fd595886097209395-1"><span class="crayon-r ">&lt;body　onload="window.location.href='/';"&gt;</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>


</div>
<div>と、ここではトッページにリダイレクトさせている。</div>
<div></div>
<div>余談だが、スマホを重視する場合投稿する画像のサイズは</div>
<div>468 x 245がベストらしい。</div>
<p>&nbsp;</p>

【Facebook】Graph APIでかっこ良く画像を投稿する方法

<p>先日のお仕事でつまづくことがありましたので備忘録までに共有です。</p>
<p>とあるサイトをローンチする際、Facebookのフィードにいいねが流れてこないということで分かりました。</p>
<p>現在、fb:app_idやfb:adminsが設置されていないサイトでのいいねボタンはユーザのタイムラインやアクティビティログに表示されません。</p>
<p>それはつまり、他のユーザーの目に触れることがなく、いいねボタンはソーシャル要素がない単なるいいねカウンターと化します。</p>
<p>&nbsp;</p>
<p>詳しくは、以下のブログで詳細と見解が記載されています。</p>
<p><a href="http://snowadays.jp/2012/09/788" target="_blank">「fb:app_id」とか「fb:admins」って何のために必要なの？（OGP的な意味で）</a></p>
<p>&nbsp;</p>
<blockquote><p>ここからはあくまで一説でしかありませんが、どうやらFacebookは、世の中のいいね！ボタンの管理者を把握しておきたいようです。</p>
<p>どういうことかと言うと、海外ではこのいいね！ボタン、結構裁判沙汰になったりとかいろいろトラブルも起きてます。「いいね！詐欺」みたいな。<br />
で、いわゆる「不正ないいね！ボタン」とでもいいましょうか、そういうやつの監視に苦労してるわけです。<br />
例えば、外部のアフィサイトにプラグインのいいね！ボタンがあって、スクリプト組んでそのボタンを押せばポイントがもらえる、とか。<br />
そんなの簡単に作れちゃうわけで。</p>
<p>そういう輩の対策として、Facebookが考えた作戦が、この「Facebookアプリ必須」作戦。<br />
現状、Facebookアプリを作成するにはアカウントの認証作業が必要になります。<br />
認証作業は、クレジットカードもしくは携帯電話が必要です。</p></blockquote>
<p>上記ブログから引用させて頂きましたが、こちらの見解がしっくりと来ました。</p>
<p>&nbsp;</p>
<p>Facebookのデバッカーを通して、エラーが出なければ問題ありません。</p>
<p><a href="https://developers.facebook.com/tools/debug" target="_blank">https://developers.facebook.com/tools/debug</a></p>
<p>&nbsp;</p>


いいねボタンにはfb:app_idやfb:adminsが必須

<p>以前にiphone5で<a href="/officer/iphone5au%E3%81%AE%E6%B6%B2%E6%99%B6%E5%89%B2%E3%82%8C%E3%81%8B%E3%82%89%E3%82%B8%E3%83%BC%E3%83%8B%E3%82%A2%E3%82%B9%E3%83%90%E3%83%BC%E3%81%A7%E4%BA%A4%E6%8F%9B%E3%81%BE%E3%81%A7%E3%81%AE%E9%A1%9B.html" target="_blank">ジーニアスバーにお世話になった記事</a>を書きましたが、今回はmacbookairの電源ケーブルが断線したということで、ジーニアスバーに行ってきました。</p>
<h2>Genius Barの予約</h3>
<p>前回ご紹介した通り、Genius Barへの予約はiphoneアプリの「<strong>Apple Store</strong>」が便利です。</p>
<p>今回は、行ったことのない銀座のapple storeの予約をしました。土曜日ということもありましが、午後18時の一箇所しか空いておりませんでした。</p>
<h2>Genius Barにて</h3>
<p>銀座のGenius Barは4階にあるんですね。おしゃれな透明なエレベーターに乗り、2階、3階のイベントスペースのようなフロアを見ながら上がっていきます。</p>
<p>4階に着くとあいかわらず盛況です。予約した旨を伝えて待っておりましたが、やはり、10分〜15分程度は待ちました。</p>
<p>ようやく通され、早速電源ケーブルが断線したという要件を伝えると</p>
<p>「<strong>macのシリアルを確認させてください！</strong>」</p>
<p>と一言。</p>
<p>「え、電源ケーブルは持って来たけどmacの本体なんて持って来てないんですけど・・・・・。」</p>
<p>ということでサポートを受けるためには、macのシリアルが必要です。</p>
<p>私の場合は、購入履歴から辿ることが出来ました。</p>
<p>但し、更なる関門が。</p>
<p>当たり前の話といえば当たり前なんですが、<strong>保証期間の1年</strong>がどちらにしても過ぎておりました。</p>
<p>また、最後に断線の状況を見てもらったところ、自然故障の類でないと保証が出来ない可能性があるとのことでした。</p>
<p>&nbsp;</p>
<p>ということで、同時に断線した購入一年以内のiphone5のケーブルだけ変えてもらって帰りました。</p>
<h2>まとめ</h3>
<p>ここで、スタッフの方にお聞きした内容を含めてまとめます。</p>
<ul>
<li>電源ケーブルでもmac本体を持っていくか、シリアル番号を控えて持っていけ！</li>
</ul>
<p>→本体からシリアルIDの調べ方は<a href="http://support.apple.com/kb/HT1941?viewlocale=ja_JP" target="_blank">こちら</a>、osからシリアルIDの調べ方は<a href="http://support.apple.com/kb/HT1529?viewlocale=ja_JP" target="_blank">こちら</a></p>
<ul>
<li>本体保証は1年間。3年間の延長サポートを受けたければAppleCare Protection Plan に入れ！</li>
</ul>
<p>→<a href="http://store.apple.com/jp/product/MD015J/A/macbook-macbook-air-13-macbook-pro-applecare-protection-plan" target="_blank">macbook air</a>で￥24,800、<a href="http://store.apple.com/jp/product/MD013J/A/applecare-protection-plan-for-15%E3%82%A4%E3%83%B3%E3%83%8117%E3%82%A4%E3%83%B3%E3%83%81macbook-pro15%E3%82%A4%E3%83%B3%E3%83%81macbook-pro-retina%E3%83%87%E3%82%A3%E3%82%B9%E3%83%97%E3%83%AC%E3%82%A4%E3%83%A2%E3%83%87%E3%83%AB" target="_blank">macbook pro ratina 15</a>なら￥34,800だ！高い！</p>
<blockquote><p>AppleCare Protection Plan（3年）<br />
・本体購入から一年以内ならいつでも加入できる。<br />
・電源アダプタなどの付属アクセサリも保証。<br />
・落下/物損/水没/天災/盗難等は保証外。<br />
・保証内の修理であれば保証額、保証回数共に無制限。<br />
・無制限の電話サポート<br />
・修理に出す際の送料も無料<br />
・消耗したバッテリーの交換は保証外<br />
・メモリやHDを自分で交換した場合、交換の際の不備が故障の原因と認定された場合は保証外</p></blockquote>
<ul>
<li>状態によっては、故意による故障とみなされることもあるから注意しろ！</li>
</ul>
<p>→巻き方はフワッと<a href="http://www.monster-dive.com/blog/tools_software/20131005_001081.php" target="_blank">このサイト</a>のお手本のように。</p>
<h2>あとがき</h3>
<p>電源ケーブルが交換してもらえなかったので、amazonでとても安い互換アダプターがあったので購入しましたが、初日から接触が悪く充電出来ないことがあるという有り様で即返品させてもらいました。</p>
<p>レビューを見てみると大分個体差があるようで、私はハズレを引いたようでしたorz</p>


macbook電源ケーブルの断線からジーニアスバーまでの顛末

<p>今まで気付かなかった！GoogleAppsの空き容量が復活する方法があったのでご紹介します。</p>
<p>弊社では、GoogleAppsを導入し、Gmail、Googleカレンダー、Googleドライブで業務を遂行しています。</p>
<p>無料プランが存在していた時に導入をしていたので、幸い50ユーザーまで無料で使うことが出来ますが、容量が15GBと制限されています。</p>
<p>この15GBの容量というのが、GmailとGoogleドライブを合算した容量となっておりまして、日々の業務を遂行する上で、プレゼン資料や、psdやaiファイルなどを共有しているとあっという間に数GBになってしまいます。</p>
<p>ですので、日々プロジェクトが終了すると、社内のローカルサーバにファイルを移動して、Googleドライブの容量を確保するという運用をしておりますが、先日気づくと既に14GBほど、空き容量が1GBを切っている状態になっていました。</p>
<p>定期的にGoogleドライブのファイルは移動しているし、</p>
<p><a href="https://www.google.com/settings/storage">https://www.google.com/settings/storage</a></p>
<p>ここで容量を見てみると、Googleドライブが半分以上利用していることになっていました。</p>
<p>何よりPCで保存してあるGoogleドライブの容量と異なっていることが気になりました。</p>
<p>余計なファイルでもないかとWeb版のGoogleドライブにアクセスして判明致しました。</p>
<p><a href="/uploads-archive/2013/11/1e3b01d5bb877c22c335a08f09763d98.jpg"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-3687" alt="スター付き_-_Google_Drive-6" src="/uploads-archive/2013/11/1e3b01d5bb877c22c335a08f09763d98-300x196.jpg" width="300" height="196" srcset="/uploads-archive/2013/11/1e3b01d5bb877c22c335a08f09763d98-300x196.jpg 300w, /uploads-archive/2013/11/1e3b01d5bb877c22c335a08f09763d98-228x149.jpg 228w, /uploads-archive/2013/11/1e3b01d5bb877c22c335a08f09763d98.jpg 866w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>&nbsp;</p>
<p>なんと左カラムに「ゴミ箱」なるものが！！！</p>
<p>ここに今まで削除したファイルがたんまり溜まっていました。</p>
<p>ゴミ箱を空にしたところ</p>
<p><a href="/uploads-archive/2013/11/0a415c7d9e8bffbba020d538ce31e468.jpg"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-3688" alt="ドライブ_ストレージ-2" src="/uploads-archive/2013/11/0a415c7d9e8bffbba020d538ce31e468-295x300.jpg" width="295" height="300" srcset="/uploads-archive/2013/11/0a415c7d9e8bffbba020d538ce31e468-295x300.jpg 295w, /uploads-archive/2013/11/0a415c7d9e8bffbba020d538ce31e468-228x231.jpg 228w, /uploads-archive/2013/11/0a415c7d9e8bffbba020d538ce31e468.jpg 511w" sizes="(max-width: 295px) 100vw, 295px" /></a></p>
<p>&nbsp;</p>
<p>5GB以上の空き容量が出来ましたとさ。</p>
<p>Web版は滅多にアクセスしないからそりゃ気が付かないって。</p>
<p>容量が逼迫している人はどうぞお試しあれ。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>


GoogleAppsの空き容量回復！ドライブのゴミ箱に要注意！

<p>MTでサイトを運用しており、例えば以下のように</p>
<p><label for="sample1_1"><input id="sample1_1" type="radio" name="saple1" />東京</label><br />
<label for="sample1_2"><input id="sample1_2" type="radio" name="saple1" />埼玉</label><br />
<label for="sample1_3"><input id="sample1_3" type="radio" name="saple1" />神奈川</label><br />
<label for="sample1_4"><input id="sample1_4" type="radio" name="saple1" />茨城</label></p>
<p><a href="/uploads-archive/2013/11/1.png"><img decoding="async" loading="lazy" class="alignnone  wp-image-3659" alt="1" src="/uploads-archive/2013/11/1.png" width="526" height="398" srcset="/uploads-archive/2013/11/1.png 876w, /uploads-archive/2013/11/1-300x227.png 300w, /uploads-archive/2013/11/1-228x172.png 228w" sizes="(max-width: 526px) 100vw, 526px" /></a></p>
<p>&nbsp;</p>
<p>エリアを選択させるラジオボタンのリストがあったとして、</p>
<p>途中で複数選択にしてほしいという要望はよくありそうで、実際に起こってしまったのでその対応方法。</p>
<p>要は<br />
<label for="sample2_1"><input id="sample2_1" type="checkbox" name="saple2" />東京</label><br />
<label for="sample2_2"><input id="sample2_2" type="checkbox" name="saple2" />埼玉</label><br />
<label for="sample2_3"><input id="sample2_3" type="checkbox" name="saple2" />神奈川</label><br />
<label for="sample2_4"><input id="sample2_4" type="checkbox" name="saple2" />茨城</label></p>
<p><a href="/uploads-archive/2013/11/2.png"><img decoding="async" loading="lazy" class="alignnone  wp-image-3660" alt="2" src="/uploads-archive/2013/11/2.png" width="526" height="482" srcset="/uploads-archive/2013/11/2.png 876w, /uploads-archive/2013/11/2-300x275.png 300w, /uploads-archive/2013/11/2-228x209.png 228w" sizes="(max-width: 526px) 100vw, 526px" /></a></p>
<p>のようにしたいというもの。</p>
<p>単純にラジオボタンのフィールドを削除して新しくチェックボックスグループを追加すれば済む話だが</p>
<p>入力済みの記事がたくさんある場合は打ち直しがとてつもなく大変なため、DBを操作して無理やりチェックボックスグループに変更する方法。</p>
<p>使うのは以下2つのテーブル</p>
<p>&nbsp;</p>
<p>■mt_fieldテーブル</p>
<p>+&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;-+&#8212;&#8212;&#8212;&#8212;&#8211;+&#8212;&#8212;+&#8212;&#8211;+&#8212;&#8212;&#8212;+&#8212;&#8212;&#8212;&#8212;&#8212;-+</p>
<p>| Field             | Type         | Null | Key | Default | Extra          |</p>
<p>+&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;-+&#8212;&#8212;&#8212;&#8212;&#8211;+&#8212;&#8212;+&#8212;&#8211;+&#8212;&#8212;&#8212;+&#8212;&#8212;&#8212;&#8212;&#8212;-+</p>
<p>| field_id          | int(11)      | NO   | PRI | NULL    | auto_increment |</p>
<p>| field_basename    | varchar(255) | YES  | MUL | NULL    |                |</p>
<p>| field_blog_id     | int(11)      | YES  | MUL | NULL    |                |</p>
<p>| field_default     | mediumtext   | YES  |     | NULL    |                |</p>
<p>| field_description | mediumtext   | YES  |     | NULL    |                |</p>
<p>| field_name        | varchar(255) | NO   | MUL | NULL    |                |</p>
<p>| field_obj_type    | varchar(50)  | NO   | MUL | NULL    |                |</p>
<p>| field_options     | mediumtext   | YES  |     | NULL    |                |</p>
<p>| field_required    | tinyint(4)   | YES  |     | NULL    |                |</p>
<p>| field_tag         | varchar(255) | NO   |     | NULL    |                |</p>
<p>| field_type        | varchar(50)  | NO   | MUL | NULL    |                |</p>
<p>+&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;-+&#8212;&#8212;&#8212;&#8212;&#8211;+&#8212;&#8212;+&#8212;&#8211;+&#8212;&#8212;&#8212;+&#8212;&#8212;&#8212;&#8212;&#8212;-+</p>
<p>&nbsp;</p>
<p>■mt_entry_metaテーブル</p>
<p>+&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8211;+&#8212;&#8212;&#8212;&#8212;&#8211;+&#8212;&#8212;+&#8212;&#8211;+&#8212;&#8212;&#8212;+&#8212;&#8212;-+</p>
<p>| Field                    | Type         | Null | Key | Default | Extra |</p>
<p>+&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8211;+&#8212;&#8212;&#8212;&#8212;&#8211;+&#8212;&#8212;+&#8212;&#8211;+&#8212;&#8212;&#8212;+&#8212;&#8212;-+</p>
<p>| entry_meta_entry_id      | int(11)      | NO   | PRI | NULL    |       |</p>
<p>| entry_meta_type          | varchar(75)  | NO   | PRI | NULL    |       |</p>
<p>| entry_meta_vchar         | varchar(255) | YES  |     | NULL    |       |</p>
<p>| entry_meta_vchar_idx     | varchar(255) | YES  |     | NULL    |       |</p>
<p>| entry_meta_vdatetime     | datetime     | YES  |     | NULL    |       |</p>
<p>| entry_meta_vdatetime_idx | datetime     | YES  |     | NULL    |       |</p>
<p>| entry_meta_vinteger      | int(11)      | YES  |     | NULL    |       |</p>
<p>| entry_meta_vinteger_idx  | int(11)      | YES  |     | NULL    |       |</p>
<p>| entry_meta_vfloat        | float        | YES  |     | NULL    |       |</p>
<p>| entry_meta_vfloat_idx    | float        | YES  |     | NULL    |       |</p>
<p>| entry_meta_vblob         | mediumblob   | YES  |     | NULL    |       |</p>
<p>| entry_meta_vclob         | mediumtext   | YES  |     | NULL    |       |</p>
<p>+&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8211;+&#8212;&#8212;&#8212;&#8212;&#8211;+&#8212;&#8212;+&#8212;&#8211;+&#8212;&#8212;&#8212;+&#8212;&#8212;-+</p>
<p>&nbsp;</p>
<p>まずカスタムフィールド自体のIDを用意する。</p>
<p>/mt.cgi?__mode=view&amp;_type=field&amp;blog_id=17&amp;id=906&amp;saved=1&amp;saved_added=1</p>
<p>例えばこのようなURLの場合、906がIDとなる。</p>
<p>これを使い、</p>

		<div id="crayon-64953fd5941a5252337217" 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">MySQL</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;">
SELECT * FROM mt_field where field_id=906;</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-64953fd5941a5252337217-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-64953fd5941a5252337217-1"><span class="crayon-st">SELECT</span><span class="crayon-h"> </span>*<span class="crayon-h"> </span><span class="crayon-st">FROM</span><span class="crayon-h"> </span>mt_field<span class="crayon-h"> </span><span class="crayon-st">where</span><span class="crayon-h"> </span>field_id<span class="crayon-o">=</span>906;</div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>などのようにSELECT文を実行して項目を確認。</p>
<p>field_typeがradioになっていることを確認し</p>

		<div id="crayon-64953fd5941aa356579294" 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">MySQL</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;">
UPDATE mt_field SET field_type='checkbox_group' where field_id=906;</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-64953fd5941aa356579294-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-64953fd5941aa356579294-1"><span class="crayon-st">UPDATE</span><span class="crayon-h"> </span>mt_field<span class="crayon-h"> </span><span class="crayon-st">SET</span><span class="crayon-h"> </span>field_type=<span class="crayon-s">'checkbox_group'</span><span class="crayon-h"> </span><span class="crayon-st">where</span><span class="crayon-h"> </span>field_id<span class="crayon-o">=</span>906;</div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>を実行してfield_typeをcheckbox_groupに変更する。</p>
<p>次に該当カスタムフィールドのベースネームを確認しておき、今回の場合だと</p>

		<div id="crayon-64953fd5941ab000998575" 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">MySQL</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;">
select entry_meta_entry_id,entry_meta_vchar,entry_meta_vchar_idx from mt_entry_meta where entry_meta_type like "%entry_area%";</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-64953fd5941ab000998575-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-64953fd5941ab000998575-1"><span class="crayon-st">select</span><span class="crayon-h"> </span>entry_meta_entry_id,entry_meta_vchar,entry_meta_vchar_idx<span class="crayon-h"> </span><span class="crayon-st">from</span><span class="crayon-h"> </span>mt_entry_meta<span class="crayon-h"> </span><span class="crayon-st">where</span><span class="crayon-h"> </span>entry_meta_type<span class="crayon-h"> </span><span class="crayon-st">like</span><span class="crayon-h"> </span><span class="crayon-s">"%entry_area%"</span>;</div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>などのようにして現在該当カスタムフィールドを使っている記事を確認する。</p>
<p>ラジオボタンのリストはカンマ区切りでentry_meta_vchar_idxカラムにデータが入っているが</p>
<p>チェックボックスリストはentry_meta_vcharカラムを使用するため</p>

		<div id="crayon-64953fd5941ac987169711" 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">MySQL</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;">
update mt_entry_meta set entry_meta_vchar=entry_meta_vchar_idx where entry_meta_type like "%entry_area%";</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-64953fd5941ac987169711-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-64953fd5941ac987169711-1"><span class="crayon-st">update</span><span class="crayon-h"> </span>mt_entry_meta<span class="crayon-h"> </span><span class="crayon-st">set</span><span class="crayon-h"> </span>entry_meta_vchar<span class="crayon-o">=</span>entry_meta_vchar_idx<span class="crayon-h"> </span><span class="crayon-st">where</span><span class="crayon-h"> </span>entry_meta_type<span class="crayon-h"> </span><span class="crayon-st">like</span><span class="crayon-h"> </span><span class="crayon-s">"%entry_area%"</span>;</div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>を実行して entry_meta_vcharにentry_meta_vchar_idxを入れてします。</p>
<p>checkbox_groupはentry_meta_vchar_idxカラムを使用しないため、値はそのままとっておいてOK。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>

【MovableType】MoreCustomFieldsでラジオボタンをチェックボックスに変更する

<p>mailto構文でメールを送る機能において文字コードをどうするか？</p>
<p>これは、今後も必ず発生する課題となるので、備忘録を兼ねてまとめておきたいと思います。</p>
<h2>結論</h3>
<p>まず、簡単に結論から述べてしまうと、</p>
<ul>
<li>UTF-8では、Windows環境Outlook系で文字化け</li>
<li>ShiftJISでは、Gmail、Thunderbird等で文字化け</li>
<li>すべての環境、メーラーで対応する術はなし</li>
</ul>
<p>となります。</p>
<h2>どちらも一長一短</h3>
<p>ご自身の環境で試されたい方はこちらが参考になります。</p>
<p><a href="http://dd-kaihatsu-room.blogspot.jp/2013/04/mailtoutf-8sjis.html" target="_blank">http://dd-kaihatsu-room.blogspot.jp/2013/04/mailtoutf-8sjis.html</a></p>
<p>Windows環境はS-JIS、それ以外のグローバルサービスではUTF-8がサポートされています。</p>
<p>メーラーを選択して、文字コードを出し分けるということは難しいため、上記のサイトのように</p>
<p>S-JISとUTF-8の両方のリンクを出さない限り、文字化けを回避することは出来ません。</p>
<p>&nbsp;</p>
<p>また、Outlook2007以降のようですと、UTF-8をサポートするというオプションがあるようですが、サイト上から一般のユーザー様にこのような操作を強いるのは酷ですね。</p>
<p><a href="http://www.justhpbs.jp/hpb16/outlook-mailto.html" target="_blank">http://www.justhpbs.jp/hpb16/outlook-mailto.html</a></p>
<h2>考察</h3>
<p>ということで、じゃあどうするのがベストなのかというのを、考察してみました。</p>
<p>通常のプロセスですとシェアに応じてプライオリティを定めるというのが王道かと思いますが、残念ながらメーラーシェアの統計でここ一年のようなものは容易に見つけることは出来ませんでした。</p>
<p>Gmialやsmartphoneが普及した昨今、WindowsベースのOutlookはシェアが落ちていることは確実かと思いますので、UTF-8一択でいいと結論着けてしまっていいものでしょうか？</p>
<p>私が考えたのは以下です。</p>
<ul>
<li>メールで送るという行為自体がレガシーなものになりつつある。</li>
<li>シェアする方法としてTwitterやFacebookが普及している。</li>
</ul>
<p>という前提からGmailやThunderbirdを使いこなすユーザーは、他の方法でシェアをする。</p>
<p>メールで送るという機能を使うユーザーこそ、Windows系に合致するため、メーラーはShiftJISで設定しておくのがベストではないかと考えます。</p>


メーラーの文字コードはUTF-8とS-JISどちらがいい？

<p>Pathみたいなナビゲーションが作れるjQueryプラグイン ferroMenuを使ってみた。</p>
<p><a class="demo" href="/demo/hoshino/49/">デモ</a></p>
<p>&nbsp;</p>
<p>以下設置方法</p>
<p>&nbsp;</p>

		<div id="crayon-64953fd593a7d220585936" 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;link rel="stylesheet" href="css/jquery.ferro.ferroMenu.css" /&gt;
&lt;script src="js/jquery.ferro.ferroMenu-1.0.min.js" type="text/javascript"&gt;&lt;/script&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-64953fd593a7d220585936-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd593a7d220585936-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-64953fd593a7d220585936-1"><span class="crayon-r ">&lt;link </span><span class="crayon-e ">rel</span>=<span class="crayon-s ">"stylesheet"</span><span class="crayon-h"> </span><span class="crayon-e ">href</span>=<span class="crayon-s ">"css/jquery.ferro.ferroMenu.css"</span><span class="crayon-r "> /&gt;</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd593a7d220585936-2"><span class="crayon-ta">&lt;script </span><span class="crayon-e ">src</span>=<span class="crayon-s">"js/jquery.ferro.ferroMenu-1.0.min.js"</span><span class="crayon-h"> </span><span class="crayon-e ">type</span>=<span class="crayon-s">"text/javascript"</span><span class="crayon-h">&gt;</span><span class="crayon-ta">&lt;/script&gt;</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>まずはダウンロードしたファイルを読み込む。</p>
<p>CSSは必ず読み込んだ方が良い。ただ、デフォルトで#navに対してスタイルをかけているが</p>
<p>変更が容易は容易だった。</p>
<p>&nbsp;</p>

		<div id="crayon-64953fd593a81910894925" 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()
{
	$("#left-bottom").ferroMenu();
});</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-64953fd593a81910894925-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd593a81910894925-2">2</div><div class="crayon-num" data-line="crayon-64953fd593a81910894925-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd593a81910894925-4">4</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-64953fd593a81910894925-1"><span class="crayon-sy">$</span><span class="crayon-sy">(</span><span class="crayon-r">document</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-t">function</span><span class="crayon-sy">(</span><span class="crayon-sy">)</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd593a81910894925-2"><span class="crayon-sy">{</span></div><div class="crayon-line" id="crayon-64953fd593a81910894925-3"><span class="crayon-h">	</span><span class="crayon-sy">$</span><span class="crayon-sy">(</span><span class="crayon-s">"#left-bottom"</span><span class="crayon-sy">)</span><span class="crayon-sy">.</span><span class="crayon-e">ferroMenu</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-64953fd593a81910894925-4"><span class="crayon-sy">}</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>次にターゲットに対して ferroMenu関数を実行する。</p>
<p>1ページに複数ターゲットを置いて別々に指定したらエラーになり最後のものしか実行されなかった。</p>
<p>&nbsp;</p>

		<div id="crayon-64953fd593a82857719733" 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;ul id="left-bottom" class="nav"&gt;
    &lt;li&gt;&lt;a href="#"&gt;&lt;i&gt;1&lt;/i&gt;&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="#"&gt;&lt;i&gt;2&lt;/i&gt;&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="#"&gt;&lt;i&gt;3&lt;/i&gt;&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="#"&gt;&lt;i&gt;4&lt;/i&gt;&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="#"&gt;&lt;i&gt;5&lt;/i&gt;&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="#"&gt;&lt;i&gt;6&lt;/i&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&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-64953fd593a82857719733-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd593a82857719733-2">2</div><div class="crayon-num" data-line="crayon-64953fd593a82857719733-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd593a82857719733-4">4</div><div class="crayon-num" data-line="crayon-64953fd593a82857719733-5">5</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd593a82857719733-6">6</div><div class="crayon-num" data-line="crayon-64953fd593a82857719733-7">7</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd593a82857719733-8">8</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-64953fd593a82857719733-1"><span class="crayon-r ">&lt;ul </span><span class="crayon-e ">id</span>=<span class="crayon-s ">"left-bottom"</span><span class="crayon-h"> </span><span class="crayon-e ">class</span>=<span class="crayon-s ">"nav"</span><span class="crayon-r ">&gt;</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd593a82857719733-2"><span class="crayon-i ">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-r ">&lt;li&gt;</span><span class="crayon-r ">&lt;a </span><span class="crayon-e ">href</span>=<span class="crayon-s ">"#"</span><span class="crayon-r ">&gt;</span><span class="crayon-r ">&lt;i&gt;</span><span class="crayon-i ">1</span><span class="crayon-r ">&lt;/i&gt;</span><span class="crayon-r ">&lt;/a&gt;</span><span class="crayon-r ">&lt;/li&gt;</span></div><div class="crayon-line" id="crayon-64953fd593a82857719733-3"><span class="crayon-i ">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-r ">&lt;li&gt;</span><span class="crayon-r ">&lt;a </span><span class="crayon-e ">href</span>=<span class="crayon-s ">"#"</span><span class="crayon-r ">&gt;</span><span class="crayon-r ">&lt;i&gt;</span><span class="crayon-i ">2</span><span class="crayon-r ">&lt;/i&gt;</span><span class="crayon-r ">&lt;/a&gt;</span><span class="crayon-r ">&lt;/li&gt;</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd593a82857719733-4"><span class="crayon-i ">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-r ">&lt;li&gt;</span><span class="crayon-r ">&lt;a </span><span class="crayon-e ">href</span>=<span class="crayon-s ">"#"</span><span class="crayon-r ">&gt;</span><span class="crayon-r ">&lt;i&gt;</span><span class="crayon-i ">3</span><span class="crayon-r ">&lt;/i&gt;</span><span class="crayon-r ">&lt;/a&gt;</span><span class="crayon-r ">&lt;/li&gt;</span></div><div class="crayon-line" id="crayon-64953fd593a82857719733-5"><span class="crayon-i ">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-r ">&lt;li&gt;</span><span class="crayon-r ">&lt;a </span><span class="crayon-e ">href</span>=<span class="crayon-s ">"#"</span><span class="crayon-r ">&gt;</span><span class="crayon-r ">&lt;i&gt;</span><span class="crayon-i ">4</span><span class="crayon-r ">&lt;/i&gt;</span><span class="crayon-r ">&lt;/a&gt;</span><span class="crayon-r ">&lt;/li&gt;</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd593a82857719733-6"><span class="crayon-i ">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-r ">&lt;li&gt;</span><span class="crayon-r ">&lt;a </span><span class="crayon-e ">href</span>=<span class="crayon-s ">"#"</span><span class="crayon-r ">&gt;</span><span class="crayon-r ">&lt;i&gt;</span><span class="crayon-i ">5</span><span class="crayon-r ">&lt;/i&gt;</span><span class="crayon-r ">&lt;/a&gt;</span><span class="crayon-r ">&lt;/li&gt;</span></div><div class="crayon-line" id="crayon-64953fd593a82857719733-7"><span class="crayon-i ">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-r ">&lt;li&gt;</span><span class="crayon-r ">&lt;a </span><span class="crayon-e ">href</span>=<span class="crayon-s ">"#"</span><span class="crayon-r ">&gt;</span><span class="crayon-r ">&lt;i&gt;</span><span class="crayon-i ">6</span><span class="crayon-r ">&lt;/i&gt;</span><span class="crayon-r ">&lt;/a&gt;</span><span class="crayon-r ">&lt;/li&gt;</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd593a82857719733-8"><span class="crayon-r ">&lt;/ul&gt;</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>ターゲットはulで指定した方が無難だった。</p>
<p>&nbsp;</p>
<p>また、以下はパラメータ一覧</p>
<p>&nbsp;</p>
<table>
<tr>
<th>パラメータ</th>
<th>値</th>
<th>デフォルト値</th>
<th>説明</th>
</tr>
<tr>
<td>closeTime</td>
<td>int</td>
<td>500</td>
<td>メニューが閉じる時の時間(ミリ秒)</td>
</tr>
<tr>
<td>delay</td>
<td>int</td>
<td>0</td>
<td>各アイテムのアニメーション開始時のディレイ</td>
</tr>
<tr>
<td>drag</td>
<td>bool</td>
<td>TRUE</td>
<td>メニューをドラッグできるか否か</td>
</tr>
<tr>
<td>easing</td>
<td>string</td>
<td>cubic-bezier(0.680, -0.550, 0.265, 1.550)</td>
<td>イージングの指定</td>
</tr>
<tr>
<td>margin</td>
<td>int</td>
<td>10</td>
<td>配置によるが、エッジに対するマージン</td>
</tr>
<tr>
<td>position</td>
<td>&#8216;left-top&#8217; | &#8216;center-top&#8217; | &#8216;right-top&#8217; | &#8216;right-bottom&#8217; |   &#8216;center-bottom&#8217; | &#8216;left-bottom&#8217; | &#8216;right-center&#8217; | &#8216;left-center&#8217; |   &#8216;center-center&#8217;</td>
<td>&#8216;left-bottom&#8217;</td>
<td>配置位置。dragがtrueであればデフォルトの位置</td>
</tr>
<tr>
<td>radius</td>
<td>int</td>
<td>100</td>
<td>アイテムの距離感</td>
</tr>
<tr>
<td>rotation</td>
<td>int</td>
<td>0</td>
<td>アイテムの回転角度</td>
</tr>
<tr>
<td>opened</td>
<td>bool</td>
<td>FALSE</td>
<td>デフォルトでメニューを開いてるか否か</td>
</tr>
<tr>
<td>openTime</td>
<td>int</td>
<td>500</td>
<td>アイテムが開くスピード(ミリ秒)</td>
</tr>
</table>

Pathみたいなナビゲーションが作れるjQueryプラグイン ferroMenu

<div class="booklink-box" style="text-align:left;padding-bottom:20px;font-size:small;/zoom: 1;overflow: hidden;">
<div class="booklink-image" style="float:left;margin:0 15px 10px 0;"><a href="http://www.amazon.co.jp/exec/obidos/asin/4382055784/sackoh71-22/" target="_blank" ><img decoding="async" src="http://ecx.images-amazon.com/images/I/41LiU0PLGVL._SL160_.jpg" style="border: none;" /></a></div>
<div class="booklink-info" style="line-height:120%;/zoom: 1;overflow: hidden;">
<div class="booklink-name" style="margin-bottom:10px;line-height:120%"><a href="http://www.amazon.co.jp/exec/obidos/asin/4382055784/sackoh71-22/" target="_blank" >知的思考の技術―考えるフレームを強化する7つのステップの思考術 (SANNOマネジメントコンセプトシリーズ)</a></p>
<div class="booklink-powered-date" style="font-size:8pt;margin-top:5px;font-family:verdana;line-height:120%">posted with <a href="http://yomereba.com" rel="nofollow" target="_blank">ヨメレバ</a></div>
</div>
<div class="booklink-detail" style="margin-bottom:5px;">産業能率大学総合研究所知的思考の技術研究プロジェクト 産能大出版部 2007-12-13    </div>
<div class="booklink-link" style="margin-top: 5px"><a href="http://www.amazon.co.jp/exec/obidos/ASIN/4382055784/sackoh71-22/" name="booklink" rel="nofollow" target="_blank">Amazon.co.jp で詳細を見る</a></div>
</div>
<div class="booklink-footer" style="clear: left"></div>
</div>
<p>久しぶりにヒットした本です。</p>
<p>思考のプロセスに関しては、本書を叩き込めば網羅されているのではないかと思うほど濃いです。</p>
<h2>目的探索の思考</h3>
<ol>
<li>考え方のポイント
<ul>
<li>考えることを疎かにしがちな思考や行動の目的を明らかにするために、何かを始めるときには自分自身に対して「そもそも何のために？」という問いかけを行うことが大切である。</li>
</ul>
</li>
<li>陥りやすい失敗
<ul>
<li>そもそも目的を考えていない。</li>
<li>目的は考えてはいるが妥当性が引くい。</li>
<li>かつては高かった目的の妥当性がいつしか失われてしまった。</li>
</ul>
</li>
<li>主なツール
<ul>
<li>状況の構造化図</li>
<li>目的の連鎖</li>
</ul>
</li>
</ol>
<h2>観察の思考</h3>
<ol>
<li>考え方のポイント
<ul>
<li>心理的要因や発信者の意図に惑わされない。</li>
<li>偏りなく多面的に物事を捉える。</li>
</ul>
</li>
<li>陥りやすい失敗
<ul>
<li>バイアスによる阻害。</li>
<li>他社の主張をそのまま受け入れてしまう。</li>
<li>ウソに騙されてしまう。</li>
</ul>
</li>
<li>主なツール
<ul>
<li>4分割マトリックス</li>
</ul>
</li>
</ol>
<h2>発想の思考</h3>
<ol>
<li>考え方のポイント
<ul>
<li>豊かなアイデアを得るためには、3つのブロックで思考を足止めされることなく自ら積極的に思考し、「量が質を生む」の原則を貫きとおすことが大切である。</li>
<li>偏りなく多面的に物事を捉える。</li>
</ul>
</li>
<li>陥りやすい失敗
<ul>
<li>アイデアが天から降ってくるのを期待して、思考することなく、ただ待ち続けてしまう。</li>
<li>発散思考と収束思考を同時に使って、思考の効率が低下する。</li>
<li>認識、感情、文化の3つのブロックに足止めされてしまい、モノの見方・考え方が偏ってしまう。</li>
</ul>
</li>
<li>主なツール
<ul>
<li>ブレイン・ストーミング法（BS法）</li>
<li>属性列挙法</li>
<li>チェックリスト法</li>
<li>欠点列挙法</li>
<li>希望点列挙法</li>
<li>ゴードン法</li>
<li>NM法</li>
</ul>
</li>
</ol>
<h2>分類の思考</h3>
<ol>
<li>考え方のポイント
<ul>
<li>分類とは、思考対象となる情報をその思考の目的に従って「違う」部分で分け、「同じ」部分でくくること。</li>
<li>分類することによって、わからないことがわかるようになる。複雑なものが単純化され、あいまいな状況が解明され、物事が整理されて使いやすくなるといったさまざまなメリットを享受できる。</li>
</ul>
</li>
<li>陥りやすい失敗
<ul>
<li>事象や問題を漠然と捉えてしまう。</li>
<li>思考の目的にあわない分類基準を設定してしまう。</li>
<li>分ける際にモレやダブリがある。</li>
</ul>
</li>
<li>主なツール
<ul>
<li>目的にあった分類基準を設定する。</li>
<li>抽象水準を統一する。</li>
<li>モレなくダブリなく分ける。（MECE）</li>
</ul>
</li>
</ol>
<h2>構造化の思考</h3>
<ol>
<li>考え方のポイント
<ul>
<li>構造化とは、思考対象について分類した構成要素（部分）がどのような関係（つながり方）にあるのかを明らかにし、思考対象（全体）の意味を理解すること。</li>
<li>この世の中に存在するものは、さまざまな要素が依存しあい、影響をあたえあい、関連しあって存在している。何かを知ろうとして思考するためには、それらすべての関係を押さえなければならない。</li>
</ul>
</li>
<li>陥りやすい失敗
<ul>
<li>組織設計、企画書、プレゼンテーションなど、あらゆるビジネスシーンで分類することはできても、「くくる」「まとめる」という構造化の思考が弱い。</li>
<li>部分は理解できるが、全体として何を伝えたいのかわからなくなってしまう。</li>
<li>人は「木を見て森を見ないタイプ」と「森を見て木を見ないタイプ」に分かれる。木も森も両方捉えるものの見方ができない。</li>
</ul>
</li>
<li>主なツール
<ul>
<li>ツリー構造</li>
<li>マトリックス構造</li>
<li>プロセス構造</li>
</ul>
</li>
</ol>
<h2>意思決定の思考</h3>
<ul>
<li>意思決定には、とっさの意思決定とじっくり考える意思決定がある。</li>
<li>特にとっさの意思決定の際には、意思決定の先送りはしない。</li>
<li>じっくり考える意思決定から&#8221;正しい反応パッケージ&#8221;を複数用意しておく。</li>
<li>反復訓練により迅速に”正しい反応パッケージ”を選択できるようにしておく。</li>
</ul>
<h2>表現の思考</h3>
<ul>
<li>思考の幅を広げるためには表現の手段を多く持つこと。</li>
<li>どのようなことでも言葉で表現（文章に書く）することを習慣付けること。</li>
<li>数字で表現することに日頃から慣れておくこと。</li>
<li>図解は見栄えではなく、シンプルでわかりやすいこと。</li>
</ul>


知的思考の技術―考えるフレームを強化する7つのステップの思考術

<p>&nbsp;</p>
<p>Android4.4が発表されましたので、備忘録を兼ねてまとめてみました。</p>
<p>個人としては、Nexus7（2013）を初めて本格的に保有するAndroid端末として購入しました。</p>
<p>ipadも保有しておりますが、一言で比較をすると、Android断片化の影響を強く受けていると感じました。</p>
<p>ipadであれば、画面サイズが決まっているため、アプリにしろWebにしろ、最適化されたサイズ操作性というものが用意されていることが多かったのですが、Androidの7インチ端末となると、アプリがスマートフォンの比率で表示されたりすることがあるため、異様にボタンの類が大きかったり、WebではPCサイトのまま表示されると7インチでは非常に小さくなってしまったりと、CPUスペックも解像度も十分で動作は申し分ないのですが、UXの部分で厳しさを感じました。</p>
<p>上記の感想を抱いていただけに、Android4.4の発表は非常に興味深いものでした。</p>
<p>&nbsp;</p>
<p>Nexus5と同時に発表されたものですが、主なポイントは下記になります。</p>
<ul>
<li>低スペックの端末でも動作可能</li>
<li>マルチタスキングの高速化</li>
<li>統合されたメッセージアプリHungout</li>
<li>絵文字の改良</li>
</ul>
<p>ここで、述べた興味深い内容というのが、低スペックの端末でも動作が可能というところです。</p>
<p>新興国ではいまだにメモリ512MBなど日本の主流端末の1/4ほどのスペックが多いとのことですが、そのような端末でも動作が可能になるように隅々まで効率化と最適化をしたとのことです。</p>
<p>バージョンアップをするにつれて、機能が増え、表現がリッチになり要求スペックを挙げていき、低スペック端末を切り捨てていくというのがソフトウェア開発の主たる流れなのかと思っていましたが、Googleのこの判断は素晴らしいと思います。</p>
<p>私がフラッグシップ端末を買って、感じていた断片化をまず、GoogleがOSレベルで収束をさせようとしているため、今後に期待です。</p>
<p>&nbsp;</p>
<h2><span style="font-size: 1em;">アップデートの提供は18ヶ月以内の発売端末に限る</span></h3>
<p>また 、リリース時期について、確認をしていたのですが、驚くべきことが分かりました。</p>
<p>GoogleのOSアップデートの提供基準が18ヶ月以内に発売された端末のみということです。</p>
<p>下記URLによると、GalaxyNEXUSは対象外になるということです。</p>
<p>断片化を取り除きつつもアップデートが18ヶ月以内というのは何とも矛盾するポリシーになっていますが、ここも今後に期待したいところです。</p>
<p><a href="https://support.google.com/nexus/answer/3507867?hl=ja&amp;ref_topic=3415518" target="_blank">https://support.google.com/nexus/answer/3507867?hl=ja&amp;ref_topic=3415518</a></p>
<p>&nbsp;</p>
<h2>参考サイト</h3>
<p><a href="http://www.android.com/versions/kit-kat-4-4/" target="_blank">http://www.android.com/versions/kit-kat-4-4/</a></p>
<p><a href="http://www.android.com/versions/kit-kat-4-4/" target="_blank">http://jp.techcrunch.com/2013/11/01/20131031android-4-4-kitkat-google/</a></p>
<p><a href="http://jp.techcrunch.com/2013/11/01/20131031android-4-4-kitkat-google/" target="_blank">http://smhn.info/201311-what-change-android-kitkat </a></p>
<p>&nbsp;</p>


Android4.4の発表アップデートの提供は18ヶ月以内の発売端末？

<p>MTのサイトで複数条件検索を作る必要があり、MTのテーブル構造について調べた。</p>
<p>&nbsp;</p>
<p>今回は例えば金額やエリアなどカスタムフィールドを多様しているため</p>
<p>mt_entryテーブルではなくmt_entry_metaから検索する必要があり、中身を調査した。</p>
<p>以下が簡単な構造</p>
<table>
<tbody>
<tr>
<td>entry_meta_entry_id</td>
<td>エントリーID</td>
</tr>
<tr>
<td>entry_meta_type</td>
<td>指定したテンプレートタグ</td>
</tr>
<tr>
<td>entry_meta_vchar</td>
<td>チェックボックスで設定された値</td>
</tr>
<tr>
<td>entry_meta_vchar_idx</td>
<td>テキストボックスで設定された値</td>
</tr>
<tr>
<td>entry_meta_vdatetime</td>
<td>日付で設定された値</td>
</tr>
<tr>
<td>entry_meta_vdatetime_idx</td>
<td>?</td>
</tr>
<tr>
<td>entry_meta_vinteger</td>
<td>チェックボックスの値?</td>
</tr>
<tr>
<td>entry_meta_vinteger_idx</td>
<td>チェックボックスの値?</td>
</tr>
<tr>
<td>entry_meta_vfloat</td>
<td>?</td>
</tr>
<tr>
<td>entry_meta_vfloat_idx</td>
<td>?</td>
</tr>
<tr>
<td>entry_meta_vblob</td>
<td>?</td>
</tr>
<tr>
<td>entry_meta_vclob</td>
<td>テキストエリアで設定された値</td>
</tr>
</tbody>
</table>
<p>&nbsp;</p>
<p>検索をかけたい項目(値段やエリアなど)に対してentry_meta_typeで絞り込み、</p>
<p>それに対する値をその後の適切なカラムから取得する。</p>
<p>注意点としては同一のエントリーIDで複数レコードあるため、</p>
<p>条件をレコードごとにマッチさせなければいけない。</p>
<p>AND検索であれば4つ条件を出したら4レコードの条件が合致しているかということをプログラムで判断する必要がある。</p>
<p>&nbsp;</p>
<p>あと、検索は上記で問題ないのだが、最も大変だったのが検索したエントリーのパスを取得すること。</p>
<p>パーマリンクの精製方法など色々と調査したが、mt_fileinfoというテーブルを発見。</p>
<p>結局これで行けそうだ。</p>


MTのテーブル構成について

<p>いよいよ、igoogleの終了が迫ってきましたね。igoogleがスタートして以来、RSSリーダーが発展しようがソーシャルメディアが出てこようが、私のブラウザのホームボタンはいつもigoogleでした。</p>
<p>調べて見ると、2005年に始まったサービスのようです。私も学生時代から使っていたことを記憶していますので、7年以上のお付き合いになるかと思います。</p>
<p>この一覧性による「新聞の一面だけ見ておけ的な」サービスが好きです。</p>
<p>ということで、googleの戦略を考えるとigoogleに留まって欲しくないのは必然だろうなと惜しまれつつも終了が近づいているので、移行先を探しています。</p>
<p>igoogle代替のサービスとして<a href="http://www.symbaloo.com/">Symbaloo</a>、<a href="http://www.ighome.com/">igHome</a>、<a href="http://www.netvibes.com/ja-jp">Netvibes</a>などが名乗りを挙げており、特に<a href="http://www.netvibes.com/ja-jp">Netvibes</a>を押すブログが多いのですが、私はあえてMy　Yahoo!を選択しました。</p>
<h2>My Yahoo!</h3>
<p><a href="/uploads-archive/2013/10/Yahoo__JAPAN-6.jpg"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-3496" alt="Yahoo__JAPAN-6" src="/uploads-archive/2013/10/Yahoo__JAPAN-6-300x142.jpg" width="300" height="142" srcset="/uploads-archive/2013/10/Yahoo__JAPAN-6-300x142.jpg 300w, /uploads-archive/2013/10/Yahoo__JAPAN-6-228x107.jpg 228w, /uploads-archive/2013/10/Yahoo__JAPAN-6.jpg 959w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>&nbsp;</p>
<p>まず、My Yahoo!への遷移ですがなんとTOPページの右横にあります。力を入れている証拠でしょうか？</p>
<p><a href="/uploads-archive/2013/10/3b76771c30e7f4a62524fe3cb5dcd512.jpg"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-3497" alt="My_Yahoo__-_Myページ-6" src="/uploads-archive/2013/10/3b76771c30e7f4a62524fe3cb5dcd512-300x167.jpg" width="300" height="167" srcset="/uploads-archive/2013/10/3b76771c30e7f4a62524fe3cb5dcd512-300x167.jpg 300w, /uploads-archive/2013/10/3b76771c30e7f4a62524fe3cb5dcd512-1024x572.jpg 1024w, /uploads-archive/2013/10/3b76771c30e7f4a62524fe3cb5dcd512-228x127.jpg 228w, /uploads-archive/2013/10/3b76771c30e7f4a62524fe3cb5dcd512.jpg 1355w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>デフォルトのトップページです。右上の領域は広告が入っています。これは固定で動かすことが出来ません。</p>
<p>&nbsp;</p>
<h3>igoogle設定エクスポート</h4>
<p><a href="/uploads-archive/2013/10/3a53b4077ab6e6901cca74c790fff10f.jpg"><img decoding="async" loading="lazy" alt="iGoogle_の設定" src="/uploads-archive/2013/10/3a53b4077ab6e6901cca74c790fff10f-300x118.jpg" width="300" height="118" /></a></p>
<p>それでは、移行の準備をしましょう！</p>
<p>igoogle&gt;igoogleの設定から最下部でエクスポートができます。</p>
<h3>igoogle移行ツール</h4>
<p>そしてここからが、My Yahoo!の真骨頂です。</p>
<p>なんとigoogleの移行ツールが用意されています。</p>
<p>広告の少し上の帯か以下のURLからアクセスしてください。</p>
<p><a href="http://docs.my.yahoo.co.jp/st/promo/change/" target="_blank">http://docs.my.yahoo.co.jp/st/promo/change/</a></p>
<p><a href="/uploads-archive/2013/10/3573bb63cb2593989d1af3436688de93.jpg"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-3498" alt="My_Yahoo_へカンタン引っ越ししよう！_-_Yahoo__JAPAN" src="/uploads-archive/2013/10/3573bb63cb2593989d1af3436688de93-300x273.jpg" width="300" height="273" srcset="/uploads-archive/2013/10/3573bb63cb2593989d1af3436688de93-300x273.jpg 300w, /uploads-archive/2013/10/3573bb63cb2593989d1af3436688de93-228x207.jpg 228w, /uploads-archive/2013/10/3573bb63cb2593989d1af3436688de93.jpg 973w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p><span style="font-size: 0.83em;">上記サイトから先ほどエクスポートをしたファイルをアップロードするだけです。</span></p>
<p><a href="/uploads-archive/2013/10/My_Yahoo__-_Home-2.jpg"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-3500" alt="My_Yahoo__-_Home-2" src="/uploads-archive/2013/10/My_Yahoo__-_Home-2-300x160.jpg" width="300" height="160" srcset="/uploads-archive/2013/10/My_Yahoo__-_Home-2-300x160.jpg 300w, /uploads-archive/2013/10/My_Yahoo__-_Home-2-1024x548.jpg 1024w, /uploads-archive/2013/10/My_Yahoo__-_Home-2-228x122.jpg 228w, /uploads-archive/2013/10/My_Yahoo__-_Home-2.jpg 1343w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>急上昇ランキングなど、GoogleのサービスでYahoo!で類似のものを持っている場合は、置き換えれるようです。</p>
<p>素敵な機能ですね！</p>
<h2>まとめ</h3>
<ul>
<li>igoogleのバックアップはお早めに！</li>
<li>My Yahoo!最大の利点はigoogle移行ツールが用意されている</li>
<li>Google独自サービスでYahoo!に類似があれば代替してくれる</li>
<li>Yahoo!検索もGoogleと同じアルゴリズムなので、検索結果に差はない</li>
</ul>
<p>ということで、Yahoo!の依存度が高くなりそうな予感をしつつ様子を見てみたいと思います。</p>


Company

Our Solutions

Support

News

Blog

Blogブログ

カテゴリーから探す

年別から見る

記事一覧 - タグ: #役員

2014/01/15

2014/01/15

2014/01/08

2014/01/08

2014/01/08

2013/12/18

2013/12/18

2013/12/11

2013/12/11

2013/12/04

2013/11/27

2013/11/26

2013/11/21

2013/11/21

2013/11/13

2013/11/07

2013/10/31

2013/10/29