<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>といいましても、<br />
僕の予想ではなく、海外の記事を紹介し、<br />
その中で僕が思ったことを少し述べたいと思います。</p>
<h2>2013年のデザイントレンド</h3>
<p>まずは、2013年のデザイントレンドですが、<br />
以下のサイトになります。</p>
<p><a href="http://www.creativebloq.com/web-design/2013-trends-121310199" target="_blank">The 10 hottest web design trends of 2013 | Web design | Creative Bloq</a></p>
<p>簡単に羅列すると、<br />
以下のようになります。</p>
<p><strong>1.レスポンシブデザイン<br />
2.フラットデザイン<br />
3.固定ヘッダー<br />
4.パララックス<br />
5.無限スクロール<br />
6.Retina対応<br />
7.タイポグラフィーデザイン<br />
8.丸いデザイン要素<br />
9.css3アニメーション<br />
10.大きなボタン</strong></p>
<h2>2014年のデザイントレンド予想</h3>
<p>次は2014年のデザイントレンド予想は以下になります。</p>
<p><a href="http://www.hongkiat.com/blog/web-design-trends-2014/" target="_blank">Web Design: 20 Hottest Trends To Watch Out For In 2014</a></p>
<p>簡単に羅列すると、<br />
以下のようになります。</p>
<p><strong>1.グリッドスタイルレイアウト<br />
2.狡猾な画像ホバーキャプション機能<br />
3.フォームの拡張機能<br />
4.深く考えられたランディングページ<br />
5.HTML5ビデオプレーヤー<br />
6.3Dエフェクト<br />
7.フラットデザインのパーツ・素材<br />
8.個人のポートレート<br />
9.SVG画像・アイコン<br />
10.特異なwebフォント<br />
11.Lazy-Loadingアニメーション<br />
12.カズタマイズされたイメージギャラリー<br />
13.メガナビゲーションメニュー<br />
14.伸びる検索バー<br />
15.特長をアイコン付きで紹介<br />
16.モバイルファースト<br />
17.html5キャンバス<br />
18.webブラウザゲーム<br />
19.素早い会員登録<br />
20.css3アニメーションキーフレーム</strong></p>
<p>以上のような感じですが、</p>
<p>2013年,2014年のトレンドをみて、<br />
僕的には、<br />
<strong>フラットデザイン、<br />
レスポンシブデザイン、<br />
css3のアニメーション(ホバー等)<br />
ランディングページ(パララックス,フラット,アニメーション)</strong></p>
<p>といったものを注目しています。</p>
<p>フラットデザインはいうまでもなく、2013年流行ったデザインであり、<br />
段々と日本語サイトでもフラットデザインを取り入れたサイトも見かけるようになりました。<br />
また、フラットデザインはレスポンシブデザインやランディングページは相性がいいと思うので、<br />
今後しばらくこの流れは継続されていくのではないかと思います。</p>
<p>css3については、段々と利用できるブラウザがメインになりつつある中で、<br />
制作者側からすると、やっといろいろできるなといった感じかと思います。<br />
特にホバーでは、本当に様々なことができるので、<br />
どんなものが出来るかこれから楽しみですね！</p>
<p>個人的には、「錯視」に興味があるのですが、<br />
それがwebサイトで使われるのはまだまだなのかなという気がします。<br />
使い方も限定されちゃうような気もします。。。</p>
<p>おまけに、<br />
上記で注目されいるような素材を提供してくれるサイトを紹介します。</p>
<p><strong>15個のフラットUIの素材キット</strong><br />
<a href="http://graphicdesignjunction.com/2014/01/creative-flat-ui-kits/" target="_blank">Flat UI Kits for Designers | Design | Graphic Design Junction</a></p>
<p><strong>30個のフリーのwebサイトテンプレートPSD素材</strong><br />
<a href="http://www.splashnology.com/article/free-psd-website-templates/11229/" target="_blank">30 Fresh and Free PSD Website Templates | Splashnology.com</a></p>
<p><strong>40個の美しいランディングページ</strong><br />
<a href="http://www.designzzz.com/landing-page-templates/" target="_blank">40 Beautiful Landing Page Templates</a></p>
<p><strong>150以上のフリーのアニメーションもあるSVGアイコン(フラットデザイン)</strong><br />
<a href="http://www.pencilscoop.com/2013/12/150-free-animated-svg-icons/">150+ Free Animated SVG Icons | Pencil Scoop | Design &amp; Creative Blog</a></p>


