<p>RAID（Redundant Arrays of Independent Disks）、いわゆる複数台のハードディスクを組み合わせて1つの仮想ハードディスクとして運用する冗長化技術です。</p>
<h2>RAID 0</h3>
<p>複数台のハードディスクにデータを分散して読み書きし高速化したものです。<br />
冗長化はしていません。<br />
最低必要なドライブ数は2台です。<br />
<a href="/uploads-archive/2014/01/Raid-0.jpg"><img decoding="async" loading="lazy" src="/uploads-archive/2014/01/Raid-0-300x278.jpg" alt="Raid-0" width="300" height="278" class="aligncenter size-medium wp-image-4062" srcset="/uploads-archive/2014/01/Raid-0-300x278.jpg 300w, /uploads-archive/2014/01/Raid-0-1024x950.jpg 1024w, /uploads-archive/2014/01/Raid-0-228x211.jpg 228w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<h2>RAID 1</h3>
<p>複数台のハードディスクに、同時に同じ内容を書き込みます。<br />
最低必要なドライブ数は2台です。<br />
<a href="/uploads-archive/2014/01/Raid1.jpg"><img decoding="async" loading="lazy" src="/uploads-archive/2014/01/Raid1-300x278.jpg" alt="Raid1" width="300" height="278" class="aligncenter size-medium wp-image-4063" srcset="/uploads-archive/2014/01/Raid1-300x278.jpg 300w, /uploads-archive/2014/01/Raid1-1024x950.jpg 1024w, /uploads-archive/2014/01/Raid1-228x211.jpg 228w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<h2>RAID 2~4</h3>
<p>現在あまり使われていないものです。</p>
<h3>RAID 2</h4>
<p><a href="http://e-words.jp/w/E3838FE3839FE383B3E382B0E7ACA6E58FB7.html" target="_blank">ハミング符号</a>によるビット単位で冗長化するものです。<br />
ドライブが専用なもの（ECC）を使います。</p>
<h3>RAID 3</h4>
<p><a href="http://e-words.jp/w/E38391E383AAE38386E382A3E38381E382A7E38383E382AF.html" target="_blank">パリティ</a>によるバイト単位で冗長化するものです。<br />
専用パリティドライブを使います。</p>
<h3>RAID 4</h4>
<p>ブロック単位で冗長化するものです。<br />
専用パリティドライブを使います。</p>
<h2>RAID 5</h3>
<p>水平パリティを使用して複数のハードディスクに誤り訂正符号データと共に分散させて記録ものです。<br />
最低必要なドライブ数は3台です。<br />
<a href="/uploads-archive/2014/01/raid5.gif"><img decoding="async" loading="lazy" src="/uploads-archive/2014/01/raid5-300x230.gif" alt="raid5" width="300" height="230" class="aligncenter size-medium wp-image-4064" srcset="/uploads-archive/2014/01/raid5-300x230.gif 300w, /uploads-archive/2014/01/raid5-228x175.gif 228w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<h2>組み合わせ</h3>
<p>よく使うRAIDの組み合わせを紹介します。</p>
<h3>RAID 10</h4>
<p>RAID 1 + RAID 0の組み合わせです。<br />
最低必要なドライブ数は4台です。<br />
<a href="/uploads-archive/2014/01/80071b36ee2a8011d8f157fc291e2b00.gif"><img decoding="async" loading="lazy" src="/uploads-archive/2014/01/80071b36ee2a8011d8f157fc291e2b00-300x190.gif" alt="raid_1+0_image" width="300" height="190" class="aligncenter size-medium wp-image-4065" srcset="/uploads-archive/2014/01/80071b36ee2a8011d8f157fc291e2b00-300x190.gif 300w, /uploads-archive/2014/01/80071b36ee2a8011d8f157fc291e2b00-228x144.gif 228w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<h3>RAID 50</h4>
<p>RAID 5 + RAID 0の組み合わせです。<br />
最低必要なドライブ数は6台です。<br />
<a href="/uploads-archive/2014/01/raid50.png"><img decoding="async" loading="lazy" src="/uploads-archive/2014/01/raid50-300x193.png" alt="raid50" width="300" height="193" class="aligncenter size-medium wp-image-4066" srcset="/uploads-archive/2014/01/raid50-300x193.png 300w, /uploads-archive/2014/01/raid50-228x147.png 228w, /uploads-archive/2014/01/raid50.png 576w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>


【レイド】RAID入門

2014年要注目のJavaScriptフレームワーク「AngularJS」を使ってフォーム作ってみました

