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

<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>といいましても、<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

<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>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以下にならなくなった件

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


How to use AWS for searching products&#8217; info from amazon databases

【Mac】eclipse 4.3 + PDT + symfonyプラグインをインストールしました

<p>今回紹介するのは、<br />
wordpressプラグイン「Meta Slider」というもので、<br />
要はスライダーのプラグインなんですが、有名なプラグインのスライダー４つから選べるという代物。</p>
<p>その4つとは、</p>
<p><strong>・Nivo Slider (レスポンシブ対応, 16のエフェクト, 4つのテーマ)</strong><br />
<strong> ・Coin Slider (4のエフェクト)</strong><br />
<strong> ・Flex Slider 2 (レスポンシブ対応, 2のエフェクト, カルーセルモード)</strong><br />
<strong> ・Responsive Slides (レスポンシブ対応, フェイドのみ, 軽量！)</strong></p>
<p>です。</p>
<p>さらにいいのは、<br />
管理画面上で選べて、細かい設定も可能です。<br />
画像も管理画面でアップロードできます。</p>
<p><img decoding="async" loading="lazy" class="alignnone size-large wp-image-3797" alt="Meta Slider Lite ‹ e-sign — WordPress" src="/uploads-archive/2013/12/b6417756b20df846916fd39070d7fb41-1024x903.jpg" width="640" height="563" srcset="/uploads-archive/2013/12/b6417756b20df846916fd39070d7fb41-1024x903.jpg 1024w, /uploads-archive/2013/12/b6417756b20df846916fd39070d7fb41-300x264.jpg 300w, /uploads-archive/2013/12/b6417756b20df846916fd39070d7fb41-228x201.jpg 228w" sizes="(max-width: 640px) 100vw, 640px" /></p>
<p>表示の設定も簡単で、<br />
ショートコードまたは、テンプレートのタグがあります。<br />
つまり、テーマでも固定ページでもブログでも使えるということになります。</p>
<h2>Meta Sliderのインストール・設定</h3>
<p><strong>wordpressの管理画面　＞　プラグイン　＞　新規追加　＞　「Meta Slider」検索</strong></p>
<p>でOK！</p>
<p>プラグインのインストールして、有効化すると、<br />
サイドメニューに「Meta Slider Lite」の項目が出るので、<br />
そこから設定できます。</p>
<p>ちなみに、これは無料版と有料版があり、<br />
無料版は機能が制限されいていますが、<br />
普通に使用する程度であれば十分かと思います。</p>
<p>管理画面も使いやすい感じなので、<br />
HTML等を知らないクライアントでも写真を差し替えたり、<br />
設定を変更したりできるので、なかなか良いプラグインだと思います。</p>
<p><a class="link" href="http://wordpress.org/plugins/ml-slider/" target="_blank">Meta Slider</a></p>


スライダーが４つも！wordpressプラグイン「Meta Slider」

<p>urlの最後のidを取得して、スライドショーを始める位置を指定する方法を紹介します。</p>
<p>今回はスライドショーに「bxslider」を利用しています。</p>
<p>一覧ページと詳細ページのつながりの内容</p>
<p>①　商品一覧ページがあります。<br />
②　詳細ページは商品一つ一つのページごとにスライドしてあります。<br />
③　詳細ページにいく場合、一覧ページからクリックされた商品の詳細を表示する<br />
④　また、スライドは通常通り動く。</p>
<p>上記のような流れで実装したい！</p>
<p>今回初めて使ったのは「location.hash」です。</p>
<p>「location.hash」は一覧ページからidで指定した値を取得します。</p>
<p>一覧ページからクリックした場合のurlは</p>
<p></p>

		<div id="crayon-64953fd59569b522526158" 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;">
index.html#product01　　// #からの文字を取得します。</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-64953fd59569b522526158-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-64953fd59569b522526158-1"><span class="crayon-i">index</span><span class="crayon-sy">.</span><span class="crayon-i">html</span><span class="crayon-p">#product01　　// #からの文字を取得します。</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p> </p>
<p></p>

		<div id="crayon-64953fd59569f605822285" 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;">