2013年のデザイントレンドを振り返り、2014年を予想する

<p>今月初めて、セブン銀行から送金してみました。</p>
<p>ちょっと高いですが、速くて便利です。</p>
<p>送金後10分程度で、ミャンマー側で受け取る事ができます。</p>
<p>送金するにはセブン銀行の口座を作らなければなりません。</p>
<p>送金額は一ヶ月100万円以内となります。<br />
手数料は以下の通りです。</p>
<table>
<tr>
<td>送金資金</td>
<td>送金手数料</td>
</tr>
<tr>
<td>1円～10,000円</td>
<td>990円</td>
</tr>
<tr>
<td>10,001円～50,000円</td>
<td>1,500円</td>
</tr>
<tr>
<td>50,001円～100,000円</td>
<td>2,000円</td>
</tr>
<tr>
<td>100,001円～250,000円</td>
<td>3,000円</td>
</tr>
<tr>
<td>250,001円～500,000円</td>
<td>5,000円</td>
</tr>
<tr>
<td>500,001円～1,000,000円</td>
<td>6,500円</td>
</tr>
</table>
<p>送金したい時の外国為替レートの変化によって受け取る金額が変わります。</p>
<p>送金する前にコチラのサイトで受け取る金額を計算する事ができます。<br />
<a href="http://www.sevenbank.co.jp/soukin/jp/fx/" target="_blank">http://www.sevenbank.co.jp/soukin/jp/fx/</a></p>
<h2>送金の流れ</h3>
<p>①　口座を作って、アカウントを作成</p>
<p>②　アカウント設定する時に、お金受け取り方の名前を登録する</p>
<p>③　インターネットバンキング/モバイルバンキングまたはセブン銀行ATMで送金する</p>
<p>④　送金完了が終わったら、「10」桁の送金処理番号（MTCN）が発行されます。<br />
　 その番号を受け取る方に教える。</p>
<p>⑤　受け取る方はその「10」桁の番号と身分証明書でお金を受け取る事ができます。</p>
<p>ネットからでも送金できるのでとても便利です。<br />
<a href="https://ib.sevenbank.co.jp/IB/IB_U_CO_002/IB_U_CO_002_100.aspx?Direct=IB_U_OR_001_000" target="_blank">https://ib.sevenbank.co.jp/IB/IB_U_CO_002/IB_U_CO_002_100.aspx?Direct=IB_U_OR_001_000</a></p>
<h2>ミャンマー側で受け取り場所の連絡先</h3>
<p>+95 1377871<br />
+95 1251749<br />
+95 1398807</p>
<p>日本から土日も送金できますが、ミャンマーでは平日のみの受け取りになります。</p>


セブン銀行からミャンマーへ送金