<p>Today, I would like to share with you about some useful facts in developing a project team that I noted when I read a PM book.</p>
<p><strong>Four Stages in Developing a Project Team</strong></p>
<p>The process of team development and team building seems very simple&#8211;bring appropriate</p>
<p>people from inside and/or outside the organization into the same team and get them to work</p>
<p>together in the most effective and efficient way possible. But it is not actually so easy to do.</p>
<p>It is widely recognized that a project team typically progresses through four stages of</p>
<p>development. These stages occur with any group of people who work together, and it</p>
<p>doesn&#8217;t matter whether the people know each other or not. It&#8217;s important for you as the</p>
<p>project manager to understand these stages so that you can help them progress to the most</p>
<p>effective stage of development. Below are the four stages of team development.</p>
<p><img decoding="async" src="/uploads-archive/2014/01/426274_2655982688844_1347309681_n.jpg" alt="pm" /></p>
<p><strong>Stage One: Forming</strong></p>
<p><strong> </strong></p>
<p>The forming stage occurs when all the team members have been brought together and</p>
<p>introduced. Here they&#8217;ll be told about the project objectives, the tasks they&#8217;ve been assigned,</p>
<p>and the expectations the project manager has regarding the project and the team. At this</p>
<p>point team members are still not certain and are having many questions in mind such as the</p>
<p>followings.</p>
<ul>
<li>Why have I been assigned to this project?</li>
<li>What is expected to me?</li>
<li>What roles do the other team members have on this project?</li>
<li>Will I be able to successfully complete the assignments given to me?</li>
<li>Will I get the resources I need to perform the job satisfactorily?</li>
<li>Can I work well with the project manager?</li>
</ul>
<p>During this stage of team development people will be somewhat passive and cautious.</p>
<p>They&#8217;ll usually be polite and have a formal business approach communication style. But</p>
<p>teams usually pass through this stage rapidly and proceed to the next stage.</p>
<p>&nbsp;</p>
<p><strong>Stage Two: Storming</strong></p>
<p><strong> </strong></p>
<p>The storming stage is where the team starts to realize what the work of the project is. The</p>
<p>team members become more comfortable around one another and start doing and saying</p>
<p>actively to challenge one another for position and status within the team. Then the conflicts</p>
<p>start to occur. Team members start asking the following types of questions.</p>
<ul>
<li>Why is my assignment like this?</li>
<li>Who is responsible for what?</li>
<li>How will the work get completed?</li>
<li>What process should we use to do the work?</li>
</ul>
<p>Conflicts are not bad in this case; they are actually necessary to get the team into the next</p>
<p>stage. Team members need to recognize where they stand, how much their responsibility is,</p>
<p>and how they will accomplish their tasks by working with the other personalities of the team,</p>
<p>and that usually involves some collision.</p>
<p>&nbsp;</p>
<p>Some teams have difficulty to go out of the storming stage. It&#8217;s difficult to manage a team in</p>
<p>this stage, and it could have a negative impact on the project if relations are particularly bad</p>
<p>among team members. Consider replacing team members who are not cooperating or are</p>
<p>the cause of unnecessary conflicts if the team doesn&#8217;t seem to be making any progress.</p>
<p>&nbsp;</p>
<p><strong>Stage Three: Norming</strong></p>
<p><strong> </strong></p>
<p>The norming stage is where the team starts to calm down, settle in, and do the work of the</p>
<p>project. Now they know what are expected to them, and they have accepted and understand</p>
<p>the goals of the project. The team members are comfortable with one another and with their</p>
<p>own positions within the team, and they will give positive influence with each other. Conflicts</p>
<p>decrease, and the team members confront the project concerns and problems instead of</p>
<p>one another. They make decisions jointly, getting input from all the team members.</p>
<p>&nbsp;</p>
<p>As a project manager, you should continue to hold team meetings, especially during this</p>
<p>stage, because team members can go back into the storming stage if there is no appropriate</p>
<p>guidance from the project manager. Monitor each team member&#8217;s participation, and</p>
<p>encourage the team to continue to remain focused on the project&#8217;s goals and let them inform</p>
<p>you of any problems as soon as they arise.</p>
<p>&nbsp;</p>
<p>Teams in the norming stage are efficient, functioning teams. If your team has progressed to</p>
<p>this stage, they will likely be productive and work effectively toward achieving the project</p>
<p>goals. But they still aren&#8217;t performing at their best, which happens in the next stage.</p>
<p>&nbsp;</p>
<p><strong>Stage Four: Performing</strong></p>
<p><strong> </strong></p>
<p>The performing stage is the most mature stage of all the development stages. The team</p>
<p>functions in the most productive and effective ways possible. They respect and support each</p>
<p>other, they monitor themselves, and they achieve great things in this stage. Teams that</p>
<p>operate in the performing stage are almost unstoppable. However, not all teams can</p>
<p>proceed to this stage.</p>
<p>&nbsp;</p>
<p>The most effective teams perform at this stage. You cannot force this stage on the team.</p>
<p>There are some things you can do as the project manager to help the team progress to this</p>
<p>stage, though, including communicating effectively, asking team members for input, and</p>
<p>using effective conflict-resolution techniques.</p>
<p>Enjoy!!!</p>
<p>From:S-PM-A4-1.04-Team Management, Credit to original Author.</p>


Four Stages in Developing a Project Team

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

Company

Our Solutions

Support

News

Blog

Blogブログ

カテゴリーから探す

年別から見る

記事一覧

2014/01/21

2014/01/15

2014/01/15

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