if (location.hash){
		id = location.hash.replace("#product0","");  //最後の数字を取得しています。

			$('#slider1').bxSlider({
				 	startSlide: id - 1,　//zero based
					infiniteLoop: true,
//  infiniteLoopをtrueにしてループ表示を有効化します。
  				});
	}else{
		$('#slider1').bxSlider();
	}</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-64953fd59569f605822285-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd59569f605822285-2">2</div><div class="crayon-num" data-line="crayon-64953fd59569f605822285-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd59569f605822285-4">4</div><div class="crayon-num" data-line="crayon-64953fd59569f605822285-5">5</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd59569f605822285-6">6</div><div class="crayon-num" data-line="crayon-64953fd59569f605822285-7">7</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd59569f605822285-8">8</div><div class="crayon-num" data-line="crayon-64953fd59569f605822285-9">9</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd59569f605822285-10">10</div><div class="crayon-num" data-line="crayon-64953fd59569f605822285-11">11</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-64953fd59569f605822285-1"><span class="crayon-st">if</span><span class="crayon-h"> </span><span class="crayon-sy">(</span><span class="crayon-i">location</span><span class="crayon-sy">.</span><span class="crayon-i">hash</span><span class="crayon-sy">)</span><span class="crayon-sy">{</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd59569f605822285-2"><span class="crayon-h">		</span><span class="crayon-i">id</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-i">location</span><span class="crayon-sy">.</span><span class="crayon-i">hash</span><span class="crayon-sy">.</span><span class="crayon-e">replace</span><span class="crayon-sy">(</span><span class="crayon-s">"#product0"</span><span class="crayon-sy">,</span><span class="crayon-s">""</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span><span class="crayon-h">&nbsp;&nbsp;</span><span class="crayon-c">//最後の数字を取得しています。</span></div><div class="crayon-line" id="crayon-64953fd59569f605822285-3">&nbsp;</div><div class="crayon-line crayon-striped-line" id="crayon-64953fd59569f605822285-4"><span class="crayon-h">			</span><span class="crayon-sy">$</span><span class="crayon-sy">(</span><span class="crayon-s">'#slider1'</span><span class="crayon-sy">)</span><span class="crayon-sy">.</span><span class="crayon-e">bxSlider</span><span class="crayon-sy">(</span><span class="crayon-sy">{</span></div><div class="crayon-line" id="crayon-64953fd59569f605822285-5"><span class="crayon-h">				 	</span><span class="crayon-i">startSlide</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-i">id</span><span class="crayon-h"> </span>-<span class="crayon-h"> </span><span class="crayon-cn">1</span><span class="crayon-sy">,</span>　<span class="crayon-c">//zero based</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd59569f605822285-6"><span class="crayon-h">					</span><span class="crayon-i">infiniteLoop</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-t">true</span><span class="crayon-sy">,</span></div><div class="crayon-line" id="crayon-64953fd59569f605822285-7"><span class="crayon-c">//&nbsp;&nbsp;infiniteLoopをtrueにしてループ表示を有効化します。</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd59569f605822285-8"><span class="crayon-h">&nbsp;&nbsp;				</span><span class="crayon-sy">}</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-64953fd59569f605822285-9"><span class="crayon-h">	</span><span class="crayon-sy">}</span><span class="crayon-st">else</span><span class="crayon-sy">{</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd59569f605822285-10"><span class="crayon-h">		</span><span class="crayon-sy">$</span><span class="crayon-sy">(</span><span class="crayon-s">'#slider1'</span><span class="crayon-sy">)</span><span class="crayon-sy">.</span><span class="crayon-e">bxSlider</span><span class="crayon-sy">(</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-64953fd59569f605822285-11"><span class="crayon-h">	</span><span class="crayon-sy">}</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p> </p>

URLを取得してスライドショーの位置を調整する

<p>今回はxargsコマンドによる一括操作を紹介したいと思います。</p>
<h3>あるフォルダ下のファイルを検索し、特定文字列があるところを出力</h4>
<p></p>

		<div id="crayon-64953fd5954ba106189722" 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;">
find /path/to/files -type f -print | xargs grep "search_string"</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-64953fd5954ba106189722-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-64953fd5954ba106189722-1"><span class="crayon-i">find</span><span class="crayon-h"> </span>/<span class="crayon-i">path</span>/<span class="crayon-st">to</span>/<span class="crayon-i">files</span><span class="crayon-h"> </span>-<span class="crayon-i">type</span><span class="crayon-h"> </span><span class="crayon-i">f</span><span class="crayon-h"> </span>-<span class="crayon-i">print</span><span class="crayon-h"> </span><span class="crayon-sy">|</span><span class="crayon-h"> </span><span class="crayon-e">xargs </span><span class="crayon-i">grep</span><span class="crayon-h"> </span><span class="crayon-s">"search_string"</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p> </p>
<h3>あるフォルダ下のファイルを検索し、特定文字列を置換</h4>
<p></p>

		<div id="crayon-64953fd5954be030239999" 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;">