<p>今回は、gitを使うチーム作業の流れを紹介したいと思います。</p>
<h2>git flow</h3>
<p>gitを使ってブランチを分けて作業する運用手法です。<br />
feature(機能追加、このブランチは複数ある)、develop、master、release（複数）、hotfix（緊急の修正、masterにマージしたら削除される）という全部５つ種類のブランチを使います。<br />
フローの概要をつかむため、<a href="http://danielkummer.github.io/git-flow-cheatsheet/index.ja_JP.html" target="_blank">ここ</a>をまず見るのをお勧めします。<br />
<a href="http://www.sourcetreeapp.com/" target="_blank">sourceTree</a>の機能を利用すると、簡単に実現できるのようです。</p>
<h3>基本的な流れ</h4>
<ol>
<li>developをベースに開発用ブランチを作成して（これがfeatureにあたる）開発者それぞれが開発をスタート</li>
<li>他の人が開発したコードを自分の開発用ブランチにマージ</li>
<li>開発が終われば編集内容をdevelopにマージして、開発者用ブランチを削除</li>
<li>developブランチをremoteブランチにpush</li>
<li>4を繰り返して開発を進める</li>
<li>開発が終了したらリリースのための作業を始める(developをベースにreleaseブランチを利用、 軽微なバグフィックス、リリース向けのコードや設定の編集)</li>
<li>releaseの編集を終えたら、developとmasterに内容をマージして、releaseブランチを削除</li>
<li>リリースを行う(masterブランチのデプロイ)</li>
<li>リリース後に、緊急バグが発生したらmasterをベースにhotfixブランチを作成し、対応</li>
<li>対応できたらmasterにマージし、hotfixブランチを削除</li>
<li>10を繰り返してバージョン管理を運用する</li>
</ol>
<h3>参考リンク</h4>
<p><a href="http://nvie.com/posts/a-successful-git-branching-model/" target="_blank">git flow cheatsheet（英語）</a><br />
<a href="http://danielkummer.github.io/git-flow-cheatsheet/index.ja_JP.html" target="_blank">git flow cheatsheet（日本語訳）</a><br />
<a href="http://www.slideshare.net/KatokichiSoft/git-flow-16616440" target="_blank">運用事例</a></p>
<h2>github flow</h3>
<p>githubを使う運用手法、ではなく、<br />
github開発チーム内部で使っているgit flowをカスタマイズしたものです。<br />
開発の一時ブランチ（複数）と、masterブランチの2種類のブランチのみ使います。</p>
<h3>git flowの短所</h4>
<ul>
<li>ブランチの切替えはやや複雑</li>
<li>短時間に繰り返すデプロイには不向き</li>
</ul>
<h3>github flowの特徴</h4>
<ul>
<li>masterブランチは常にデプロイ可能な状態にしておく</li>
<li>新しい開発などは、masterからブランチを作成して名前をつけ、そこで行う（一時ブランチ）</li>
<li>作成したブランチにローカルでコミットし、サーバー上の同じ名前のブランチにも定期的に作業内容をpushする</li>
<li>フィードバックや助言が欲しい時、ブランチをマージしてもよいと思ったときは、 pull request を作成する</li>
<li>他の誰かがレビューをして機能にOKを出してくれたら、あなたはコードをmasterへマージすることができる（プレビュー前のマージが発生しない→ルールとして強制）</li>
<li>マージをしてmasterへpushしたら、直ちにデプロイをする</li>
</ul>
<h3>参考リンク</h4>
<p><a href="http://scottchacon.com/2011/08/31/github-flow.html" target="_blank">github flow（英語）</a><br />
<a href="https://gist.github.com/Gab-km/3705015" target="_blank">github flow（日本語訳）</a></p>


git flowとgithub flow

<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>


みかん業界

<h2>そもそもどういうサービス？</h3>
<p>githubはリポジトリ（プロジェクトの意味）を公開するためのwebサービスです。<br />
開発チームがgitを使って開発を行うために、必ずしもgithubに登録することがありません。<br />
あくまで公開（リリース）に向けてチーム（もちろん個人も）作業用のものになります。<br />
※公開したくないもの（private repo）でもgithubで管理できますが、有料になります。</p>
<p>今回は、自分の作品を公開するためのgithubを利用した手順を紹介したいと思います。</p>
<h2>githubに登録する前</h3>
<h3>gitがインストールされてるかを確認</h4>
<p>Macなら、ターミナルから </p>
<p></p>

		<div id="crayon-64953fd596976585381177" 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;">
which 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-64953fd596976585381177-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-64953fd596976585381177-1"><span class="crayon-e">which </span><span class="crayon-i">git</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p> </p>
<p>のコマンドを実行し確認できます。</p>
<h3>gitをインストール</h4>
<p>まだインストールしていない場合は、<a href="http://git-scm.com/" target="_blank">gitの公式サイト</a>からgitをダウンロードしてインストールすることができます。</p>
<h3>gitの初期設定</h4>
<p><a href="/programmer/git%E5%86%8D%E5%85%A5%E9%96%80.html" target="_blank">ここ</a>を参考してください。</p>
<h2>ユーザー登録</h3>
<p><a href="http://github.com" target="_blank">github</a>にアクセスして、ログインしていない状態なら、登録画面がでてくるので、フローに従って登録してください。</p>
<h2>SSH公開鍵登録</h3>
<p>githubにSSH公開鍵を登録しはじめて、SSHでgithubで管理するリポジトリを取得できるようになります。<br />
また作業を進み、ローカルのものをgithubにpushするため、やはりSSH公開鍵の登録が避けられません。</p>
<p>公開鍵の作成とアップロードは、<a href="https://help.github.com/articles/generating-ssh-keys" target="_blank">ここ</a>を参考してください。</p>
<h2>githubでリポジトリを作成</h3>
<p>公開するのはこのリポジトリになります。まずgithubの上で作成しなければなりません。</p>
<p>githubの画面（ログインしている状態で）の右上にから「+」のボタンをクリックして「New Repository」を選択し、容易に新しいリポジトリを作成できます。</p>
<h2>作成したリポジトリをローカルにcloneする</h3>
<p>実際にファイル追加・編集作業に使うのはローカルのリポジトリになります。<br />
cloneするのに、下記コマンドを実行すればいいと思います。</p>
<p></p>

		<div id="crayon-64953fd59697a502712875" 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 git@github.com:youraccount/the_new_repo.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-64953fd59697a502712875-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-64953fd59697a502712875-1"><span class="crayon-e">git </span><span class="crayon-r">clone</span><span class="crayon-h"> </span><span class="crayon-i">git</span><span class="crayon-sy">@</span><span class="crayon-i">github</span><span class="crayon-sy">.</span><span class="crayon-i">com</span><span class="crayon-sy">:</span><span class="crayon-i">youraccount</span>/<span class="crayon-i">the_new_repo</span><span class="crayon-sy">.</span><span class="crayon-i">git</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p> </p>