find /path/to/files -name "*.sh" -print | xargs sed -i 's@string_before_replace@string_after_replace@g'</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-64953fd5954be030239999-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-64953fd5954be030239999-1"><span class="crayon-i">find</span><span class="crayon-h"> </span>/<span class="crayon-i">path</span>/<span class="crayon-st">to</span>/<span class="crayon-i">files</span><span class="crayon-h"> </span>-<span class="crayon-i">name</span><span class="crayon-h"> </span><span class="crayon-s">"*.sh"</span><span class="crayon-h"> </span>-<span class="crayon-i">print</span><span class="crayon-h"> </span><span class="crayon-sy">|</span><span class="crayon-h"> </span><span class="crayon-e">xargs </span><span class="crayon-i">sed</span><span class="crayon-h"> </span>-<span class="crayon-i">i</span><span class="crayon-h"> </span><span class="crayon-s">'s@string_before_replace@string_after_replace@g'</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>※置換操作の前に、ファイルのバックアップを取ったほうがより安全でオススメです。</p>
<h3>あるフォルダ下のファイルを検索し、子フォルダだけ権限変更</h4>
<p></p>

		<div id="crayon-64953fd5954c0642220699" 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;">
find /path/to/files -type d -print0 | xargs -0 chmod 777</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-64953fd5954c0642220699-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-64953fd5954c0642220699-1"><span class="crayon-i">find</span><span class="crayon-h"> </span>/<span class="crayon-i">path</span>/<span class="crayon-st">to</span>/<span class="crayon-i">files</span><span class="crayon-h"> </span>-<span class="crayon-i">type</span><span class="crayon-h"> </span><span class="crayon-i">d</span><span class="crayon-h"> </span>-<span class="crayon-i">print0</span><span class="crayon-h"> </span><span class="crayon-sy">|</span><span class="crayon-h"> </span><span class="crayon-i">xargs</span><span class="crayon-h"> </span>-<span class="crayon-cn">0</span><span class="crayon-h"> </span><span class="crayon-i">chmod</span><span class="crayon-h"> </span><span class="crayon-cn">777</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p> </p>
<p>※findコマンドもある程度一括操作ができるようです。</p>

【Linux】知って便利な一括操作コマンド

<p>Let&#8217;s start a new blog post. Today I would like to introduce a book,</p>
<p>of course, if you’re an entrepreneur, designer, programmer, or marketer working on a big idea and want to build</p>
<p style="padding-left: 30px;"><em><strong>A successful web application</strong></em></p>
<p style="padding-left: 30px;"><em><strong>with the smarter, faster, easier ways</strong></em><em><strong><br />
</strong></em></p>
<p>Here&#8217;s we go: <strong>Getting Real</strong> (http://gettingreal.37signals.com/)</p>
<p>This book is created by <strong>37signals </strong>that produces awesome software products and one open source web application framework(<strong><em>Ruby on Rails</em></strong>).</p>
<p>Book Outlines:</p>
<p style="padding-left: 30px;">1) Introduction</p>
<p style="padding-left: 60px;"><em>&#8211; Getting Real is actually building the real things what customers need and eliminates anything they don’t. </em></p>
<p style="padding-left: 60px;"><em>&#8211; You don’t need tons of money or a huge team or a lengthy development cycle to build great software.</em></p>
<p style="padding-left: 30px;"><em></em>2) The Starting Line</p>
<p style="padding-left: 60px;"><em>&#8211; Build Less : </em>Underdo your competition</p>
<p style="padding-left: 60px;"><em>&#8211; What’s Your Problem? : </em>Build software for yourself</p>
<p style="padding-left: 60px;"><em>&#8211; Fund Yourself : </em>Outside money is plan B</p>
<p style="padding-left: 60px;"><em>&#8211; Fix Time and Budget, Flex Scope : </em>Launch on time and on budget</p>
<p style="padding-left: 60px;"><em>&#8211; Have an Enemy : </em>Pick a fight</p>
<p style="padding-left: 60px;"><em>&#8211; It Shouldn&#8217;t be a Chore: </em>The less your app is a chore to build, the better it will be. Keep it small and manageable so you can actually enjoy the process.</p>
<p style="padding-left: 30px;">3) Stay Lean</p>
<p style="padding-left: 30px;">4) Priorities</p>
<p style="padding-left: 30px;">5) Feature Selection</p>
<p style="padding-left: 30px;">6) Process</p>
<p style="padding-left: 30px;">7) The Organization</p>
<p style="padding-left: 30px;">8) Staffing</p>
<p style="padding-left: 30px;">9) Interface Design</p>
<p style="padding-left: 30px;">10) Code</p>
<p style="padding-left: 30px;">11) Words</p>
<p style="padding-left: 30px;">12) Pricing and Signup</p>
<p style="padding-left: 30px;">13) Promotion</p>
<p style="padding-left: 30px;">14) Support</p>
<p style="padding-left: 30px;">15) Post-Launch</p>
<p style="padding-left: 30px;">16) Conclusion</p>
<p>I just introduced just top two chapters and if you would like to dig more, for completed reference, I attach English PDF version of this book. Please take a look and dig the content as much as you can.</p>
<p><a href="/uploads-archive/2013/12/Getting-Real-ebook-by-37signals.pdf">Getting Real [ebook by 37signals]</a></p>
<p>Enjoy!</p>