<h2>ローカルでの作業を進む</h3>
<p>ファイルを追加し、gitの管理上に置きます。（git add）<br />
ある程度作業が進んだら、ローカルでcommitします。（git commit）</p>
<p>gitのコマンドについて、<a href="/programmer/git%E5%86%8D%E5%85%A5%E9%96%80.html" target="_blank">ここ</a>を参考してください。</p>
<p>または、「git cheatsheet」で検索してみてください。</p>
<h2>githubに、ローカルの作業をpushする</h3>
<p>ローカルの作業をgithubにあげるため、 下記コマンドを実行します。</p>

		<div id="crayon-64953fd59697c718448901" 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 push origin current_branch</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-64953fd59697c718448901-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-64953fd59697c718448901-1"><span class="crayon-e">git </span><span class="crayon-e">push </span><span class="crayon-e">origin </span><span class="crayon-i">current_branch</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p> </p>
<p>※　masterブランチにのpushは、避けたほうが無難かと思います。<br />
※　pushが成功するなら、この時点でもうgithubで見えるようになります（正式なものではなく、あくまで別ブランチ）。</p>
<h2>githubでpull requestを実行</h3>
<p><a href="https://help.github.com/articles/using-pull-requests" target="_blank">pull request</a>は、リポジトリの管理者に、「自分のソースコードを確認して使ってください」というリクエストです。<br />
当たり前なことですが、このリクエストはgithubでしか行えません。<br />
新しいpushがあるとき、「pull request」のボタンが自動的に現れます。</p>
<h2>githubでブランチをmergeする</h3>
<p>自分が管理者なので、「pull request」があったらページに表示されます。<br />
ソースコードの差分が確認できたら、それを最新のバージョンとして取り込むことができます。<br />
「merge pull request」のボタンを押せば、「pull request」されてきたものが正式なもの（masterブランチ）になります。</p>
<h2>おまけ</h3>
<p>Macなら、「github for Mac」という公式アプリがあります。<br />
使い方は<a href="http://kuroigamen.com/48" target="_blank">ここ</a>を参考してください。</p>

【自分の作品を公開するため】github入門

<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>As I know, there are many ways to use Ubuntu(Linux) our laptop or PC.</p>
<p>Firstly, if your HDD(harddisk) is new or clean one and there are two or more partitions on it, you can use dual OSes with it: eg, Window OS and Linux one.  One OS is running at a time.   In each partition, each OS is hosted. When PC is started, Window Boot Manager shows OS selecting menu on very first page to choose a desired OS. We can&#8217;t switch to another OS when using a specific OS is running.</p>
<p>My prefer method to install Ubuntu(Linux) is installing via bootable Live USB. The steps are so easy to do so. Just go <a href="http://www.ubuntu.com/download/desktop">http://www.ubuntu.com/download/desktop</a> and get ubuntu OS&#8217;s &#8220;.iso&#8221; file. Then, by visiting to <a href="http://unetbootin.sourceforge.net/">http://unetbootin.sourceforge.net/</a> and get unetbootin software. Run unetbootin software on your laptop or PC. Then point out the desired USB (assumed that a USB(at least 4 GB capacity) is already assembled in PC, it should be formatted by FAT32, be aware that it&#8217;s with FAT32) and downloaded .iso file. After that, you will get a bootable USB to install Ubuntu OS.</p>
<p>Open the PC or laptop that you want to install Ubuntu(Linux). Already assumed that you changed boot sequence to &#8220;Removable Device&#8221; in BIOS setup. Then it will automatically loaded Ubuntu OS and will make installation automatically by just following on screen instructions. Then you can start using Ubuntu OS on the fly.</p>
<p>Next, you are a Window OS user. Let&#8217;s say that your HDD has only one partition and Window OS is already running on it. At that time, you want to start using Ubuntu(Linux) OS. OK fine, there is another alternative way for you. You can use &#8220;Wubi Ubuntu Window Installer&#8221; at <a href="http://www.ubuntu.com/download/desktop/install-ubuntu-with-windows">http://www.ubuntu.com/download/desktop/install-ubuntu-with-windows</a>.</p>
<p>Just run &#8220;wubi&#8221; to install Ubuntu. After following on screen instructions, you will find dual OS on start up screen when PC is opened. You can find your Ubuntu OS as a disk image file on hosted Window OS.</p>
<p>Another option is if you want to use parallel OSes, you should use Virtual Machine or Virtual Box(installed Ubuntu OS) on Window OS. Just be aware that your machine&#8217;s memory is parallel exhausted by parallel OSes at that same time.</p>
<p>That&#8217;s all. Enjoy!!!</p>
<p>&nbsp;</p>
<p>&nbsp;</p>


Using Ubuntu(Linux)

<p>csvファイルをアップロードして、中身のデータをデータベースに挿入する。</p>
<p>しかし、全部のデータを挿入するのではなくて、必要な項目だけを取ってデータベースに入れる。</p>
<p>まず、csvファイルをアップロードして、ある場所にファイルを保存する。</p>
<p>次はデータを配列に入れる。</p>
<p>配列に入っているデータからどこの項目をデータベースに入れるかを決めて、挿入する。</p>
<p>sprintf を利用して書きます。</p>
<p></p>

		<div id="crayon-64953fd5965b0732000193" 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">php</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;">
$sql = sprintf("INSERT INTO testingcsv (test1,test2,test3) VALUES('%d','%s','%s');",$csv_array[0],$csv_array[1],$csv_array[2]);</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-64953fd5965b0732000193-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-64953fd5965b0732000193-1"><span class="crayon-sy">$</span><span class="crayon-i">sql</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-e">sprintf</span><span class="crayon-sy">(</span><span class="crayon-s">"INSERT INTO testingcsv (test1,test2,test3) VALUES('%d','%s','%s');"</span><span class="crayon-sy">,</span><span class="crayon-sy">$</span><span class="crayon-i">csv_array</span><span class="crayon-sy">[</span><span class="crayon-cn">0</span><span class="crayon-sy">]</span><span class="crayon-sy">,</span><span class="crayon-sy">$</span><span class="crayon-i">csv_array</span><span class="crayon-sy">[</span><span class="crayon-cn">1</span><span class="crayon-sy">]</span><span class="crayon-sy">,</span><span class="crayon-sy">$</span><span class="crayon-i">csv_array</span><span class="crayon-sy">[</span><span class="crayon-cn">2</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>sprintf の形式は</p>
<p></p>

		<div id="crayon-64953fd5965b4406158772" 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;">
int sprintf ( string $format [, mixed $args [, mixed $... ]] )</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-64953fd5965b4406158772-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-64953fd5965b4406158772-1"><span class="crayon-t">int</span><span class="crayon-h"> </span><span class="crayon-e">sprintf</span><span class="crayon-h"> </span><span class="crayon-sy">(</span><span class="crayon-h"> </span><span class="crayon-t">string</span><span class="crayon-h"> </span><span class="crayon-sy">$</span><span class="crayon-i">format</span><span class="crayon-h"> </span><span class="crayon-sy">[</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-i">mixed</span><span class="crayon-h"> </span><span class="crayon-sy">$</span><span class="crayon-i">args</span><span class="crayon-h"> </span><span class="crayon-sy">[</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-i">mixed</span><span class="crayon-h"> </span><span class="crayon-sy">$</span><span class="crayon-sy">.</span><span class="crayon-sy">.</span><span class="crayon-sy">.</span><span class="crayon-h"> </span><span class="crayon-sy">]</span><span class="crayon-sy">]</span><span class="crayon-h"> </span><span class="crayon-sy">)</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p> </p>
<p>型指定子として指定できる値をまとめました。</p>
<table>
<tr>
<td>b</td>
<td>引数を整数として扱い、バイナリの数値として表現します。</td>
</tr>
<tr>
<td>c</td>
<td>引数を整数として扱い、その ASCII 値の文字として表現します。</td>
</tr>
<tr>
<td>d</td>
<td>引数を整数として扱い、 10 進数として表現します。</td>
</tr>
<tr>
<td>e</td>
<td>引数を科学記法として扱います (例 1.2e+2)。精度の指定子は、PHP 5.2.1<br />
                     以降では小数点以下の桁数を表します。</td>
</tr>
<tr>
<td>u</td>
<td>引数を整数として扱い、符号無しの 10 進数として表現します。</td>
</tr>
<tr>
<td>f</td>
<td>引数を double として扱い、浮動小数点数として表現します。</td>
</tr>
<tr>
<td>F</td>
<td>引数を float として扱い、浮動小数点数として表現します。</td>
</tr>
<tr>
<td>o</td>
<td>引数を整数として扱い、 8 進数として表現します。</td>
</tr>
<tr>
<td>s</td>
<td>引数を文字列として扱い、表現します。</td>
</tr>
<tr>
<td>x</td>
<td>引数を整数として扱い、16 進数として(小文字で)表現します。</td>
</tr>
<tr>
<td>X</td>
<td>引数を整数として扱い、16 進数として(大文字で)表現します。</td>
</tr>
</table>
<p>例えば：以下のように書きます。</p>
<p></p>

		<div id="crayon-64953fd5965b6015315011" 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;">
%d
%s
%x</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-64953fd5965b6015315011-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd5965b6015315011-2">2</div><div class="crayon-num" data-line="crayon-64953fd5965b6015315011-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd5965b6015315011-4">4</div><div class="crayon-num" data-line="crayon-64953fd5965b6015315011-5">5</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-64953fd5965b6015315011-1"><span class="crayon-ta">%</span><span class="crayon-i">d</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd5965b6015315011-2">&nbsp;</div><div class="crayon-line" id="crayon-64953fd5965b6015315011-3"><span class="crayon-ta">%</span><span class="crayon-i">s</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd5965b6015315011-4">&nbsp;</div><div class="crayon-line" id="crayon-64953fd5965b6015315011-5"><span class="crayon-sy">%</span><span class="crayon-i">x</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p> </p>

csvアップロードとsprintf

<p>先日、firefoxを26にアップグレードした所、<br />
firefoxの幅を400px以下(正確には425px)に縮まらなくなってしまいました。</p>
<p>スマホやガラケーの画面のキャプチャーを撮る作業があるので、<br />
その時に幅を縮める必要があるんですが、縮まらなくなりちょっと困り、調べました。</p>
<p>すると、<br />
firefox26ではウィンドウの最小幅を<strong>425px</strong>に設定しているとのこと。</p>
<p>firefoxのURL記入箇所に、<br />
<strong>chrome://browser/content/browser.css</strong><br />
と入れると、使用されてるcssが表示されるのですが、</p>
<p></p>

		<div id="crayon-64953fd5963c1256540867" 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">CSS</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;">
#main-window:not([chromehidden~="toolbar"]) {
  min-width: 425px;
}</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-64953fd5963c1256540867-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd5963c1256540867-2">2</div><div class="crayon-num" data-line="crayon-64953fd5963c1256540867-3">3</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-64953fd5963c1256540867-1"><span class="crayon-k ">#main-window:not([chromehidden~="toolbar"]) </span><span class="crayon-sy">{</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd5963c1256540867-2"><span class="crayon-h">&nbsp;&nbsp;</span><span class="crayon-e ">min-width</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-i ">425px</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-64953fd5963c1256540867-3"><span class="crayon-sy">}</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p> </p>
<p>と書かれていました。</p>
<p>Firefoxが2014年に新デザインになるそうで、その前触れだそうです。</p>
<p><a href="http://getaustralis.com/" target="_blank">Get Australis</a></p>
<h2>解消方法</h3>
<p>このmin-widthを上書きすれば、思った通りに縮めることができます。</p>
<p>上書きといっても、<br />
browser.css<br />
を書き換えるわけではなく、</p>
<p><strong>~/Library(ライブラリ)/Application Support/Firefox/Profiles/英数字.○○○/chrome/userChrome.css</strong><br />
※MacOS Xの場合</p>
<p>に、cssを書き加えます。</p>
<p>ただ、<strong>「chrome」「useChrome.css」</strong>がないこともあるのでその場合は、自分で同様のフォルダ・ファイルを作成する必要があります。(僕の場合はありませんでした)</p>
<p>そのcssに、</p>
<p></p>

		<div id="crayon-64953fd5963c6393968310" 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">CSS</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;">
#main-window:not([chromehidden~="toolbar"]) {
    min-width: 200px !important;
}</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-64953fd5963c6393968310-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd5963c6393968310-2">2</div><div class="crayon-num" data-line="crayon-64953fd5963c6393968310-3">3</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-64953fd5963c6393968310-1"><span class="crayon-k ">#main-window:not([chromehidden~="toolbar"]) </span><span class="crayon-sy">{</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd5963c6393968310-2"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-e ">min-width</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-i ">200px</span><span class="crayon-h"> </span><span class="crayon-cn ">!important</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-64953fd5963c6393968310-3"><span class="crayon-sy">}</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p> </p>
<p>と書き加えればOKです！</p>
<p>ちなみにLibrary(ライブラリ)は隠しフォルダになっています。<br />
それを表示するためにはこちらをどうぞ。</p>
<p><a href="http://inforati.jp/apple/mac-tips-techniques/system-hints/how-to-show-hidden-file-or-folder-of-macos.html" target="_blank">Macの隠しファイルや隠しフォルダを表示する裏技 / Inforati</a></p>
<p>この最小幅を変えることによって、なにか影響がでるかもしれませんが、<br />
それは自己責任でお願いしますm(&#8211;)m<br />
といっても、影響が出ることはあまりないのかなぁと思います。</p>
<p>それにしてもfirefoxはアップグレードのスピードが早いですね〜</p>

Firefox26にアップグレードしたら、ウィンドウ幅が400px以下にならなくなった件

Fancyboxのようにサムネイルから飛び出してくるようなjQueryを組んでみる

<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>パララックスのサイトが少し前に流行り、今ではいろんなサイトで見られるようになり一般的になってきたような感じがする昨今ですが、簡単にパララックスっぽい動きをつけられることを今更ながら発見しましたので、試してみました。<br />
&nbsp;<br />
早速ですが、デモをご覧下さい。</p>
<p>&nbsp;</p>
<p><a href="/demo/abe/37/" target="_blank" class="demo">DEMO</a></p>
<p>どうでしょうか？<br />
パララックスっぽい感じがでてますでしょうか？？</p>
<h2>background-attachmentの実装</h3>
<p>設定自体はとても簡単で、<br />
背景画像を設定した箇所に、</p>
<p></p>

		<div id="crayon-64953fd595eb1667674691" 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">CSS</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;">
background-attachment: fixed;</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-64953fd595eb1667674691-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-64953fd595eb1667674691-1"><span class="crayon-e ">background-attachment</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-i ">fixed</span><span class="crayon-sy">;</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p> </p>
<p>と追加しているだけです。</p>
<p>要は、背景画像の位置を固定にしているため、<br />
背景画像を設定した要素がスクロールで動いても、<br />
背景画像は動かないため、このような見え方になっています。</p>
<p>ちなみに背景画像の位置は、ブラウザを起点に位置されます。</p>
<p>対応ブラウザはIE8からですので、<br />
クライアント案件でも結構使えると思います。</p>
<p>なにより簡単にできるのでいいですね！写真とコンテンツの組み合わせ次第でいいサイトが出来上がるんではないでしょうか？</p>
<p>今度はもっと上級なパララックスも試してみたいと思います！</p>

background-attachmentでパララックスもどきの動きをつけてみる

<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万人超える

Webフォント×CSS3でロングシャドウアイコンを作ってみよう

<p>There are many services(api) provided by<strong> Amazon Web Services (AWS).</strong></p>
<ul>
<li>Amazon Elastic Compute Cloud (Amazon EC2)</li>
<li>Amazon Simple Notification Service (SNS)</li>
<li>Amazon Simple Queue Service (SQS)</li>
<li>Amazon CloudFront</li>
<li>Amazon Simple Storage Service (S3)</li>
<li>Amazon CloudSearch</li>
<li>Amazon Simple Workflow Service (SWF)</li>
<li>Product Advertising API etc ..</li>
</ul>
<p>Among them, if we would like to extract <em>product information</em> that hosted on amazon databases, we could use</p>
<p><strong>Product Advertising API (API Version 2011-08-01) [formerly called ECS].</strong></p>
<p><strong>Developer Guide:</strong></p>
<p><em><a href="http://docs.aws.amazon.com/AWSECommerceService/latest/DG/Welcome.html">http://docs.aws.amazon.com/AWSECommerceService/latest/DG/Welcome.html</a></em></p>
<p><strong>Getting Started Guide:</strong></p>
<p><em><a href="http://docs.aws.amazon.com/AWSECommerceService/latest/GSG/Welcome.html">http://docs.aws.amazon.com/AWSECommerceService/latest/GSG/Welcome.html</a></em></p>
<p><strong>Testing and Debugging:</strong></p>
<p><em>http://associates-amazon.s3.amazonaws.com/scratchpad/index.html</em></p>
<p><em>http://associates-amazon.s3.amazonaws.com/signed-requests/helper/index.html</em></p>
<p>To make an api request to amazon, we need to get respective <em>access key</em>, <em>secret key</em> and <em>associate tag or associate ID</em>. How to get those keys and tag is stated on the following link:</p>
<p><em>http://docs.aws.amazon.com/AWSECommerceService/2011-08-01/GSG/GettingSetUp.html</em></p>
<p>The briefly procedure is as follow: we firstly need to create (1)an amazon aws account(.co.jp). With that account, we have to create (2)Associate Tag(Japan end with -22, eg; asdf-22). After that, on Associate Tage admin page, we will find (3)&#8221;Product Advertising API&#8221; tag and we can create product advertising api account(.co.jp) from that tag. If we have created product advertising api account, we will get amazon access key and secret key.</p>
<p>When we create aws account,  Associate Tag and product advertising account, those works <em><span style="text-decoration: underline;">only in the locale in which you register</span></em>. There are many locale provided by amazon: <code>de, com, co.uk, ca, fr, co.jp, it, cn, es</code></p>
<p>For each locale, there is a respective database. If we choose co.jp locale, our api request will go to amazon&#8217;s jp database instead of .com database and then get required data from it.</p>
<p>After we have got all keys and tag, we could make an api request to amazon web services with request type: REST or SOAP.</p>
<p><strong>Request type:</strong></p>
<p>REST and SOAP</p>
<p><strong>Response format:</strong></p>
<p>XML</p>
<p>The following operations are available in the Product Advertising API.</p>
<ul>
<li>BrowseNodeLookup</li>
<li>CartAdd</li>
<li>CartClear</li>
<li>CartCreate</li>
<li>CartGet</li>
<li>CartModify</li>
<li>ItemLookup</li>
<li>ItemSearch</li>
<li>SimilarityLookup</li>
</ul>
<p>When we make an api request to amazon, the response will include huge amount of data. So if we would like to narrow response data scope according to our specific requirement, we could customize &#8220;<em>Response Groups</em>&#8221; on api request.</p>
<p><em>http://docs.aws.amazon.com/AWSECommerceService/2011-08-01/DG/CHAP_ResponseGroupsList.html</em></p>
<p>In each Response Groups, we could choose desired &#8220;Response Elements&#8221; again according to our need.</p>
<p><em>http://docs.aws.amazon.com/AWSECommerceService/2011-08-01/DG/RG_ItemAttributes.html</em></p>
<p>After preparing all of the requirements stated above, we will get actual api request to amazon:</p>
<p><strong>Sample API request:</strong></p>
<p><em>http://webservices.amazon.co.jp/onca/xml?</em></p>
<p><em>AWSAccessKeyId=ACCESSKEYHERE</em></p>
<p><em>&amp;AssociateTag=ASSOCIATETAGHERE</em></p>
<p><em>&amp;Condition=All</em></p>
<p><em>&amp;Keywords=1449319793 (ISBN)</em></p>
<p><em>&amp;Operation=ItemSearch</em></p>
<p><em>&amp;ResponseGroup=Images%2CItemAttributes%2COffers</em></p>
<p><em>&amp;SearchIndex=Books</em></p>
<p><em>&amp;Service=AWSECommerceService</em></p>
<p><em>&amp;Timestamp=2013-12-17T02%3A35%3A47.000Z</em></p>
<p><em>&amp;Version=2011-08-01</em></p>
<p><em>&amp;Signature=SIGNATUREHERE</em></p>
<p>If you properly setup the api request link and put it in browser&#8217;s address bar, you will get amazon&#8217;s response with XML format.</p>
<p>Enjoy!!!</p>


Company

Our Solutions

Support

News

Blog

Blogブログ

カテゴリーから探す

年別から見る

記事一覧

2014/01/15

2014/01/15

2014/01/15

2014/01/14

2014/01/14

2014/01/08

2014/01/08

2014/01/08

2014/01/08

2014/01/08

2014/01/07

2014/01/07

2014/01/07

2013/12/18

2013/12/18

2013/12/18

2013/12/18

2013/12/17