Getting Real for startups

Ajax でデータ送信、受信

<p>今更ながらですが、google fontsについての記事を書くことにしました。</p>
<p>1,2年前ぐらいwebフォントが出現し、モリサワ等の会社もwebフォントを提供していますが、<br />
webフォントを実際のサイトで使用したことはまだありません。</p>
<p>その理由としては有料ということもあると思いますが、そこまでフォントに対してこだわるお客さんがいないといった所でしょうか。。webフォントを読み込むのに時間がかかってユーザビリティが悪いといった懸念もあるように思います。</p>
<p>google fontsは無料かつ商用可で、特に登録もなく利用できるのですが、<br />
こちらは英語しかないためまだ使用に至っていません。</p>
<p>結局の所、今後もしばらくはwebフォントを使う予定はないかもしれません笑</p>
<p>とはいえ、使い方を学んでおくにこしたことはないので、<br />
軽くでは試してみたので、そちらとその流れを紹介したいと思います。</p>
<p><a class="demo" href="/demo/abe/36/" target="_blank">DEMO</a></p>
<h2>Google Fontsを使ってみた</h3>
<p>まずは、<a href="http://www.google.com/fonts" target="_blank">Google Fonts</a>で使いたいフォントを選びます。</p>
<p>&nbsp;</p>
<p><img decoding="async" loading="lazy" class="alignnone size-large wp-image-3728" alt="Google Fonts" src="/uploads-archive/2013/12/Google-Fonts-1024x592.jpg" width="630" height="364" srcset="/uploads-archive/2013/12/Google-Fonts-1024x592.jpg 1024w, /uploads-archive/2013/12/Google-Fonts-300x173.jpg 300w, /uploads-archive/2013/12/Google-Fonts-228x131.jpg 228w, /uploads-archive/2013/12/Google-Fonts.jpg 1206w" sizes="(max-width: 630px) 100vw, 630px" /></p>
<p>&nbsp;</p>
<p>今は全部629種類のフォントがあるようですね。<br />
基本的にはこの画面から、<br />
フォントのカテゴリー（Serif,Sans Serif,Display,Handwriting）やThickness,Slant,Widthを設定して検索できます。</p>
<p>フォントの右下の⇒みたいなマークを押すと、</p>
<p>詳細画面に遷移します。</p>
<h2>webフォントのスクリプトタグをゲット！</h3>
<p>&nbsp;</p>
<p><a href="/uploads-archive/2013/12/Google-Fonts2.jpg"><img decoding="async" loading="lazy" class="alignnone size-large wp-image-3727" alt="Google Fonts2" src="/uploads-archive/2013/12/Google-Fonts2-1024x592.jpg" width="630" height="364" srcset="/uploads-archive/2013/12/Google-Fonts2-1024x592.jpg 1024w, /uploads-archive/2013/12/Google-Fonts2-300x173.jpg 300w, /uploads-archive/2013/12/Google-Fonts2-228x131.jpg 228w, /uploads-archive/2013/12/Google-Fonts2.jpg 1206w" sizes="(max-width: 630px) 100vw, 630px" /></a></p>
<p>右側のストップウォッチみたいものはそのフォントを読み込むのかかる時間を表しているようです。</p>
<p>このページの下に、以下のようなwebフォントを読み込むスクリプトタグがあります。</p>
<p>&nbsp;</p>

		<div id="crayon-64953fd594c5c654787806" class="crayon-syntax crayon-theme-monokai crayon-font-monaco crayon-os-mac print-yes notranslate" data-settings=" minimize scroll-mouseover wrap" style=" margin-top: 12px; margin-bottom: 12px; font-size: 13px !important; line-height: 18px !important;">
		
			<div class="crayon-toolbar" data-settings=" mouseover overlay hide delay" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><span class="crayon-title"></span>
			<div class="crayon-tools" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><div class="crayon-button crayon-nums-button" title="Toggle Line Numbers"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-plain-button" title="Toggle Plain Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-wrap-button" title="Toggle Line Wrap"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-expand-button" title="Expand Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-copy-button" title="Copy"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-popup-button" title="Open Code In New Window"><div class="crayon-button-icon"></div></div><span class="crayon-language">XHTML</span></div></div>
			<div class="crayon-info" style="min-height: 19.5px !important; line-height: 19.5px !important;"></div>
			<div class="crayon-plain-wrap"><textarea  class="crayon-plain print-no" data-settings="dblclick" readonly style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 13px !important; line-height: 18px !important;">
&lt;link href='http://fonts.googleapis.com/css?family=Wellfleet' rel='stylesheet' type='text/css'&gt;</textarea></div>
			<div class="crayon-main" style="">
				<table class="crayon-table">
					<tr class="crayon-row">
				<td class="crayon-nums " data-settings="show">
					<div class="crayon-nums-content" style="font-size: 13px !important; line-height: 18px !important;"><div class="crayon-num" data-line="crayon-64953fd594c5c654787806-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-64953fd594c5c654787806-1"><span class="crayon-r ">&lt;link </span><span class="crayon-e ">href</span>=<span class="crayon-s ">'http://fonts.googleapis.com/css?family=Wellfleet'</span><span class="crayon-h"> </span><span class="crayon-e ">rel</span>=<span class="crayon-s ">'stylesheet'</span><span class="crayon-h"> </span><span class="crayon-e ">type</span>=<span class="crayon-s ">'text/css'</span><span class="crayon-r ">&gt;</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>&nbsp;</p>
<p>もうこれでOKです！</p>
<p>&nbsp;</p>
<p>あとはcssで、</p>
<p></p>

		<div id="crayon-64953fd594c60148252762" 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;">
font-family: 'Wellfleet', cursive;</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-64953fd594c60148252762-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-64953fd594c60148252762-1"><span class="crayon-e ">font-family</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-s">'Wellfleet'</span><span class="crayon-i ">,</span><span class="crayon-h"> </span><span class="crayon-i ">cursive</span><span class="crayon-sy">;</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p> </p>
<p>としてすればOKです！</p>
<p>非常に簡単ですね！</p>
<p>&nbsp;</p>
<h2>Google Fontsを選ぶのに便利なサイト</h3>
<p>以下のサイトでは、実際にgoogle fontsを試せて、ダウンロードまでできるサイトです。<br />
フォントの数が多いのでこちらで試しながらフォントを決めるのがオススメです！</p>
<p><a href="http://typecast.com/preview/google" class="link" target="_blank">Typecast &#8211; Public Demo | Design in the browser with web fonts and real content</a></p>
<p>また、googlefontsとは関係ないのですが、<br />
フォント選びということで、便利なサイトを紹介します。</p>
<p>好きな文字/単語を、<br />
自分のパソコンに入っているフォントで一覧で表示してくれるサイトです。<br />
一つ一つPhotoshopで試すのはちょっと面倒ですよね！<br />
意外と役に経ちます。</p>
<p><a href="http://wordmark.it/" class="link" target="_blank">wordmark.it &#8211; helps you choose fonts!</a></p>
<p>&nbsp;<br />
&nbsp;<br />
&nbsp;</p>
<p>google fontsで日本語出してくれないかな〜</p>

Company

Our Solutions

Support

News

Blog

Blogブログ

カテゴリーから探す

年別から見る

記事一覧 - Author: スターフィールド編集部

2014/01/21

2014/01/15

2014/01/15

2014/01/14

2014/01/14

2014/01/08

2014/01/08

2014/01/07

2014/01/07

2013/12/18

2013/12/17

2013/12/12

2013/12/11

2013/12/11

2013/12/10

2013/12/10

2013/12/04

2013/12/04