<?xml version="1.0" encoding="utf-8" ?>


<?xml-stylesheet href="http://d.hatena.ne.jp/amachang/rssxsl" type="text/xsl" media="screen"?>


<rdf:RDF
xmlns="http://purl.org/rss/1.0/"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:content="http://purl.org/rss/1.0/modules/content/"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xml:lang="ja">
<channel rdf:about="http://d.hatena.ne.jp/amachang/rss">
<title>IT戦記</title>
<link>http://d.hatena.ne.jp/amachang/</link>
<description>IT戦記</description>

<dc:creator>amachang</dc:creator>
<dc:date>2012-02-09T13:24:35+09:00</dc:date>
<items>
<rdf:Seq>
<rdf:li rdf:resource="http://d.hatena.ne.jp/amachang/20111226/1324874731"/>
<rdf:li rdf:resource="http://d.hatena.ne.jp/amachang/20111220/1324362455"/>
<rdf:li rdf:resource="http://d.hatena.ne.jp/amachang/20111209/1323396944"/>
<rdf:li rdf:resource="http://d.hatena.ne.jp/amachang/20111201/1322723928"/>
<rdf:li rdf:resource="http://d.hatena.ne.jp/amachang/20111017/1318822925"/>
</rdf:Seq>
</items>
</channel>



<item rdf:about="http://d.hatena.ne.jp/amachang/20111226/1324874731">
<title>[Windowns] Windows7 搭載マシンを買ってきてやったことまとめ</title>
<link>http://d.hatena.ne.jp/amachang/20111226/1324874731</link>
<description> はじめに みなさま、こんにちは！年末の忙しい時期ですが、お元気ですか？ 僕はなんとか元気です＞＜ 使っていた PC を壊してしまったので Windows7 搭載マシンを買ってきましたので、購入から初期設定、便利なアプリのインストールまでここにメモしておきたいと思います！ </description>

<content:encoded><![CDATA[
<div class="section">
<h4> はじめに</h4>
<p>みなさま、こんにちは！年末の忙しい時期ですが、お元気ですか？</p>
<p>僕はなんとか元気です＞＜</p>
<p>使っていた PC を壊してしまったので Windows7 搭載マシンを買ってきましたので、購入から初期設定、便利なアプリのインストールまでここにメモしておきたいと思います！</p>
<p><a href="http://f.hatena.ne.jp/amachang/20111222121028" class="hatena-fotolife" target="_blank"><img src="http://cdn-ak.f.st-hatena.com/images/fotolife/a/amachang/20111222/20111222121028.jpg" alt="f:id:amachang:20111222121028j:image" title="f:id:amachang:20111222121028j:image" class="hatena-fotolife"></a></p>
<h4> 購入まで</h4>
<p>と言うことでまず購入までにやったことをまとめてみたいと思います</p>
<h5> 価格.com で調べる</h5>
<p>まずは、<a href="http://kakaku.com/" target="_blank">価格.com</a>を使って、以下の条件で良さそうなパソコンを探してみます。</p>

<ul>
<li> 8 万円以下の価格</li>
<li> それなりのグラフィックボード（最近 <a href="http://www.minecraft.net/" target="_blank">Minecraft</a> っていうゲームをやってるので）</li>
<li> それなりのメモリ（メモリ安いので）</li>
<li> それなりの CPU</li>
<li> USB 3.0 （データ移行のときにハードディスクを USB 3.0 でつなぎたいので）</li>
<li> ディスクアクセス速度は、ある程度遅くても良い（RAM ディスクで頑張る戦略）</li>
</ul>
<h5> 買うパソコンを決める</h5>
<p>と、いうわけで以下のパソコンを購入することにしました</p>

<table>
<tr><td>製品名</td><td>Aspire AS5750G-A78D/K</td></tr>
<tr><td>CPU</td><td>Core i7-2670QM</td></tr>
<tr><td>メモリ</td><td>8GB</td></tr>
<tr><td>メインストレージ</td><td>HDD 500 GB</td></tr>
<tr><td>グラフィックボード</td><td>GeForce GT 540M 1GB</td></tr>
<tr><td>USB 3.0</td><td>有り</td></tr>
<tr><td>現時点での価格帯</td><td>75000 〜 80000 円くらい</td></tr>

</table>
<p><a href="http://www.acer.co.jp/ac/ja/JP/content/model/LX.RCF02.159" target="_blank">公式ページ</a></p>
<p><a href="http://kakaku.com/item/K0000304303/" target="_blank">価格.com のページ</a></p>
<h5> パソコンを買いにいく</h5>
<p>パソコンはその場ですぐに買いに行きたい派なので、<a href="http://kakaku.com/item/K0000304303/" target="_blank">価格.com のページ</a>から、「最安値に近い価格」で「地域が東京」で「店頭同価」なお店を調べてみます。</p>
<p>すると、以下のお店が良さそうだったので、そこに行ってきた</p>
<p><a href="http://akiba-r.com/" target="_blank">アキバ流通</a></p>
<p>で、実際に店頭に行ってみると倉庫みたいにパソコンが並んでいて、びっくり。ギーク心をくすぐられますね！</p>
<p><a href="http://f.hatena.ne.jp/amachang/20111222101700" class="hatena-fotolife" target="_blank"><img src="http://cdn-ak.f.st-hatena.com/images/fotolife/a/amachang/20111222/20111222101700.jpg" alt="f:id:amachang:20111222101700j:image" title="f:id:amachang:20111222101700j:image" class="hatena-fotolife"></a></p>
<p>あと、このお店のすごく良いなと思ったところは、まったく接客されないところですね！めちゃめちゃ気楽に買うことができました！</p>
<p>棚の中に、お目当てのパソコンがありました！</p>
<p><a href="http://f.hatena.ne.jp/amachang/20111222101837" class="hatena-fotolife" target="_blank"><img src="http://cdn-ak.f.st-hatena.com/images/fotolife/a/amachang/20111222/20111222101837.jpg" alt="f:id:amachang:20111222101837j:image" title="f:id:amachang:20111222101837j:image" class="hatena-fotolife"></a></p>
<p>実際に購入した価格は 75150 円でした。</p>
<h5> せっかく秋葉原に行ったので</h5>
<p>いろいろ衝動買いしちゃいました☆（ゝω・）vキャピ </p>
<p><a href="http://f.hatena.ne.jp/amachang/20111222121028" class="hatena-fotolife" target="_blank"><img src="http://cdn-ak.f.st-hatena.com/images/fotolife/a/amachang/20111222/20111222121028.jpg" alt="f:id:amachang:20111222121028j:image" title="f:id:amachang:20111222121028j:image" class="hatena-fotolife"></a></p>
<h4> 開封の儀</h4>
<p>無事、購入することが出来たのでさっそく開封してみましょう！</p>
<p><a href="http://f.hatena.ne.jp/amachang/20111222121548" class="hatena-fotolife" target="_blank"><img src="http://cdn-ak.f.st-hatena.com/images/fotolife/a/amachang/20111222/20111222121548.jpg" alt="f:id:amachang:20111222121548j:image" title="f:id:amachang:20111222121548j:image" class="hatena-fotolife"></a></p>
<p>さっそく開けてみます！</p>
<p>じゃじゃーん！まさかの箱 in 箱！</p>
<p><a href="http://f.hatena.ne.jp/amachang/20111222121744" class="hatena-fotolife" target="_blank"><img src="http://cdn-ak.f.st-hatena.com/images/fotolife/a/amachang/20111222/20111222121744.jpg" alt="f:id:amachang:20111222121744j:image" title="f:id:amachang:20111222121744j:image" class="hatena-fotolife"></a></p>
<p>最終的な中身は、バッテリー、 AC アダプタ、ケーブル、本体となんか紙類。</p>
<p><a href="http://f.hatena.ne.jp/amachang/20111222122722" class="hatena-fotolife" target="_blank"><img src="http://cdn-ak.f.st-hatena.com/images/fotolife/a/amachang/20111222/20111222122722.jpg" alt="f:id:amachang:20111222122722j:image" title="f:id:amachang:20111222122722j:image" class="hatena-fotolife"></a></p>
<p>とりあえず</p>
<p>最近は CD-ROM とか付いてないんですな</p>
<h4> 最初の起動</h4>
<p>開封したら、さっそく起動します</p>
<h5> Windows の初期設定</h5>

<ul>
<li> ポチっとな

<ul>
<li> <a href="http://f.hatena.ne.jp/amachang/20111222123614" class="hatena-fotolife" target="_blank"><img src="http://cdn-ak.f.st-hatena.com/images/fotolife/a/amachang/20111222/20111222123614.jpg" alt="f:id:amachang:20111222123614j:image" title="f:id:amachang:20111222123614j:image" class="hatena-fotolife"></a></li>
</ul>
</li>
<li> 以下のような画面が出てくるので、「次へ」をクリック

<ul>
<li> <a href="http://f.hatena.ne.jp/amachang/20111222123758" class="hatena-fotolife" target="_blank"><img src="http://cdn-ak.f.st-hatena.com/images/fotolife/a/amachang/20111222/20111222123758.jpg" alt="f:id:amachang:20111222123758j:image" title="f:id:amachang:20111222123758j:image" class="hatena-fotolife"></a></li>
</ul>
</li>
<li> ユーザー名を「amachang」、コンピュータ名を「amandows」にして、「次へ」をクリック</li>
<li> パスワードを入力して、「次へ」をクリック</li>
<li> 「同意します」のチェックボックスをチェックして、「次へ」をクリック</li>
<li> 「推奨設定を使用します」をクリック</li>
<li> 日時をあわせて、「次へ」をクリック</li>
<li> 「ワイヤレスネットワークへの接続」の画面で、無線ネットワークを一つ選択して、「次へ」をクリック</li>
<li> 「コンピュータの場所」を選んでクリック（わからない場合はパブリックネットワークにしとけば良いと思う）

<ul>
<li> <a href="http://f.hatena.ne.jp/amachang/20111222124537" class="hatena-fotolife" target="_blank"><img src="http://cdn-ak.f.st-hatena.com/images/fotolife/a/amachang/20111222/20111222124537.jpg" alt="f:id:amachang:20111222124537j:image" title="f:id:amachang:20111222124537j:image" class="hatena-fotolife"></a></li>
</ul>
</li>
</ul>
<p>これで、 Windows の初期設定が終了します！</p>
<blockquote>
<h5> さて、使い始めるかと思ったら</h5>
<p>なんか、 Acer の登録画面が出てきました＞＜</p>
<p><a href="http://f.hatena.ne.jp/amachang/20111222125253" class="hatena-fotolife" target="_blank"><img src="http://cdn-ak.f.st-hatena.com/images/fotolife/a/amachang/20111222/20111222125253.jpg" alt="f:id:amachang:20111222125253j:image" title="f:id:amachang:20111222125253j:image" class="hatena-fotolife"></a></p>
<p>めんどくさいので「省略」をクリック</p>
<h5> さて、こんどこそ</h5>
<p>と、思ったら今度はマカフィー＞＜</p>
<p><a href="http://f.hatena.ne.jp/amachang/20111222125328" class="hatena-fotolife" target="_blank"><img src="http://cdn-ak.f.st-hatena.com/images/fotolife/a/amachang/20111222/20111222125328.jpg" alt="f:id:amachang:20111222125328j:image" title="f:id:amachang:20111222125328j:image" class="hatena-fotolife"></a></p>
<p>めんどくさいよう＞＜</p>
<p>（まあ、このおかげで多少安く買えるんでしょうね）</p>
<p>とりあえず、マカフィーを使う気はないので「後でアクティベート」するを選択する</p>
</blockquote>
<h5> 最初のデスクトップ</h5>
<p>一番最初のデスクトップはこんな感じ。</p>
<p><a href="http://f.hatena.ne.jp/amachang/20111226115534" class="hatena-fotolife" target="_blank"><img src="http://cdn-ak.f.st-hatena.com/images/fotolife/a/amachang/20111226/20111226115534.png" alt="f:id:amachang:20111226115534p:image" title="f:id:amachang:20111226115534p:image" class="hatena-fotolife"></a></p>
<p>割とすっきりしてますね！わくわく！</p>
<h5> 性能を見てみる</h5>
<p>では、さっそく性能を確認してみましょう</p>

<ul>
<li> デスクトップ左下の丸いボタン（以後、「スタートメニュー」）をクリック</li>
<li> 「コントロールパネル」をクリック

<ul>
<li> <a href="http://f.hatena.ne.jp/amachang/20111226115528" class="hatena-fotolife" target="_blank"><img src="http://cdn-ak.f.st-hatena.com/images/fotolife/a/amachang/20111226/20111226115528.jpg" alt="f:id:amachang:20111226115528j:image" title="f:id:amachang:20111226115528j:image" class="hatena-fotolife"></a></li>
</ul>
</li>
<li> 「システムとセキュリティ」をクリック</li>
<li> 「RAM の量とプロセッサ速度の表示」をクリック</li>
<li> おおおお！ちゃんと 8GB 認識されてますね！

<ul>
<li> <a href="http://f.hatena.ne.jp/amachang/20111226115532" class="hatena-fotolife" target="_blank"><img src="http://cdn-ak.f.st-hatena.com/images/fotolife/a/amachang/20111226/20111226115532.jpg" alt="f:id:amachang:20111226115532j:image" title="f:id:amachang:20111226115532j:image" class="hatena-fotolife"></a></li>
</ul>
</li>
<li> 次に、さきほどの「システムとセキュリティ」の画面に戻り、「Windows エクスペリエンスインデックスの確認」をクリック</li>
<li> むむむ。やはりハードディスクのアクセス速度がボトルネックになっていますね！後でちゃんと作戦を考えましょう

<ul>
<li> <a href="http://f.hatena.ne.jp/amachang/20111226115533" class="hatena-fotolife" target="_blank"><img src="http://cdn-ak.f.st-hatena.com/images/fotolife/a/amachang/20111226/20111226115533.jpg" alt="f:id:amachang:20111226115533j:image" title="f:id:amachang:20111226115533j:image" class="hatena-fotolife"></a></li>
</ul>
</li>
</ul>
<h4> Windows Update</h4>
<p>正常に起動したことを確認したあとは、何はともあれ Windows を最新の状態に更新します</p>

<ul>
<li> 「スタートメニュー」をクリックして、「すべてのプログラム」をクリック</li>
<li> 「Windows Update」をクリック</li>
<li> 「更新プログラムのインストール」をクリック

<ul>
<li> <a href="http://f.hatena.ne.jp/amachang/20111226120557" class="hatena-fotolife" target="_blank"><img src="http://cdn-ak.f.st-hatena.com/images/fotolife/a/amachang/20111226/20111226120557.png" alt="f:id:amachang:20111226120557p:image" title="f:id:amachang:20111226120557p:image" class="hatena-fotolife"></a></li>
</ul>
</li>
<li> 暗転して、「ユーザーアクセス制御」のウィンドウが表示されるので「はい」をクリック（以下、ところどころでこれが起こるがすべて「はい」）</li>
<li> 同意確認などが表示された場合は、同意しつつ進める</li>
<li> 処理が終了し、再起動が必要な場合は「今すぐ再起動」をクリック</li>
<li> 再起動後、もう一度「スタートメニュー」→「すべてのプログラム」→「Windows Update」をクリックし</li>
<li> 「更新プログラムは正常にインストールされました」が表示されるまで、「更新プログラムのインストール」と「今すぐ再起動」を繰り返す

<ul>
<li> <a href="http://f.hatena.ne.jp/amachang/20111226120558" class="hatena-fotolife" target="_blank"><img src="http://cdn-ak.f.st-hatena.com/images/fotolife/a/amachang/20111226/20111226120558.png" alt="f:id:amachang:20111226120558p:image" title="f:id:amachang:20111226120558p:image" class="hatena-fotolife"></a></li>
</ul>
</li>
</ul>
<p>はい！これで、 Windows が最新になりました！やったね！</p>
<blockquote>
<h5> リカバリディスクの作成</h5>
<p>プリインストール版の Windows7 の場合、OS のインストールディスクが付いていないので、出荷時の状態に戻すための「リカバリディスク」を作成する必要があります</p>

<ul>
<li> 「スタートメニュー」をクリックして、「すべてのプログラム」をクリック</li>
<li> 「Acer」をクリックし、「Acer eRecovery Management」をクリック</li>
<li> 「デフォルトイメージディスクの作成」をクリック（このデフォルトイメージディスクっていうのが、俗に言う「リカバリディスク」ですね）

<ul>
<li> <a href="http://f.hatena.ne.jp/amachang/20111226120751" class="hatena-fotolife" target="_blank"><img src="http://cdn-ak.f.st-hatena.com/images/fotolife/a/amachang/20111226/20111226120751.png" alt="f:id:amachang:20111226120751p:image" title="f:id:amachang:20111226120751p:image" class="hatena-fotolife"></a></li>
</ul>
</li>
<li> 「開始」をクリック</li>
<li> DVD-R メディアをドライブに入れて「はい」をクリック</li>
<li> 「デフォルトイメージバックアップの作成」が始まるので、しばらく待つ</li>
<li> ディスクを交換しつつしばらく待つと、計 3 枚のリカバリディスクが完成しますので、大事に保管しておきます。

<ul>
<li> <a href="http://f.hatena.ne.jp/amachang/20111222141358" class="hatena-fotolife" target="_blank"><img src="http://cdn-ak.f.st-hatena.com/images/fotolife/a/amachang/20111222/20111222141358.jpg" alt="f:id:amachang:20111222141358j:image" title="f:id:amachang:20111222141358j:image" class="hatena-fotolife"></a></li>
</ul>
</li>
</ul>
<p>これで、パソコンが壊れたときは出荷時の状態に戻せますね。えっとどこに保管しよう＞＜</p>
<p>リカバリディスクができたら、ウィンドウを閉じます。</p>
</blockquote>
<h4> ディレクトリの構成を考える</h4>
<p>次に、ディレクトリ（フォルダ）をどういう風に使っていくかという方針を考えます</p>

<ul>
<li> インストーラが付いているアプリは、基本的にはそのアプリのデフォルトのインストール先（C:\Program Files とか）にインストールする</li>
<li> インストーラが付いていないアプリに関しては以下の方針でおく

<ul>
<li> CUI 系のアプリ（コマンドプロンプトから使うアプリ）はユーザーディレクトリ（C:\Users\&#60;ユーザー名&#62;）直下に bin というディレクトリを作りそこに置く</li>
<li> GUI 系のアプリ（ウィンドウやメニューを持ったアプリ）はユーザーディレクトリ直下に tools というディレクトリを作りそこに置く</li>
</ul>
</li>
<li> インストーラや ZIP ファイルや tar ファイルや lzh ファイルなどはユーザーディレクトリ直下に archives ディレクトリを作りそこに置く</li>
<li> プログラムを開発するときは、ユーザーディレクトリ直下に dev ディレクトリを作り、そこにソースやリソースファイルを置く</li>
<li> その他のデータファイルはその都度考え、必ずユーザーディレクトリ以下に置く</li>
</ul>
<p>まとめると</p>
<pre>
C:&#92;Program Files … インストーラ付きアプリ
C:&#92;Proguram Files (x86) … インストーラ付きアプリ
C:&#92;Users&#92;amachang&#92;
  - bin … CUI 系アプリ
  - tools … GUI 系アプリ
  - archives … インストーラとか配布ファイル
  - dev … 開発時のソースファイルや、リソースファイルを置く
  - data … 雑多なデータ
</pre>

<h4> 不要なアプリやファイルの削除</h4>
<p>さて、いろいろな設定やアプリをインストールする前に、不要なプリインストールされたアプリやファイルを削除しましょう。</p>
<p>基本的に 500GB のハードディスクなので、ファイルの容量が邪魔になることはありませんなので、以下ようなプリインストールされたアプリやファイルを削除する方針でいきたいと思います。</p>

<ul>
<li> よく使うディレクトリや、なんらかのリストに表示され、一覧性をそこなうファイルやアプリ</li>
<li> 不必要なのに起動するアプリ</li>
</ul>
<h5> 不要なアプリを探すため Process Explorer をインストール</h5>
<p>不要なアプリを探すために、 Windows に元々入っている「タスクマネージャ」を使ってもいいのですが、更に便利な「Process Explorer」というアプリをインストールします。</p>

<ul>
<li> <a href="http://technet.microsoft.com/ja-jp/sysinternals/bb896653" target="_blank">http://technet.microsoft.com/ja-jp/sysinternals/bb896653</a> へ行く</li>
<li> 「Process Explorer のダウンロード」をクリック

<ul>
<li> <a href="http://f.hatena.ne.jp/amachang/20111226121122" class="hatena-fotolife" target="_blank"><img src="http://cdn-ak.f.st-hatena.com/images/fotolife/a/amachang/20111226/20111226121122.jpg" alt="f:id:amachang:20111226121122j:image" title="f:id:amachang:20111226121122j:image" class="hatena-fotolife"></a></li>
</ul>
</li>
<li> ProcessExplorer.zip というファイルがダウンロードされるので、解凍する</li>
</ul>
<p>これで Process Explorer が使える状態なので、さっそく起動してみましょう</p>

<ul>
<li> 解凍された procexp.exe をダブルクリック</li>
<li> 「Process Explorer License Agreement」ウィンドウが表示されるので、「Agree」をクリック</li>
<li> すると、以下のようなプロセス（アプリの実行単位）の一覧が表示される

<ul>
<li> <a href="http://f.hatena.ne.jp/amachang/20111226121127" class="hatena-fotolife" target="_blank"><img src="http://cdn-ak.f.st-hatena.com/images/fotolife/a/amachang/20111226/20111226121127.jpg" alt="f:id:amachang:20111226121127j:image" title="f:id:amachang:20111226121127j:image" class="hatena-fotolife"></a></li>
</ul>
</li>
</ul>
<p>おおお！これは便利ですね！</p>
<p>また、以下のようにユーザーアクセス制御を介すと、すべてのプロセスの詳細が見られるようになります</p>
<p><a href="http://f.hatena.ne.jp/amachang/20111226121128" class="hatena-fotolife" target="_blank"><img src="http://cdn-ak.f.st-hatena.com/images/fotolife/a/amachang/20111226/20111226121128.jpg" alt="f:id:amachang:20111226121128j:image" title="f:id:amachang:20111226121128j:image" class="hatena-fotolife"></a></p>
<p>また、以下の手順で実行ファイルの位置を表示するようにしておきます</p>

<ul>
<li> カラムのところを右クリックして「Select Columns...」をクリック</li>
<li>「Select Columns」ウィンドウで「Image Path」のチェックをオンにして「OK」をクリック</li>
</ul>
<p><a href="http://f.hatena.ne.jp/amachang/20111226121130" class="hatena-fotolife" target="_blank"><img src="http://cdn-ak.f.st-hatena.com/images/fotolife/a/amachang/20111226/20111226121130.jpg" alt="f:id:amachang:20111226121130j:image" title="f:id:amachang:20111226121130j:image" class="hatena-fotolife"></a></p>
<p>そうすると、以下のように「Path」というカラムに実行ファイルの位置が表示されるようになります。</p>
<p>これで、どこにインストールされたアプリが要らないかを検討することが出来ますね！</p>
<h5> 一般的なアプリのアンインストール方法</h5>
<p>不要なプロセスの概要が分かってきたら、まずは以下の手順でアンインストールを試みます。</p>

<ul>
<li> 「スタートメニュー」から「コントロールパネル」をクリック</li>
<li> 「コントロールパネル」ウィンドウから、「プログラムのアンインストール」クリック</li>
<li> 「プログラムのアンインストールまたは変更」ウィンドウにアプリ一覧が表示されるので

<ul>
<li> <a href="http://f.hatena.ne.jp/amachang/20111226121120" class="hatena-fotolife" target="_blank"><img src="http://cdn-ak.f.st-hatena.com/images/fotolife/a/amachang/20111226/20111226121120.jpg" alt="f:id:amachang:20111226121120j:image" title="f:id:amachang:20111226121120j:image" class="hatena-fotolife"></a></li>
</ul>
</li>
<li> 不要なアプリを選んで右クリックし「アンインストール」をクリック

<ul>
<li> <a href="http://f.hatena.ne.jp/amachang/20111226121121" class="hatena-fotolife" target="_blank"><img src="http://cdn-ak.f.st-hatena.com/images/fotolife/a/amachang/20111226/20111226121121.jpg" alt="f:id:amachang:20111226121121j:image" title="f:id:amachang:20111226121121j:image" class="hatena-fotolife"></a></li>
</ul>
</li>
</ul>
<p>このようにして、一般的なアプリではアンインストールを行うことができます。</p>
<p>このとき、「Process Explorer」の「Company Name」を覚えておいて、「プログラムのアンインストールまたは変更」での「発行元」を調べると見つけやすいです</p>
<p>アプリによってはコントロールパネルで削除できないアプリもあります。</p>
<p>そのときの削除方法は以下のようになります</p>

<ul>
<li> 方法の調べ方

<ul>
<li> アンインストール方法をネットで検索する</li>
<li> 「Process Explorer」の「Company Name」で表示される会社に問い合わせる</li>
</ul>
</li>
<li> 方法は以下の処理をやる可能性がある

<ul>
<li> 個別にアンインストール用のプログラムがある場合はそれを使う</li>
<li> 実行ファイルやディレクトリを削除する</li>
<li> レジストリを削除する</li>
</ul>
</li>
</ul>
<blockquote>
<h5> Aspire 5750G にプリインストールされているアプリのアンインストール</h5>
<p>では、今回買ったパソコンでプリインストールされている不要なアプリをどんどん消していきましょう。</p>
<p>明らかに必要そうなアプリはここには乗せていません。</p>

<table>
<tr><th>アプリ名</th><th>常駐プロセスの実行パス</th><th>要不要</th><th>備考</th></tr>
<tr><td>Norton Online Backup</td><td>C:\Program Files (x86)\Symantec\Norton Online Backup\NOBuAgent.exe</td><td>不要</td><td>「30 日間だけ無料のオンラインバックアップシステム」のためのプロセスは要らない</td></tr>
<tr><td>Renesas Electronics USB 3.0 Host Controller Driver</td><td>C:\Program Files (x86)\Renesas Electronics\USB 3.0 Host Controller Driver\Application\nusb3mon.exe</td><td>要</td><td>USB 3.0 を制御するためのプロセスと思われる</td></tr>
<tr><td>Realtek High Definition Audio Driver</td><td>C:\Program Files\Realtek\Audio\HDA\RAVCpl64.exe, C:\Program Files\Realtek\Audio\HDA\RAVBg64.exe</td><td>要</td><td>オーディオドライバを管理するためのプロセスと思われる</td></tr>
<tr><td>よくわからないけど NVIDIA 関係</td><td>C:\Program Files\NVIDIA Corporation\Display\NvXDSync.exe, C:\Windows\System32\nvvsvc.exe, C:\Program Files (x86)\NVIDIA Corporation\NVIDIA Updatus\daemonu.exe</td><td>要</td><td>グラフィックドライバ関連と思われる</td></tr>
<tr><td>NTI Media Maker 9</td><td>なし？</td><td>不要</td><td>CD とか DVD オーサリングツールは要らないかなー</td></tr>
<tr><td>Acer Backup Manager</td><td>C:\Program Files (x86)\NTI\Acer Backup Manager\IScheduleSvc.exe, C:\Program Files (x86)\NTI\Acer Backup Manager\BackupManagerTray.exe</td><td>不要</td><td>バックアップは自分でやるし、プロセスを常駐させるほど必要と思えない</td></tr>
<tr><td>Bing Bar</td><td>なし？</td><td>不要</td><td>ブラウザのバーは要らない</td></tr>
<tr><td>Windows Live Essentials 2011</td><td>なし？</td><td>不要</td><td>まあ、便利なものもあると思うけど全部は要らないので消す</td></tr>
<tr><td>Microsoft SQL Server 2005 Compact Edition [ENU]</td><td>なし？</td><td>不要</td><td>ちょっと悩んだけど、 Windows Live Essentials も使わないので、消してみる。必要だったらまた入れればいいや</td></tr>
<tr><td>Microsoft Silverlight</td><td>なし？</td><td>要</td><td>ときどき必要な場合もあるので、入れとこうかな</td></tr>
<tr><td>.NET Framework 系、 Visual Studio のランタイム系</td><td>なし？</td><td>要</td><td>まあ、いつか入りそうな気もするし</td></tr>
<tr><td>マカフィー インターネットセキュリティ スイート</td><td>C:\Windows\System32\mfevtps.exe, C:\Program Files\Common Files\mcafee\SystemCore\\mfefire.exe, C:\Program Files\Common Files\mcafee\McSvcHost\McSvHost.exe, C:\Program Files\Common Files\mcafee\SystemCore\\mcshield.exe, C:\Program Files\mcafee.com\agent\mcagent.exe</td><td>不要</td><td>試用版は要らない</td></tr>
<tr><td>newsXpresso</td><td>なし？</td><td>不要</td><td>ニュースはウェブブラウザで見るので</td></tr>
<tr><td>ETDWare PS/2-X64 8.0.6.3_WHQL</td><td>C:\Program Files\Elantech\ETDCtrlHelper.exe, C:\Program Files\Elantech\ETDCtrl.exe</td><td>要</td><td>タッチパッド関連。普段は外付けのトラックボール使ってて要らないんだけど、外出時に要るから</td></tr>
<tr><td>MyWinLocker Suite</td><td>C:\Program Files\EgisTec IPS\PMMUpdate.exe</td><td>不要</td><td>よく分からない暗号化ツールは要らない。もし必要になったら OpenSSL のユーティリティとかで暗号化するかな</td></tr>
<tr><td>Dolby Advanced Audio v2</td><td>C:\Dolby PCEE4\pcee4.exe</td><td>要</td><td>ちょっと悩んだけど、音がよくなるらしいので入れておく</td></tr>
<tr><td>clear.fi, clear.fi Client</td><td>C:\Program Files (x86)\Acer\clear.fi\Movie\clear.fiMovieService.exe, C:\Program Files (x86)\Acer\clear.fi\MVP\clear.fiAgent.exe</td><td>不要</td><td>ホームシアターアプリは不要。変にファイルの関連付けするし常駐プロセスまである＞＜</td></tr>
<tr><td>Acer Crystal Eye Webcam</td><td>なし？</td><td>不要</td><td>まあ、ノート PC からそんなに写真とらないかな</td></tr>
<tr><td>Broadcom NetLink Controller, Broadcom Card Reader Driver Installer</td><td>なし？</td><td>要</td><td>なんか、ネットワークドライバ関連っぽいので</td></tr>
<tr><td>Acer Updater</td><td>C:\Program Files\Acer\Acer Updater\UpdaterService.exe</td><td>要</td><td>ドライバのアップデートとかをやってくれるらしいので</td></tr>
<tr><td>Acer eRecovery Management</td><td>なし？</td><td>不要</td><td>もうリカバリディスク作ったので</td></tr>
<tr><td>Acer ePower Management</td><td>C:\Program Files\Acer\Acer ePower Management\ePowerTray.exe, C:\Program Files\Acer\Acer ePower Management\ePowerSvc.exe, C:\Program Files\Acer\Acer ePower Management\ePowerEvent.exe</td><td>不要</td><td>Windows Vista のデフォルトのコントロールパネルで同じことが出来るから</td></tr>
<tr><td>Identity Card</td><td>なし？</td><td>要</td><td>パソコンのシリアル番号を表示するためだけのファイル。要らないと思うけど、特に常駐プロセスもないので入れといてもいいかな</td></tr>
<tr><td>Welcome Center</td><td>なし？</td><td>不要</td><td>名前からしていらない</td></tr>
<tr><td>Acer ScreenSaver</td><td>なし？</td><td>不要</td><td>スクリーンセーバーってそんなにたくさん要らない</td></tr>
<tr><td>Acer Registration</td><td>C:\Program Files (x86)\Acer\Registration\GREGsvc.exe</td><td>不要</td><td>ユーザー登録とかは要らないかな</td></tr>
<tr><td>Launch Manager</td><td>？</td><td>不要</td><td>ショートカットキー管理は AutoHotkey でやるので要らない</td></tr>

</table>
<p>ふー！要らないものを削除して、だいぶすっきりしました！</p>
</blockquote>
<h4> アンチウィルスソフトウェアのインストール</h4>
<p>今まで、アンチウィルスソフトウェアと言えば長年 Avast! というソフトを使ってきたのですが</p>
<p>今回は Microsoft の Microsoft Security Essentials をインストールしてみたいと思います。</p>
<p>無料ですし、動作が軽くて良いらしいので</p>

<ul>
<li> まず、 <a href="http://windows.microsoft.com/ja-JP/windows/products/security-essentials" target="_blank">http://windows.microsoft.com/ja-JP/windows/products/security-essentials</a> へ行く</li>
<li> 「無料でダウンロード」をクリック

<ul>
<li> <a href="http://f.hatena.ne.jp/amachang/20111226122131" class="hatena-fotolife" target="_blank"><img src="http://cdn-ak.f.st-hatena.com/images/fotolife/a/amachang/20111226/20111226122131.jpg" alt="f:id:amachang:20111226122131j:image" title="f:id:amachang:20111226122131j:image" class="hatena-fotolife"></a></li>
</ul>
</li>
<li> ダウンロードされた mseinstall.exe というファイルをダブルクリックして実行</li>
<li> 「ユーザーアカウント制御」ウィンドウで「はい」をクリック</li>
<li> 「ようこそ」と表示されるので、「次へ」をクリック</li>
<li> 「ライセンス条項」が表示されるので、「同意します」をクリック</li>
<li> 「プログラムに参加する」が表示されるので、「今はこのプログラムに参加しない」を選択して「次へ」をクリック

<ul>
<li> <a href="http://f.hatena.ne.jp/amachang/20111226122134" class="hatena-fotolife" target="_blank"><img src="http://cdn-ak.f.st-hatena.com/images/fotolife/a/amachang/20111226/20111226122134.jpg" alt="f:id:amachang:20111226122134j:image" title="f:id:amachang:20111226122134j:image" class="hatena-fotolife"></a></li>
</ul>
</li>
<li> 「セキュリティを最適化する」が表示されるので、そのまま「次へ」をクリック</li>
<li> 「準備完了」と表示されるので、「インストール」をクリック</li>
<li> しばらく待つ</li>
<li> 「完了」と表示されるので、「スキャンして潜在的な脅威を検出します」のチェックボックスをチェックしたまま「完了」をクリック

<ul>
<li> <a href="http://f.hatena.ne.jp/amachang/20111226122137" class="hatena-fotolife" target="_blank"><img src="http://cdn-ak.f.st-hatena.com/images/fotolife/a/amachang/20111226/20111226122137.jpg" alt="f:id:amachang:20111226122137j:image" title="f:id:amachang:20111226122137j:image" class="hatena-fotolife"></a></li>
</ul>
</li>
<li> しばらく待つ

<ul>
<li> <a href="http://f.hatena.ne.jp/amachang/20111226122138" class="hatena-fotolife" target="_blank"><img src="http://cdn-ak.f.st-hatena.com/images/fotolife/a/amachang/20111226/20111226122138.jpg" alt="f:id:amachang:20111226122138j:image" title="f:id:amachang:20111226122138j:image" class="hatena-fotolife"></a></li>
</ul>
</li>
<li> スキャンが終わりました！これで、安心！

<ul>
<li> <a href="http://f.hatena.ne.jp/amachang/20111226122139" class="hatena-fotolife" target="_blank"><img src="http://cdn-ak.f.st-hatena.com/images/fotolife/a/amachang/20111226/20111226122139.jpg" alt="f:id:amachang:20111226122139j:image" title="f:id:amachang:20111226122139j:image" class="hatena-fotolife"></a></li>
</ul>
</li>
</ul>
<blockquote>
<h4> 入力関係の設定</h4>
<p>ようやく、最低限パソコンが使える状態になったので、個人的にまずやらなければならない設定として文字入力やショートカットの設定をしていきます。</p>
<p>おおまかに言うとここでは、以下の二つを目的にしています。</p>

<ul>
<li> Dvorak 配列にする</li>
<li> 右手小指の酷使を避けるため Enter, Backspace, 矢印キーをすべてショートカットに割り当てる</li>
</ul>
<p>この設定が毎回めんどくさいんですよねえ＞＜</p>
<h5> Dvorak の設定</h5>
<p>普通のキーボードは Qwerty というキー配列なのですが、僕は Dvorak 配列でしかタッチタイプできないので配列を入れ替えます。</p>
<p>Dvorak キーにするには様々な方法があるのですが、僕は一番安定しているレジストリを書き換えて DLL を入れ替える方法を使っています。</p>

<ul>
<li> 「スタートメニュー」をクリックして、「プログラムとファイルの検索」のところに「regedit」と打ち込みエンターキーを押す

<ul>
<li> <a href="http://f.hatena.ne.jp/amachang/20111226122458" class="hatena-fotolife" target="_blank"><img src="http://cdn-ak.f.st-hatena.com/images/fotolife/a/amachang/20111226/20111226122458.png" alt="f:id:amachang:20111226122458p:image" title="f:id:amachang:20111226122458p:image" class="hatena-fotolife"></a></li>
</ul>
</li>
<li> 「ユーザーアカウント制御」ウィンドウが表示されるので、「はい」をクリック</li>
<li> 左側のペインで「HKEY_LOCAL_MACHINE」→「SYSTEM」→「CurrentControlSet」→「Control」→「Keyboard Layouts」とダブルクリックで開いていく</li>
<li> 「Keyboard Layouts」を開いたあと、「00000411」を選択する</li>
<li> 右側のペインの中の「Layout File」という箇所をダブルクリックする

<ul>
<li> <a href="http://f.hatena.ne.jp/amachang/20111226122454" class="hatena-fotolife" target="_blank"><img src="http://cdn-ak.f.st-hatena.com/images/fotolife/a/amachang/20111226/20111226122454.png" alt="f:id:amachang:20111226122454p:image" title="f:id:amachang:20111226122454p:image" class="hatena-fotolife"></a></li>
</ul>
</li>
<li> KBDJPN.DLL を KBDDV.DLL を書き換える

<ul>
<li> <a href="http://f.hatena.ne.jp/amachang/20111226122456" class="hatena-fotolife" target="_blank"><img src="http://cdn-ak.f.st-hatena.com/images/fotolife/a/amachang/20111226/20111226122456.png" alt="f:id:amachang:20111226122456p:image" title="f:id:amachang:20111226122456p:image" class="hatena-fotolife"></a></li>
</ul>
</li>
</ul>
<p>これで、次回起動した段階で Dvorak 配列になっているので、さっそくパソコンを再起動します！</p>
<p>やった！これでまともに入力が出来るようになりました＞＜！</p>
<h5> IME のショートカットの設定</h5>
<p>次に IME のショートカットの設定をします。</p>

<ul>
<li> IME のバーの工具箱みたいなボタンをクリックし、メニューから「プロパティ」をクリック

<ul>
<li> <a href="http://f.hatena.ne.jp/amachang/20111226122758" class="hatena-fotolife" target="_blank"><img src="http://cdn-ak.f.st-hatena.com/images/fotolife/a/amachang/20111226/20111226122758.jpg" alt="f:id:amachang:20111226122758j:image" title="f:id:amachang:20111226122758j:image" class="hatena-fotolife"></a></li>
</ul>
</li>
<li> 「編集操作」タブを選択して、「キー設定」のタブを「変更」をクリック

<ul>
<li> <a href="http://f.hatena.ne.jp/amachang/20111226122759" class="hatena-fotolife" target="_blank"><img src="http://cdn-ak.f.st-hatena.com/images/fotolife/a/amachang/20111226/20111226122759.jpg" alt="f:id:amachang:20111226122759j:image" title="f:id:amachang:20111226122759j:image" class="hatena-fotolife"></a></li>
</ul>
</li>
<li> 開かれた「詳細プロパティ」ウィンドウで、「キー追加」、「削除」、動作の「変更」を行うことができる

<ul>
<li> <a href="http://f.hatena.ne.jp/amachang/20111226122800" class="hatena-fotolife" target="_blank"><img src="http://cdn-ak.f.st-hatena.com/images/fotolife/a/amachang/20111226/20111226122800.jpg" alt="f:id:amachang:20111226122800j:image" title="f:id:amachang:20111226122800j:image" class="hatena-fotolife"></a></li>
</ul>
</li>
</ul>
<p>今回は、「矢印キー」や「半角／全角」を使わないように、以下のように Ctrl+Space, Ctrl+B, Ctrl+Shift+B, Ctrl+F, Ctrl+Shift+F, Ctrl+P, Ctrl+N を追加します。</p>

<ul>
<li> Ctrl+Space

<ul>
<li> <a href="http://f.hatena.ne.jp/amachang/20111226122801" class="hatena-fotolife" target="_blank"><img src="http://cdn-ak.f.st-hatena.com/images/fotolife/a/amachang/20111226/20111226122801.jpg" alt="f:id:amachang:20111226122801j:image" title="f:id:amachang:20111226122801j:image" class="hatena-fotolife"></a></li>
</ul>
</li>
<li> Ctrl+Shift+B

<ul>
<li> <a href="http://f.hatena.ne.jp/amachang/20111226122802" class="hatena-fotolife" target="_blank"><img src="http://cdn-ak.f.st-hatena.com/images/fotolife/a/amachang/20111226/20111226122802.jpg" alt="f:id:amachang:20111226122802j:image" title="f:id:amachang:20111226122802j:image" class="hatena-fotolife"></a></li>
</ul>
</li>
<li> Ctrl+Shift+F

<ul>
<li> <a href="http://f.hatena.ne.jp/amachang/20111226122803" class="hatena-fotolife" target="_blank"><img src="http://cdn-ak.f.st-hatena.com/images/fotolife/a/amachang/20111226/20111226122803.jpg" alt="f:id:amachang:20111226122803j:image" title="f:id:amachang:20111226122803j:image" class="hatena-fotolife"></a></li>
</ul>
</li>
<li> Ctrl+B

<ul>
<li> <a href="http://f.hatena.ne.jp/amachang/20111226122804" class="hatena-fotolife" target="_blank"><img src="http://cdn-ak.f.st-hatena.com/images/fotolife/a/amachang/20111226/20111226122804.jpg" alt="f:id:amachang:20111226122804j:image" title="f:id:amachang:20111226122804j:image" class="hatena-fotolife"></a></li>
</ul>
</li>
<li> Ctrl+F

<ul>
<li> <a href="http://f.hatena.ne.jp/amachang/20111226122805" class="hatena-fotolife" target="_blank"><img src="http://cdn-ak.f.st-hatena.com/images/fotolife/a/amachang/20111226/20111226122805.jpg" alt="f:id:amachang:20111226122805j:image" title="f:id:amachang:20111226122805j:image" class="hatena-fotolife"></a></li>
</ul>
</li>
<li> Ctrl+N

<ul>
<li> <a href="http://f.hatena.ne.jp/amachang/20111226122806" class="hatena-fotolife" target="_blank"><img src="http://cdn-ak.f.st-hatena.com/images/fotolife/a/amachang/20111226/20111226122806.jpg" alt="f:id:amachang:20111226122806j:image" title="f:id:amachang:20111226122806j:image" class="hatena-fotolife"></a></li>
</ul>
</li>
<li> Ctrl+P

<ul>
<li> <a href="http://f.hatena.ne.jp/amachang/20111226122807" class="hatena-fotolife" target="_blank"><img src="http://cdn-ak.f.st-hatena.com/images/fotolife/a/amachang/20111226/20111226122807.jpg" alt="f:id:amachang:20111226122807j:image" title="f:id:amachang:20111226122807j:image" class="hatena-fotolife"></a></li>
</ul>
</li>
</ul>
<h5> AutoHotkey_L のインストール</h5>
<p>次は、各キーに対して様々な挙動をプログラムできる AutoHotkey_L をインストールします。</p>

<ul>
<li> <a href="http://www.autohotkey.com/download/" target="_blank">http://www.autohotkey.com/download/</a> へ行く</li>
<li> 「Installer for AutoHotkey_L」をクリックしてファイルを保存する

<ul>
<li> <a href="http://f.hatena.ne.jp/amachang/20111226123138" class="hatena-fotolife" target="_blank"><img src="http://cdn-ak.f.st-hatena.com/images/fotolife/a/amachang/20111226/20111226123138.jpg" alt="f:id:amachang:20111226123138j:image" title="f:id:amachang:20111226123138j:image" class="hatena-fotolife"></a></li>
</ul>
</li>
<li> 保存したファイルをダブルクリックで実行</li>
<li> ウィンドウが開くので「Next」をクリック</li>
<li> 「Lincense Agreement」と表示されるので、「Next」を押す</li>
<li> 「Choose Version」が表示されるので、「Unicode (64-bit): Faster, but compiled scirpt won't run on 32-bit systems.」を選択して「Next」をクリック

<ul>
<li> <a href="http://f.hatena.ne.jp/amachang/20111226123142" class="hatena-fotolife" target="_blank"><img src="http://cdn-ak.f.st-hatena.com/images/fotolife/a/amachang/20111226/20111226123142.jpg" alt="f:id:amachang:20111226123142j:image" title="f:id:amachang:20111226123142j:image" class="hatena-fotolife"></a></li>
</ul>
</li>
<li> 「Choose Components」が表示されるので、そのまま「Next」をクリック</li>
<li> 「Choose Install Location」が表示されるので、インストール先がそれでよければ「Next」をクリック</li>
<li> 「Choose Start Menu Folder」が表示されるので、「Install」をクリック</li>
<li> インストールが完了したら「Finish」を押す

<ul>
<li> <a href="http://f.hatena.ne.jp/amachang/20111226123146" class="hatena-fotolife" target="_blank"><img src="http://cdn-ak.f.st-hatena.com/images/fotolife/a/amachang/20111226/20111226123146.jpg" alt="f:id:amachang:20111226123146j:image" title="f:id:amachang:20111226123146j:image" class="hatena-fotolife"></a></li>
</ul>
</li>
</ul>
<p>これで、自由にショートカットキーをカスタマイズするスクリプトを記述することができるようになります。</p>
<h5> AutoHotkey スクリプトを書く</h5>
<p>AutoHotkey_L をインストールしたら、さっそくスクリプト（このキーが押されたらこう動くという設定が書かかれたテキストファイル）を書きます</p>
<p>スクリプトはどこに置いてもいいのですが、今回はとりあえず僕は C:\Users\&#60;ユーザー名&#62;\bin に置くことにします</p>

<ul>
<li> C:\Users\&#60;ユーザー名&#62;\bin をエクスプローラで開いて右クリックして、メニューから「新規作成」をクリックし、「AutoHotkey Script」をクリックする

<ul>
<li> <a href="http://f.hatena.ne.jp/amachang/20111226123147" class="hatena-fotolife" target="_blank"><img src="http://cdn-ak.f.st-hatena.com/images/fotolife/a/amachang/20111226/20111226123147.jpg" alt="f:id:amachang:20111226123147j:image" title="f:id:amachang:20111226123147j:image" class="hatena-fotolife"></a></li>
</ul>
</li>
<li> ファイルをメモ帳で開くとゴチャゴチャと最初から書いてあるので、それを全部消して以下のように書き換える</li>
</ul>
<pre class="syntax-highlight">
^h::Send, {BS}
^m::Send, {Enter}

^p::Send, {Up}
^n::Send, {Down}
^e::Send, {End}
^a::Send, {Home}

!h::Send, {Left}
!l::Send, {Right}
!j::Send, {Down}
!k::Send, {Up}

!+h::Send, +{Left}
!+l::Send, +{Right}
!+j::Send, +{Down}
!+k::Send, +{Up}
</pre>

<p>このファイルをダブルクリックで実行することで、ショートカットキーの設定が読み込まれます</p>
<p>今回のファイルの設定では、 Alt キーを押すと vim のキーバインドで移動できて、一部 emacs 風のキーバインドも取り入れています。</p>
<h5> AutoHotkey がパソコン起動時の自動起動設定</h5>
<p>さっそく AutoHotkey スクリプトをパソコン起動時に読み込むようにしましょう。</p>

<ul>
<li> まず、「スタートメニュー」をクリックし、「すべてのプログラム」をクリック</li>
<li> で、「スタートアップ」で右クリックし、メニューで「開く」をクリック

<ul>
<li> <a href="http://f.hatena.ne.jp/amachang/20111226123150" class="hatena-fotolife" target="_blank"><img src="http://cdn-ak.f.st-hatena.com/images/fotolife/a/amachang/20111226/20111226123150.jpg" alt="f:id:amachang:20111226123150j:image" title="f:id:amachang:20111226123150j:image" class="hatena-fotolife"></a></li>
</ul>
</li>
<li> 開いたウィンドウに、先ほど書いた AutoHotkey スクリプトのショートカットを作成する

<ul>
<li> <a href="http://f.hatena.ne.jp/amachang/20111226123151" class="hatena-fotolife" target="_blank"><img src="http://cdn-ak.f.st-hatena.com/images/fotolife/a/amachang/20111226/20111226123151.jpg" alt="f:id:amachang:20111226123151j:image" title="f:id:amachang:20111226123151j:image" class="hatena-fotolife"></a></li>
</ul>
</li>
</ul>
<p>これで、次回からパソコンを起動したら自動で AutoHotkey スクリプトが読み込まれるようになりました！</p>
<p>やったね！</p>
</blockquote>
<h4> フォントの設定</h4>
<p>次に、プログラムを書くときに綺麗な等幅フォントを表示できる環境があるのとないのとでは大違いですね！</p>
<p>フォントがあるとないとではやる気もだいぶ変わってきます＞＜ </p>
<p>と、いうわけでフォントの設定をしていきたいと思います。</p>
<h5> メイリオの等幅フォントを作る</h5>
<p>まず、今 PC にインストールされているメイリオから等幅版のメイリオ「MeiryoKe_Console」を作成します。</p>
<p>手順は</p>

<ul>
<li> <a href="http://okrchicagob.blog4.fc2.com/blog-entry-169.html" target="_blank">http://okrchicagob.blog4.fc2.com/blog-entry-169.html</a> へ行く</li>
<li> 「メイリオ・メイリオ改・meiryoKe・ttfname3」をクリック

<ul>
<li> <a href="http://f.hatena.ne.jp/amachang/20111226123942" class="hatena-fotolife" target="_blank"><img src="http://cdn-ak.f.st-hatena.com/images/fotolife/a/amachang/20111226/20111226123942.jpg" alt="f:id:amachang:20111226123942j:image" title="f:id:amachang:20111226123942j:image" class="hatena-fotolife"></a></li>
</ul>
</li>
<li> 「meiryoKe_gen_6.02rev1.zip」をクリックしてダウンロード

<ul>
<li> <a href="http://f.hatena.ne.jp/amachang/20111226123943" class="hatena-fotolife" target="_blank"><img src="http://cdn-ak.f.st-hatena.com/images/fotolife/a/amachang/20111226/20111226123943.jpg" alt="f:id:amachang:20111226123943j:image" title="f:id:amachang:20111226123943j:image" class="hatena-fotolife"></a></li>
</ul>
</li>
<li> ダウンロードした「meiryoKe_gen_6.02rev1.zip」を解凍</li>
<li> 次に、「C:\Windows\Fonts」ディレクトリから「メイリオ」を右クリックして、メニューの「コピー」をクリック

<ul>
<li> <a href="http://f.hatena.ne.jp/amachang/20111226123944" class="hatena-fotolife" target="_blank"><img src="http://cdn-ak.f.st-hatena.com/images/fotolife/a/amachang/20111226/20111226123944.jpg" alt="f:id:amachang:20111226123944j:image" title="f:id:amachang:20111226123944j:image" class="hatena-fotolife"></a></li>
</ul>
</li>
<li> 「meiryoKe_gen_6.02rev1.zip」を解凍したディレクトリに貼り付ける

<ul>
<li> <a href="http://f.hatena.ne.jp/amachang/20111226123945" class="hatena-fotolife" target="_blank"><img src="http://cdn-ak.f.st-hatena.com/images/fotolife/a/amachang/20111226/20111226123945.jpg" alt="f:id:amachang:20111226123945j:image" title="f:id:amachang:20111226123945j:image" class="hatena-fotolife"></a></li>
</ul>
</li>
<li> ファイルがそろったら、実行ファイル「meiryoKe_gen_6.02rev1.exe」をダブルクリック</li>
<li> 「生成します」と書かれたウィンドウが表示されるので、「OK」をクリック

<ul>
<li> <a href="http://f.hatena.ne.jp/amachang/20111226123946" class="hatena-fotolife" target="_blank"><img src="http://cdn-ak.f.st-hatena.com/images/fotolife/a/amachang/20111226/20111226123946.jpg" alt="f:id:amachang:20111226123946j:image" title="f:id:amachang:20111226123946j:image" class="hatena-fotolife"></a></li>
</ul>
</li>
<li> 「正常終了」と表示されるので、「OK」をクリック

<ul>
<li> <a href="http://f.hatena.ne.jp/amachang/20111226123947" class="hatena-fotolife" target="_blank"><img src="http://cdn-ak.f.st-hatena.com/images/fotolife/a/amachang/20111226/20111226123947.jpg" alt="f:id:amachang:20111226123947j:image" title="f:id:amachang:20111226123947j:image" class="hatena-fotolife"></a></li>
</ul>
</li>
<li> 以下のように新しいフォントファイル「meiryoKe_602r1」と「meiryoKeB_602r1」が生成されるので</li>
<li> それぞれのファイルをダブルクリックし、開いたウィンドウで「インストール」をクリック

<ul>
<li> <a href="http://f.hatena.ne.jp/amachang/20111226123948" class="hatena-fotolife" target="_blank"><img src="http://cdn-ak.f.st-hatena.com/images/fotolife/a/amachang/20111226/20111226123948.jpg" alt="f:id:amachang:20111226123948j:image" title="f:id:amachang:20111226123948j:image" class="hatena-fotolife"></a></li>
</ul>
</li>
</ul>
<p>インストールが終了すると、「MeiryoKe_Console」などのフォントが追加されます！</p>
<h5> Consolas と MeiryoKe_Console をフォントリンク</h5>
<p>個人的に Consolas という等幅フォントが一番開発をやりやすいと感じています。</p>
<p>しかし、困ったことに Consolas で日本語を表示するとデフォルトの設定では、 MS ゴシックで表示されてしまうのです。</p>
<p>MS ゴシックでは、あまり見た目が綺麗ではないので Consolas で日本語を書いたときに MeiryoKe_Console が使われるように設定したいと思います。</p>
<p>この設定を行うには、 Windows のフォントリンクという機能を使います。</p>
<p>まず、レジストリエディタを開きます</p>

<ul>
<li> 「スタートメニュー」をクリックして、「プログラムとファイルの検索」のところに「regedit」と打ち込みエンターキーを押す</li>
<li> 「ユーザーアカウント制御」ウィンドウが表示されるので、「はい」をクリック</li>
</ul>
<p>次に、フォントリンクの設定をするための値を開きます</p>

<ul>
<li> 右側のペインで「HKEY_LOCAL_MACHINE」→「SOFTWARE」→「Microsoft」→「Windows NT」→「CurrentVersion」→「FontLink」とダブルクリックで開いていく</li>
<li> 「FontLink」を開いたあと、「SystemLink」を選択する</li>
<li> 「SystemLink」を選択した状態で、メニューから「編集」→「新規」→「複数行文字列値」とクリック

<ul>
<li> <a href="http://f.hatena.ne.jp/amachang/20111226123952" class="hatena-fotolife" target="_blank"><img src="http://cdn-ak.f.st-hatena.com/images/fotolife/a/amachang/20111226/20111226123952.jpg" alt="f:id:amachang:20111226123952j:image" title="f:id:amachang:20111226123952j:image" class="hatena-fotolife"></a></li>
</ul>
</li>
<li> 右側のペインに一行挿入されるので、「名前」を「Consolas」と入力する

<ul>
<li> <a href="http://f.hatena.ne.jp/amachang/20111226123953" class="hatena-fotolife" target="_blank"><img src="http://cdn-ak.f.st-hatena.com/images/fotolife/a/amachang/20111226/20111226123953.jpg" alt="f:id:amachang:20111226123953j:image" title="f:id:amachang:20111226123953j:image" class="hatena-fotolife"></a></li>
</ul>
</li>
<li> 名前を確定したあと、名前をダブルクリックし、表示されたウィンドウに「meiryoKe_602r1.ttc,MeiryoKe_Console」と入力し、「OK」をクリック

<ul>
<li> <a href="http://f.hatena.ne.jp/amachang/20111226123954" class="hatena-fotolife" target="_blank"><img src="http://cdn-ak.f.st-hatena.com/images/fotolife/a/amachang/20111226/20111226123954.jpg" alt="f:id:amachang:20111226123954j:image" title="f:id:amachang:20111226123954j:image" class="hatena-fotolife"></a></li>
</ul>
</li>
</ul>
<p>これで、次回起動した段階で Consals と MeiryoKe_Console がフォントリンクされた状態になるので、さっそく再起動して確認してみましょう！</p>
<p>ちゃんと、 Consolas で日本語はメイリオのフォントが見えてますね！</p>
<p>こんな感じ</p>
<p><a href="http://f.hatena.ne.jp/amachang/20111226123955" class="hatena-fotolife" target="_blank"><img src="http://cdn-ak.f.st-hatena.com/images/fotolife/a/amachang/20111226/20111226123955.jpg" alt="f:id:amachang:20111226123955j:image" title="f:id:amachang:20111226123955j:image" class="hatena-fotolife"></a></p>
<p>ちなみに、フォントリンク前は以下のような感じでした…</p>
<p><a href="http://f.hatena.ne.jp/amachang/20111226123950" class="hatena-fotolife" target="_blank"><img src="http://cdn-ak.f.st-hatena.com/images/fotolife/a/amachang/20111226/20111226123950.jpg" alt="f:id:amachang:20111226123950j:image" title="f:id:amachang:20111226123950j:image" class="hatena-fotolife"></a></p>
<p>微妙な違いだけど、ここが重要なんです！</p>
<p>これでガンガン Consolas でコードが書けるよ！やったね！</p>
<h4> CUI 開発環環境の整備</h4>
<p>僕も開発は、基本的に CUI でやりたい人なので、次は CUI の環境を整えたいと思います！</p>
<h5> Console をインストール</h5>
<p>Windows7 には、デフォルトで「コマンドプロンプト」という CUI の環境が付いているのですが、この「コマンドプロンプト」は使わずに「Console」というアプリをインストールしたいと思います。</p>
<p>正確には「コマンドプロンプト」 のフロントエンドとして、「Console」という UI を使うといった感じです。</p>
<p>「Console」を使う主な理由は、先ほど作った「Consolas + MeiryoKe_Console」のフォントが綺麗に表示できるからです＞＜</p>

<ul>
<li> <a href="http://sourceforge.net/projects/console/files/console-devel/2.00/" target="_blank">http://sourceforge.net/projects/console/files/console-devel/2.00/</a> へ行き、「Console-2.00b148-Beta_64bit.zip」をクリック

<ul>
<li> <a href="http://f.hatena.ne.jp/amachang/20111226125008" class="hatena-fotolife" target="_blank"><img src="http://cdn-ak.f.st-hatena.com/images/fotolife/a/amachang/20111226/20111226125008.jpg" alt="f:id:amachang:20111226125008j:image" title="f:id:amachang:20111226125008j:image" class="hatena-fotolife"></a></li>
</ul>
</li>
<li> しばらくするとダウンロードが開始されるので「Console-2.00b148-Beta_64bit.zip」を保存する</li>
<li> ダウンロードした「Console-2.00b148-Beta_64bit.zip」を解凍</li>
<li> 解凍して出来た「Console2」ディレクトリをどこかに置く（僕の場合は、C:\Users\&#60;ユーザー名&#62;\tools に置く）</li>
</ul>
<p>次は起動しましょう</p>

<ul>
<li> 解凍された「Console.exe」を起動する</li>
<li> 起動した状態だと日本語の表示がおかしくなってしまうので、メニューから「Edit」から「Settings...」をクリック

<ul>
<li> <a href="http://f.hatena.ne.jp/amachang/20111226125010" class="hatena-fotolife" target="_blank"><img src="http://cdn-ak.f.st-hatena.com/images/fotolife/a/amachang/20111226/20111226125010.jpg" alt="f:id:amachang:20111226125010j:image" title="f:id:amachang:20111226125010j:image" class="hatena-fotolife"></a></li>
</ul>
</li>
<li> 左側のペインから「Appearance」をクリックし、「Font」→「Name」を先ほどフォントリンクの設定をした「Consolas」を選択し、「OK」をクリック

<ul>
<li> <a href="http://f.hatena.ne.jp/amachang/20111226125011" class="hatena-fotolife" target="_blank"><img src="http://cdn-ak.f.st-hatena.com/images/fotolife/a/amachang/20111226/20111226125011.jpg" alt="f:id:amachang:20111226125011j:image" title="f:id:amachang:20111226125011j:image" class="hatena-fotolife"></a></li>
</ul>
</li>
<li> 次にメニューから「View」→「Console Window」をクリック

<ul>
<li> <a href="http://f.hatena.ne.jp/amachang/20111226125012" class="hatena-fotolife" target="_blank"><img src="http://cdn-ak.f.st-hatena.com/images/fotolife/a/amachang/20111226/20111226125012.jpg" alt="f:id:amachang:20111226125012j:image" title="f:id:amachang:20111226125012j:image" class="hatena-fotolife"></a></li>
</ul>
</li>
<li> 「Console2 command window」というウィンドウが開くので、そのタイトルバーを右クリックして、メニューの「プロパティ」をクリック

<ul>
<li> <a href="http://f.hatena.ne.jp/amachang/20111226125013" class="hatena-fotolife" target="_blank"><img src="http://cdn-ak.f.st-hatena.com/images/fotolife/a/amachang/20111226/20111226125013.jpg" alt="f:id:amachang:20111226125013j:image" title="f:id:amachang:20111226125013j:image" class="hatena-fotolife"></a></li>
</ul>
</li>
<li> 「"Console2 command window"のプロパティ」というウィンドウが開くので、「フォント」タブをクリックして、「MSゴシック」を選択して、「OK」をクリック

<ul>
<li> <a href="http://f.hatena.ne.jp/amachang/20111226125014" class="hatena-fotolife" target="_blank"><img src="http://cdn-ak.f.st-hatena.com/images/fotolife/a/amachang/20111226/20111226125014.jpg" alt="f:id:amachang:20111226125014j:image" title="f:id:amachang:20111226125014j:image" class="hatena-fotolife"></a></li>
</ul>
</li>
<li> 「Console2 command window」はもう必要ないので閉じる</li>
<li> もう一度、「Console.exe」を起動すると、日本語が表示できるようになっている

<ul>
<li> <a href="http://f.hatena.ne.jp/amachang/20111226125015" class="hatena-fotolife" target="_blank"><img src="http://cdn-ak.f.st-hatena.com/images/fotolife/a/amachang/20111226/20111226125015.jpg" alt="f:id:amachang:20111226125015j:image" title="f:id:amachang:20111226125015j:image" class="hatena-fotolife"></a></li>
</ul>
</li>
</ul>
<p>しかし、実はこの Console では、日本語表示できるようになっても、まだ IME での入力ができません。</p>
<p>これに関しては、有志の方がパッチを当てたバージョンを公開されていますので、そのバージョンを使わせていただくことにします。</p>

<ul>
<li> <a href="http://wiki.pythonpath.jp/moin/ConsoleIme" target="_blank">http://wiki.pythonpath.jp/moin/ConsoleIme</a> へ行き</li>
<li> x64版をダウンロード、解凍すると出てくる Console.exe を正規のものと置き換えま</li>
</ul>
<p>これで、日本語入力も出来るようになります！</p>
<p>やった！</p>
<h5> Vim のインストール</h5>
<p>次は、 CUI でテキストが書けるように Vim をインストールします。</p>
<p>このパソコンは 64bit 版の Windows7 が搭載されているので、 64bit 版のものをインストールします。</p>

<ul>
<li> <a href="http://code.google.com/p/vim-win3264/downloads/list" target="_blank">http://code.google.com/p/vim-win3264/downloads/list</a> へ行く</li>
<li> 「vim73-x64.zip」をクリック

<ul>
<li> <a href="http://f.hatena.ne.jp/amachang/20111226125750" class="hatena-fotolife" target="_blank"><img src="http://cdn-ak.f.st-hatena.com/images/fotolife/a/amachang/20111226/20111226125750.jpg" alt="f:id:amachang:20111226125750j:image" title="f:id:amachang:20111226125750j:image" class="hatena-fotolife"></a></li>
</ul>
</li>
<li> もう一回、「vim73-x64.zip」をクリックして、「vim73-x64.zip」をダウンロード</li>
<li> ダウンロードした「vim73-x64.zip」を解凍</li>
<li> 解凍すると「vim73」というディレクトリが入っているので、そのディレクトリをどこかに配置する（僕の場合は C:\Users\amachang\bin\vim73 に置く）</li>
<li> 「スタートメニュー」から「コントロールパネル」をクリック</li>
<li> 「コントロールパネル」を開いたら「システムとセキュリティ」をクリック</li>
<li> 「システムとセキュリティ」を開いたら「システム」をクリック</li>
<li> 「システム」を開いたら「システムの詳細設定」をクリック

<ul>
<li> <a href="http://f.hatena.ne.jp/amachang/20111226125754" class="hatena-fotolife" target="_blank"><img src="http://cdn-ak.f.st-hatena.com/images/fotolife/a/amachang/20111226/20111226125754.jpg" alt="f:id:amachang:20111226125754j:image" title="f:id:amachang:20111226125754j:image" class="hatena-fotolife"></a></li>
</ul>
</li>
<li> 「システムのプロパティ」の「詳細設定」が開くので、「環境変数」をクリック

<ul>
<li> <a href="http://f.hatena.ne.jp/amachang/20111226125755" class="hatena-fotolife" target="_blank"><img src="http://cdn-ak.f.st-hatena.com/images/fotolife/a/amachang/20111226/20111226125755.jpg" alt="f:id:amachang:20111226125755j:image" title="f:id:amachang:20111226125755j:image" class="hatena-fotolife"></a></li>
</ul>
</li>
<li> 「環境変数」の設定ウィンドウが表示されるので、「ユーザー環境変数」の欄を見る

<ul>
<li> <a href="http://f.hatena.ne.jp/amachang/20111226125756" class="hatena-fotolife" target="_blank"><img src="http://cdn-ak.f.st-hatena.com/images/fotolife/a/amachang/20111226/20111226125756.jpg" alt="f:id:amachang:20111226125756j:image" title="f:id:amachang:20111226125756j:image" class="hatena-fotolife"></a></li>
</ul>
</li>
<li> 「ユーザー環境変数」の欄に

<ul>
<li> 「PATH」という「変数」の行が無ければ「新規」をクリックして、変数名「PATH」変数値「C:\Users\amachang\bin\vim73」を入力して「OK」をクリック</li>
<li> 「PATH」という「変数」の行があれば「変更」をクリックして、変数値の末尾に「;C:\Users\amachang\bin\vim73」を追記し、「OK」をクリック</li>
</ul>
</li>
<li> 「環境変数」ウィンドウと「システムのプロパティ」ウィンドウを「OK」をクリックして閉じる</li>
</ul>
<p>さて、これで「Vim」のインストールが終わりました！</p>
<p>これで、 Console を起動して vim と打つことで vim を起動することができるようになりました！</p>
<p>次は、設定をやっていきたいと思います。基本的にテキストは、 UTF-8 で書くという設定でいきたいと思います。</p>
<p>ユーザーディレクトリ直下に以下のような内容のテキストファイルを作って、「.vimrc」という名前で保存します</p>
<pre class="syntax-highlight">
<span class="synStatement">syntax</span> <span class="synType">on</span>

<span class="synStatement">set</span> <span class="synPreProc">number</span>
<span class="synStatement">set</span> <span class="synPreProc">fileencodings</span>=utf-8<span class="synStatement">,</span>cp932
<span class="synStatement">set</span> <span class="synPreProc">encoding</span>=cp932
<span class="synStatement">set</span> <span class="synPreProc">termencoding</span>=cp932

<span class="synStatement">set</span> <span class="synPreProc">backspace</span>=2

<span class="synStatement">set</span> <span class="synPreProc">expandtab</span>
<span class="synStatement">set</span> <span class="synPreProc">tabstop</span>=2
<span class="synStatement">set</span> <span class="synPreProc">shiftwidth</span>=2
<span class="synStatement">set</span> <span class="synPreProc">softtabstop</span>=0
<span class="synStatement">set</span> <span class="synPreProc">smartindent</span>

<span class="synStatement">set</span> <span class="synPreProc">incsearch</span>
</pre>

<p>とりあえずこれで内部エンコーディングは CP932 （Shift_JIS）ですが、ファイルエンコーディングは UTF-8 がデフォルトの設定になります！</p>
<h4> Strawberry Perl のインストール</h4>

<ul>
<li> <a href="http://strawberryperl.com/releases.html" target="_blank">http://strawberryperl.com/releases.html</a> へ行く</li>
<li> 「strawberry-perl-5.12.3.0-64-bit.msi」をクリックして、インストーラ「strawberry-perl-5.12.3.0-64-bit.msi」をダウンロード

<ul>
<li> <a href="http://f.hatena.ne.jp/amachang/20111226130255" class="hatena-fotolife" target="_blank"><img src="http://cdn-ak.f.st-hatena.com/images/fotolife/a/amachang/20111226/20111226130255.jpg" alt="f:id:amachang:20111226130255j:image" title="f:id:amachang:20111226130255j:image" class="hatena-fotolife"></a></li>
</ul>
</li>
<li> ダウンロードした「strawberry-perl-5.12.3.0-64-bit.msi」を実行する</li>
<li> 「Strawberry Perl Setup」というウィンドウが開くので、「Next」をクリック</li>
<li> 「End-User License Agreement」が表示されるので、「I accept the terms in the License Agreement」を選択して、Nextをクリック</li>
<li> 「Destination Folder」が表示されるので、「C:\strawberry\」のまま、「Next」をクリック</li>
<li> 準備が出来たので、「Install」をクリック</li>
<li> 終了したら、「README」のチェックを外して、「Finish」をクリック

<ul>
<li> <a href="http://f.hatena.ne.jp/amachang/20111226130300" class="hatena-fotolife" target="_blank"><img src="http://cdn-ak.f.st-hatena.com/images/fotolife/a/amachang/20111226/20111226130300.jpg" alt="f:id:amachang:20111226130300j:image" title="f:id:amachang:20111226130300j:image" class="hatena-fotolife"></a></li>
</ul>
</li>
</ul>
<p>次は、環境変数「PATH」を設定しましょう</p>

<ul>
<li> Vim のときと同様に「スタートメニュー」から「コントロールパネル」→「システムとセキュリティ」→「システム」→「システムの詳細設定」→「環境変数」へと進む</li>
<li> 「環境変数」の設定ウィンドウが表示されるので、「ユーザー環境変数」の欄を見て

<ul>
<li> 「PATH」という「変数」の行が無ければ「新規」をクリックして、変数名「PATH」変数値「C:\strawberry\perl\bin;C:\strawberry\c\bin」を入力して「OK」をクリック</li>
<li> 「PATH」という「変数」の行があれば「変更」をクリックして、変数値の末尾に「;C:\strawberry\perl\bin;C:\strawberry\c\bin」を追記し、「OK」をクリック</li>
</ul>
</li>
<li> 「環境変数」ウィンドウと「システムのプロパティ」ウィンドウを「OK」をクリックして閉じる</li>
</ul>
<p>これで、 perl コマンドと、 cpan コマンドが使えるようになりました！</p>
<h5> CPAN モジュールをインストール</h5>
<p>Perl がインストールされたので、 Console を開いて以下のように、便利なモジュールをインストールする</p>
<pre class="syntax-highlight">
C:\Users\amachang\dev&#62;cpan

cpan shell -- CPAN exploration and modules installation (v1.<span class="synConstant">9600</span>)
Enter 'h' <span class="synStatement">for</span> help.

cpan&#62; install Bundle::CPAN

...

cpan&#62; install App::Ack

...

cpan&#62; install Win32::Console::ANSI

...

</pre>

<p>とりあえず、ここでは Bundle::CPAN と App::Ack と Win32::Console::ANSI だけをインストールすることにします。</p>
<p>これで、コンソールで便利なソースコード検索機能を使うことが出来るようになりました！</p>
<p>あと、これで何か自動化したいときは、 Perl を使うことが出来ますね！</p>
<h4> その他インストールしたもの</h4>

<ul>
<li> Putty

<ul>
<li> 普段は SSH で繋いで Linux で開発をするので Putty を入れる</li>
<li> Window → Apperance でフォントを Consolas に設定する（この記事の前のほうに Consolas の設定をしているので、日本語も綺麗に表示される）</li>
<li> Window → Translation で文字コードを UTF-8 に設定する</li>
</ul>
</li>
<li> WinShot

<ul>
<li> キャプチャソフト</li>
</ul>
</li>
<li> iTunes

<ul>
<li> iPhone との連携と、音楽を聴くために</li>
</ul>
</li>
<li> Google Chrome

<ul>
<li> 普段使うブラウザ</li>
</ul>
</li>
<li> Firefox

<ul>
<li> 拡張機能には、 Multifox, Firebug をインストール</li>
<li> マルチログインが簡単に出来る Multifox が超絶便利なブラウザ</li>
</ul>
</li>
<li> IETester

<ul>
<li> 古い IE での動作確認用</li>
</ul>
</li>
</ul>
<h4> RAM ディスクの設定</h4>
<p>最後に、このマシンではディスクアクセスがボトルネックになるのは間違いないので、 RAM ディスクを導入します。</p>
<h5> RAM ディスクの作成</h5>
<p>特に難しくないと思うので省略しますが <a href="http://buffalo.jp/download/driver/memory/ramdisk.html" target="_blank">ドライバーダウンロード RAMDISK ユーティリティー | BUFFALO バッファロー</a> を使い、 R: に 1GB の RAM ディスクを作成しました</p>
<p><a href="http://f.hatena.ne.jp/amachang/20111226130724" class="hatena-fotolife" target="_blank"><img src="http://cdn-ak.f.st-hatena.com/images/fotolife/a/amachang/20111226/20111226130724.jpg" alt="f:id:amachang:20111226130724j:image" title="f:id:amachang:20111226130724j:image" class="hatena-fotolife"></a></p>
<p>（こんな感じの簡単なアプリでポチポチ設定できます。）</p>
<p>とりあえず、 RAM ディスクが出来たら再起動します</p>
<blockquote>
<h5> RAM ディスクの自動保存機能（バックアップモードについて）</h5>
<p>バッファローの RAM ディスクには以下のことを行ってくれる自動保存機能（バックアップモード）という便利な機能があるのですが。</p>

<ul>
<li> シャットダウン前にデータを退避</li>
<li> マシン起動時にデータを読み込み</li>
</ul>
<p>これに関してはとりあえず使わない方針でやっています＞＜</p>
<p>理由としては、バックアップすべきファイルが肥大化してしまっては、容量に制限のある RAM ディスクを生かしきれないと考えたからです。</p>
<p>基本的に</p>

<ul>
<li> バックアップしたいものは手動で保存</li>
<li> スタートアップ時に読み込みたいものはスタートアップ時に bat ファイルか何かで読み込む</li>
</ul>
<p>という方針でいきたいと思います＞＜</p>
</blockquote>
<h5> Process Explorer と Process Monitor でディスクアクセスを調べる</h5>
<p>次に、どのプロセスがディスクアクセスしてるかを探ります</p>
<p>具体的には </p>

<ul>
<li> まず Process Explorer でだいたいディスクアクセスの多いプロセスを調べます。</li>
<li> 次に、 <a href="http://technet.microsoft.com/ja-jp/sysinternals/bb896645" target="_blank">Process Monitor</a> をインストールして、そのプロセスのディスクアクセスをトレースします。</li>
<li> Process Monitor を起動すると、以下のような画面で Win32 API の呼び出しをトレースすることが出来るので、どのディレクトリを RAM ディスクにすれば良いか一目瞭然です。</li>
</ul>
<p><a href="http://f.hatena.ne.jp/amachang/20111226130725" class="hatena-fotolife" target="_blank"><img src="http://cdn-ak.f.st-hatena.com/images/fotolife/a/amachang/20111226/20111226130725.jpg" alt="f:id:amachang:20111226130725j:image" title="f:id:amachang:20111226130725j:image" class="hatena-fotolife"></a></p>
<p>（この例では、 Operation contains "File" and Process Name contains "Chrome" で調べてます）</p>
<h5> 具体的にディレクトリが分かったら</h5>
<p>具体的にどのディレクトリにアクセスが集中しているか分かったら、そこのディレクトリへのアクセスを RAM ディスクへ向けるようにします。</p>
<p>その方法は、ジャンクションという方法を使います。</p>
<p>ジャンクションは、「ソフトウェアがあるディレクトリにアクセスしようとしたら、実際には別のディレクトリにアクセスさせる」みたいなことが出来るものです。</p>
<p>具体的にはコマンドで、以下のように打ちます。</p>
<pre class="syntax-highlight">
mklink /j <span class="synConstant">&#34;C:\このディレクトリにアクセスしたら&#34;</span> <span class="synConstant">&#34;R:\このディレクトリにアクセスしたことにする&#34;</span>
</pre>

<p>こんな感じで C ドライブから R ドライブにジャンクションを張っていきます。</p>
<h5> ジャンクション先のケア</h5>
<p>今回の場合、ジャンクションを張っている先は RAM ディスクなのでマシンを再起動すると、そのディレクトリ構造もろとも真っ白になってしまいます。</p>
<p>ですので、マシンが起動するたびにスクリプトで RAM ディスクを作りなおしてやる必要があります。</p>
<p>具体的には、「スタートアップ」に bat ファイルを突っ込んでおくことになると思います。</p>
<h5> 今回は何を RAM ディスクに置いたの？</h5>
<p>TEMP 環境変数と TMP 環境変数を設定して R:\Temp へ</p>
<pre class="syntax-highlight">
mkdir R:&#92;Temp
</pre>

<p>Chrome はディスクキャッシュの保存先を R:GoogleChromeCache にする</p>

<ul>
<li> Google Chrome が起動中に以下のように、タスクバーを右クリックして、「タスクバーにこのプログラムを表示する」をクリック

<ul>
<li> <a href="http://f.hatena.ne.jp/amachang/20120108054115" class="hatena-fotolife" target="_blank"><img src="http://cdn-ak.f.st-hatena.com/images/fotolife/a/amachang/20120108/20120108054115.jpg" alt="f:id:amachang:20120108054115j:image" title="f:id:amachang:20120108054115j:image" class="hatena-fotolife"></a></li>
</ul>
</li>
<li> もう一度、タスクバーを右クリックして、「Google Chrome」を右クリックしてメニューを開いて、「プロパティ」をクリック

<ul>
<li> <a href="http://f.hatena.ne.jp/amachang/20120108054116" class="hatena-fotolife" target="_blank"><img src="http://cdn-ak.f.st-hatena.com/images/fotolife/a/amachang/20120108/20120108054116.jpg" alt="f:id:amachang:20120108054116j:image" title="f:id:amachang:20120108054116j:image" class="hatena-fotolife"></a></li>
</ul>
</li>
<li> プロパティウィンドウが開いたら、以下のように「リンク先」の末尾に「 --disk-cache-dir=R:\GoogleChromeCache」を追記し、「OK」をクリック

<ul>
<li> <a href="http://f.hatena.ne.jp/amachang/20120108054117" class="hatena-fotolife" target="_blank"><img src="http://cdn-ak.f.st-hatena.com/images/fotolife/a/amachang/20120108/20120108054117.jpg" alt="f:id:amachang:20120108054117j:image" title="f:id:amachang:20120108054117j:image" class="hatena-fotolife"></a></li>
</ul>
</li>
</ul>
<p>Flash Player</p>
<pre class="syntax-highlight">
mkdir R:\FlashPlayerData
rd /s <span class="synConstant">&#34;C:\Users\amachang\AppData\Roaming\Macromedia\Flash Player&#34;</span>
mklink /j <span class="synConstant">&#34;C:\Users\amachang\AppData\Roaming\Macromedia\Flash Player&#34;</span> R:\FlashPlayerData
</pre>

<p>ダウンロードディレクトリも RAM ディスクの中に入れてしまう</p>
<pre class="syntax-highlight">
mkdir R:\Downloads
rd /s <span class="synConstant">&#34;C:\Users\amachang\Downloads&#34;</span>
mklink /j <span class="synConstant">&#34;C:\Users\amachang\Downloads&#34;</span> R:\Downloads
</pre>

<p>IE のキャッシュはインターネットオプションから設定できるので、 R:\IECache とかにしておく</p>
<pre class="syntax-highlight">
mkdir R:&#92;IECache
</pre>

<p><a href="http://f.hatena.ne.jp/amachang/20111226134353" class="hatena-fotolife" target="_blank"><img src="http://cdn-ak.f.st-hatena.com/images/fotolife/a/amachang/20111226/20111226134353.jpg" alt="f:id:amachang:20111226134353j:image" title="f:id:amachang:20111226134353j:image" class="hatena-fotolife"></a></p>
<h5> スタートアップスクリプト</h5>
<p>で、スタートアップ時に以下のプログラムで、 R: ドライブの初期構成を作るようにしておきます！</p>
<pre class="syntax-highlight">
mkdir R:&#92;Downloads
mkdir R:&#92;Temp
mkdir R:&#92;IECache
mkdir R:&#92;FlashPlayerData
</pre>

<blockquote>
<h5> RAM ディスクのログ機能を切る</h5>
<p>バッファローの RAM ディスクは、かなり頻繁にログを吐いてディスクにアクセスします。</p>
<p>これでは本末転倒なので、バッファローの RAM ディスクのインストール先（デフォルトでは C:\Program Files\BUFFALO\BFRD4G）を開いて、以下のファイルの Level=9 という記述を Level=0 にします。</p>

<ul>
<li> BRDUtilTray.ini</li>
<li> BRDUtil.ini</li>
<li> BRDUninst.ini</li>
</ul>
</blockquote>
<h4> というわけで</h4>
<p>やっと PC のセットアップが終わりました＞＜</p>
<p>ふー、疲れましたわー＞＜</p>
<p>でも、新しいパソコンってなんかワクワクしますね！</p>
<p>みなさんも年末年始、パソコンの整理なのどしてみてはいかがでしょうか</p>
<p>ではではーヽ(´ー｀)ノ</p>
<p><div class="line"></div></p>
<p><script src="http://www.gmodules.com/ig/ifr?url=http://amachang.sakura.ne.jp/socialbuttons/buttons.new.xml%3Fv999&#38;up_articleUrl=http%3A%2F%2Fd.hatena.ne.jp%2Famachang%2F20111226%2F1324874731&#38;up_articleTitle=%20Windows7%20%E6%90%AD%E8%BC%89%E3%83%9E%E3%82%B7%E3%83%B3%E3%82%92%E8%B2%B7%E3%81%A3%E3%81%A6%E3%81%8D%E3%81%A6%E3%82%84%E3%81%A3%E3%81%9F%E3%81%93%E3%81%A8%E3%81%BE%E3%81%A8%E3%82%81&#38;synd=open&#38;w=700&#38;h=160&#38;title=%20Windows7%20%E6%90%AD%E8%BC%89%E3%83%9E%E3%82%B7%E3%83%B3%E3%82%92%E8%B2%B7%E3%81%A3%E3%81%A6%E3%81%8D%E3%81%A6%E3%82%84%E3%81%A3%E3%81%9F%E3%81%93%E3%81%A8%E3%81%BE%E3%81%A8%E3%82%81&#38;border=%23ffffff%7C3px%2C1px+solid+%23999999&#38;output=js"></script></p>
</div>
]]></content:encoded>
<dc:creator>amachang</dc:creator>
<dc:date>2011-12-26T13:45:31+09:00</dc:date>
<dc:subject>Windowns</dc:subject>
</item>
<item rdf:about="http://d.hatena.ne.jp/amachang/20111220/1324362455">
<title>[人生] ドワンゴの社内ハッカソンに行ってきた！</title>
<link>http://d.hatena.ne.jp/amachang/20111220/1324362455</link>
<description> はじめに みなさん、こんにちはあまちゃんです。 さて、今日は先日ドワンゴの社内ハッカソンに UT Startup Gym のメンバーとおじゃましてきましたので、ちょっとそのことについて書いてみたいと思います。 ドワンゴのエンジニアがほとんど参加してるらしいです！すごい人数</description>

<content:encoded><![CDATA[
<div class="section">
<h4> はじめに</h4>
<p>みなさん、こんにちはあまちゃんです。</p>
<p>さて、今日は先日ドワンゴの社内ハッカソンに UT Startup Gym のメンバーとおじゃましてきましたので、ちょっとそのことについて書いてみたいと思います。</p>
<p><a href="http://f.hatena.ne.jp/amachang/20111219161742" class="hatena-fotolife" target="_blank"><img src="http://cdn-ak.f.st-hatena.com/images/fotolife/a/amachang/20111219/20111219161742.jpg" alt="f:id:amachang:20111219161742j:image" title="f:id:amachang:20111219161742j:image" class="hatena-fotolife"></a></p>
<p>ドワンゴのエンジニアがほとんど参加してるらしいです！すごい人数ですね！</p>
<p>こんな人数でハッカソンをやるなんて、すげえ！</p>
<p>ちなみに、入り口はこんな感じ</p>
<p><a href="http://f.hatena.ne.jp/amachang/20111219181110" class="hatena-fotolife" target="_blank"><img src="http://cdn-ak.f.st-hatena.com/images/fotolife/a/amachang/20111219/20111219181110.jpg" alt="f:id:amachang:20111219181110j:image" title="f:id:amachang:20111219181110j:image" class="hatena-fotolife"></a></p>
<h4> 僕もなんかサービス作ろう！</h4>
<p>せっかくハッカソンに参加したんだから僕もなんか作ろうと思って、</p>
<p>事前にライブラリ作っておいて「あとは組み立てるだけ！」みたいな状態にしてたんですけど、</p>
<p>残念ながら完成せず…。</p>
<p>こんど機会があったら、どこかの開発合宿で仕上げたいなと思います。</p>
<h4> ドワンゴの人が作ってたものがすごかった</h4>
<p>最後に各々が作ったものを発表する LT があって、その発表が凄かったです。</p>
<p><a href="http://f.hatena.ne.jp/amachang/20111219182557" class="hatena-fotolife" target="_blank"><img src="http://cdn-ak.f.st-hatena.com/images/fotolife/a/amachang/20111219/20111219182557.jpg" alt="f:id:amachang:20111219182557j:image" title="f:id:amachang:20111219182557j:image" class="hatena-fotolife"></a></p>
<p>（チラッ）</p>
<p>技術的にも尖っていて、ユーザー視点としても面白いものが多く、さすがニコニコ動画を生んだ会社だなあと思いました！</p>
<p>そのうち、製品の一部として生かされるものもあるかもしれませんね！</p>
<p>乞うご期待です！</p>
<h4> ちょっと、会場の様子</h4>
<p><a href="http://f.hatena.ne.jp/amachang/20111219183927" class="hatena-fotolife" target="_blank"><img src="http://cdn-ak.f.st-hatena.com/images/fotolife/a/amachang/20111219/20111219183927.jpg" alt="f:id:amachang:20111219183927j:image" title="f:id:amachang:20111219183927j:image" class="hatena-fotolife"></a></p>
<p>(ニコニコ動画の @<a class="twitter-user-screen-name" href="http://twitter.com/shinno">shinno</a> 部長。同い年です。きゃー＞＜しんちゃんかっこよす)</p>
<p><a href="http://f.hatena.ne.jp/amachang/20111219184008" class="hatena-fotolife" target="_blank"><img src="http://cdn-ak.f.st-hatena.com/images/fotolife/a/amachang/20111219/20111219184008.jpg" alt="f:id:amachang:20111219184008j:image" title="f:id:amachang:20111219184008j:image" class="hatena-fotolife"></a></p>
<p>(いつになく、真面目風な <a href="http://d.hatena.ne.jp/Yoshiori/">id:Yoshiori</a>。きっと、エッチなことを考えてるに違いない…。というのは嘘で)</p>
<p><a href="http://f.hatena.ne.jp/amachang/20111219183943" class="hatena-fotolife" target="_blank"><img src="http://cdn-ak.f.st-hatena.com/images/fotolife/a/amachang/20111219/20111219183943.jpg" alt="f:id:amachang:20111219183943j:image" title="f:id:amachang:20111219183943j:image" class="hatena-fotolife"></a></p>
<p>(なんか、真面目風に話してます。後ろにいるのが、髪型でおなじみの右京さんこと <a href="http://d.hatena.ne.jp/yaakaito/">id:yaakaito</a> さん。)</p>
<p><a href="http://f.hatena.ne.jp/amachang/20111219184121" class="hatena-fotolife" target="_blank"><img src="http://cdn-ak.f.st-hatena.com/images/fotolife/a/amachang/20111219/20111219184121.jpg" alt="f:id:amachang:20111219184121j:image" title="f:id:amachang:20111219184121j:image" class="hatena-fotolife"></a></p>
<p>(右京さん(<a href="http://d.hatena.ne.jp/yaakaito/">id:yaakaito</a>)、単体でパシャ。ハッカソンで彼の作ったものがめちゃめちゃ凄かった)</p>
<p><a href="http://f.hatena.ne.jp/amachang/20111219184452" class="hatena-fotolife" target="_blank"><img src="http://cdn-ak.f.st-hatena.com/images/fotolife/a/amachang/20111219/20111219184452.jpg" alt="f:id:amachang:20111219184452j:image" title="f:id:amachang:20111219184452j:image" class="hatena-fotolife"></a></p>
<p>(java-ja の@<a class="twitter-user-screen-name" href="http://twitter.com/yamashiro">yamashiro</a>さん、ステキな笑顔&#9829; 左後ろに写り込んでる人が…)</p>
<p><a href="http://f.hatena.ne.jp/amachang/20111219184521" class="hatena-fotolife" target="_blank"><img src="http://cdn-ak.f.st-hatena.com/images/fotolife/a/amachang/20111219/20111219184521.jpg" alt="f:id:amachang:20111219184521j:image" title="f:id:amachang:20111219184521j:image" class="hatena-fotolife"></a></p>
<p>(<a href="http://mobilehackerz.jp/" target="_blank">http://mobilehackerz.jp/</a> の人！)</p>
<p><a href="http://f.hatena.ne.jp/amachang/20111219184612" class="hatena-fotolife" target="_blank"><img src="http://cdn-ak.f.st-hatena.com/images/fotolife/a/amachang/20111219/20111219184612.jpg" alt="f:id:amachang:20111219184612j:image" title="f:id:amachang:20111219184612j:image" class="hatena-fotolife"></a></p>
<p>(<a href="http://mobilehackerz.jp/" target="_blank">mobilehackerz</a> さんの名刺はなんと基盤！すげー！)</p>
<p><a href="http://f.hatena.ne.jp/amachang/20111219184731" class="hatena-fotolife" target="_blank"><img src="http://cdn-ak.f.st-hatena.com/images/fotolife/a/amachang/20111219/20111219184731.jpg" alt="f:id:amachang:20111219184731j:image" title="f:id:amachang:20111219184731j:image" class="hatena-fotolife"></a></p>
<p>(<a href="http://d.hatena.ne.jp/con_mame/">id:con_mame</a> さんと <a href="http://d.hatena.ne.jp/kusigahama/">id:kusigahama</a> さんを発見！なんか、はてなダイアラーからすると、すごい安心感ある二人組！)</p>
<p><a target="_blank" href="http://f.hatena.ne.jp/amachang/20111219184858" class="hatena-fotolife"><img alt="f:id:amachang:20111219184858j:image" src="http://cdn-ak.f.st-hatena.com/images/fotolife/a/amachang/20111219/20111219184858.jpg?test" class="hatena-fotolife" title="f:id:amachang:20111219184858j:image"></a></p>
<p>(左から、景虎さん、 <a href="http://d.hatena.ne.jp/Yoshiori/">id:Yoshiori</a> 、みゆっき (現役高校生！！) こと <a href="http://d.hatena.ne.jp/toriimiyukki/">id:toriimiyukki</a> さん、そして、@<a class="twitter-user-screen-name" href="http://twitter.com/koizuka">koizuka</a> さん！！このショットは貴重やー！)</p>
<p><a href="http://f.hatena.ne.jp/amachang/20111219185123" class="hatena-fotolife" target="_blank"><img src="http://cdn-ak.f.st-hatena.com/images/fotolife/a/amachang/20111219/20111219185123.jpg" alt="f:id:amachang:20111219185123j:image" title="f:id:amachang:20111219185123j:image" class="hatena-fotolife"></a></p>
<p>(本部長@<a class="twitter-user-screen-name" href="http://twitter.com/steelman">steelman</a>さんの手から凍てつく波動がー！)</p>
<p><a href="http://f.hatena.ne.jp/amachang/20111219185156" class="hatena-fotolife" target="_blank"><img src="http://cdn-ak.f.st-hatena.com/images/fotolife/a/amachang/20111219/20111219185156.jpg" alt="f:id:amachang:20111219185156j:image" title="f:id:amachang:20111219185156j:image" class="hatena-fotolife"></a></p>
<p>(node.js の meso さん、こと <a href="http://d.hatena.ne.jp/t_43z/">id:t_43z</a> さん！ハッカソンでは、さくっと node.js でウェブサービスを作っちゃうところがすげーと思った！)</p>
<p><a href="http://f.hatena.ne.jp/amachang/20111219190516" class="hatena-fotolife" target="_blank"><img src="http://cdn-ak.f.st-hatena.com/images/fotolife/a/amachang/20111219/20111219190516.jpg" alt="f:id:amachang:20111219190516j:image" title="f:id:amachang:20111219190516j:image" class="hatena-fotolife"></a></p>
<p>(安定の <a href="http://d.hatena.ne.jp/hogelog/">id:hogelog</a> さん、久しぶりに会ったらなんか、さわやかっこよくなってた！会社では <a href="http://d.hatena.ne.jp/Yoshiori/">id:Yoshiori</a> とお仕事してるらしいお)</p>
<p><a href="http://f.hatena.ne.jp/amachang/20111219190534" class="hatena-fotolife" target="_blank"><img src="http://cdn-ak.f.st-hatena.com/images/fotolife/a/amachang/20111219/20111219190534.jpg" alt="f:id:amachang:20111219190534j:image" title="f:id:amachang:20111219190534j:image" class="hatena-fotolife"></a></p>
<p>(@<a class="twitter-user-screen-name" href="http://twitter.com/Trapezoid">Trapezoid</a> さん、@<a class="twitter-user-screen-name" href="http://twitter.com/haneda3">haneda3</a> さん。 PS Vita のニコニコアプリを作ったチームらしいです！触って見たんですけど、ゲーム機でニコニコ出来るっていいですねー！)</p>
<h4> まあ、そんなこんなで</h4>
<p>ハッカソン楽しかったです！</p>
<p><a href="http://f.hatena.ne.jp/amachang/20111219185336" class="hatena-fotolife" target="_blank"><img src="http://cdn-ak.f.st-hatena.com/images/fotolife/a/amachang/20111219/20111219185336.jpg" alt="f:id:amachang:20111219185336j:image" title="f:id:amachang:20111219185336j:image" class="hatena-fotolife"></a></p>
<p>(最後にちょっとみんなでピザを食べて)</p>
<p><a href="http://f.hatena.ne.jp/amachang/20111219205359" class="hatena-fotolife" target="_blank"><img src="http://cdn-ak.f.st-hatena.com/images/fotolife/a/amachang/20111219/20111219205359.jpg" alt="f:id:amachang:20111219205359j:image" title="f:id:amachang:20111219205359j:image" class="hatena-fotolife"></a></p>
<p>(<a href="http://d.hatena.ne.jp/Yoshiori/">id:Yoshiori</a> と <a href="http://d.hatena.ne.jp/con_mame/">id:con_mame</a> ちゃんと一緒に飲みにいってー)</p>
<p><a href="http://f.hatena.ne.jp/amachang/20111219223511" class="hatena-fotolife" target="_blank"><img src="http://cdn-ak.f.st-hatena.com/images/fotolife/a/amachang/20111219/20111219223511.jpg" alt="f:id:amachang:20111219223511j:image" title="f:id:amachang:20111219223511j:image" class="hatena-fotolife"></a></p>
<p>(歌ってー)</p>
<p>帰るころには、すっかり終電でした。</p>
<p>最近 <a href="http://d.hatena.ne.jp/Yoshiori/">id:Yoshiori</a> は、ニコニコ静画の電子書籍アプリをやってるみたいで、今いちおし！らしいです！ </p>
<p>iPhone アプリで週刊のマンガがタダで読めるのでなかなか良いですね！</p>
<h4> 最後に</h4>
<p>三つ印象的だったことを話したいと思います。</p>
<p>一つ目は、ピザパーティのとき本部長の @<a class="twitter-user-screen-name" href="http://twitter.com/steelman">steelman</a> さんが「ドワンゴのエンジニアであることを、ある程度誇っても良いと思っている」と言っていたことです。</p>
<p>二つ目は、「ドワンゴではクリエイターにしっかりとお金が落ちるような、コンテンツの提供を目指している」という <a href="http://d.hatena.ne.jp/coji/">id:coji</a> さんのお話です。</p>
<p>そして、三つ目は、「もの作り」に関して @<a class="twitter-user-screen-name" href="http://twitter.com/haneda3">haneda3</a> さんと話したときの、「ニコニコ動画では様々な機能を実装し検討してはそれをお蔵入りすることが多い」というお話です。</p>
<p>優秀なエンジニアを抱えていながら、技術だけに頼ることなく、常にユーザーとクリエイターの方に目を向け続けている、そしてそれを誇りと思っている。改めてドワンゴという会社の底力を感じた一日でした</p>
<p>ドワンゴのみなさん、昨日はありがとうございましたーヽ(´ー｀)ノまた遊びにいきますね！</p>
<p><div class="line"></div></p>
<p><script src="http://www.gmodules.com/ig/ifr?url=http://amachang.sakura.ne.jp/socialbuttons/buttons.new.xml%3Fv999&#38;up_articleUrl=http%3A%2F%2Fd.hatena.ne.jp%2Famachang%2F20111220%2F1324362455&#38;up_articleTitle=%20%E3%83%89%E3%83%AF%E3%83%B3%E3%82%B4%E3%81%AE%E7%A4%BE%E5%86%85%E3%83%8F%E3%83%83%E3%82%AB%E3%82%BD%E3%83%B3%E3%81%AB%E8%A1%8C%E3%81%A3%E3%81%A6%E3%81%8D%E3%81%9F%EF%BC%81&#38;synd=open&#38;w=700&#38;h=160&#38;title=%20%E3%83%89%E3%83%AF%E3%83%B3%E3%82%B4%E3%81%AE%E7%A4%BE%E5%86%85%E3%83%8F%E3%83%83%E3%82%AB%E3%82%BD%E3%83%B3%E3%81%AB%E8%A1%8C%E3%81%A3%E3%81%A6%E3%81%8D%E3%81%9F%EF%BC%81&#38;border=%23ffffff%7C3px%2C1px+solid+%23999999&#38;output=js"></script></p>
</div>
]]></content:encoded>
<dc:creator>amachang</dc:creator>
<dc:date>2011-12-20T15:27:35+09:00</dc:date>
<dc:subject>人生</dc:subject>
</item>
<item rdf:about="http://d.hatena.ne.jp/amachang/20111209/1323396944">
<title>[Facebook][IE] Facebook 向けウェブサービスは IE6 に対応すべきか ( 2011年12月の Facebook のブラウザシェア )</title>
<link>http://d.hatena.ne.jp/amachang/20111209/1323396944</link>
<description> はじめに みなさん、お元気ですか＞＜リリースも終わって、一息ついたあまちゃんです！ ヽ(´ー｀)ノわー さて今日は、最近「お花サプライズ！」というサービスをリリースしたのですが、そのときにちょっと面白いデータを見つけたのでそのいきさつも含めて紹介したいと思い</description>

<content:encoded><![CDATA[
<div class="section">
<h4> はじめに</h4>
<p>みなさん、お元気ですか＞＜リリースも終わって、一息ついたあまちゃんです！</p>
<p>ヽ(´ー｀)ノわー</p>
<p>さて今日は、<a href="http://d.hatena.ne.jp/amachang/20111201/1322723928" target="_blank">最近「お花サプライズ！」というサービスをリリースした</a>のですが、そのときにちょっと面白いデータを見つけたのでそのいきさつも含めて紹介したいと思います。</p>
<p><a href="http://f.hatena.ne.jp/amachang/20111209032253" class="hatena-fotolife" target="_blank"><img src="http://cdn-ak.f.st-hatena.com/images/fotolife/a/amachang/20111209/20111209032253.png" alt="f:id:amachang:20111209032253p:image" title="f:id:amachang:20111209032253p:image" class="hatena-fotolife"></a></p>
<p>（今日のテーマはこの円グラフ）</p>
<h4> フェイスブック系のサービスはどのブラウザに対応すれば良い？</h4>
<p>よく、ウェブサービスを開発するときの悩みとして「古いブラウザでのデザインをどのくらいケアするか？」というものがあります。</p>
<p>「お花サプライズ！」でも、割と短い期間で実装することを目標としていたり、本番の HTML を書いた経験があまりないメンバーが多くいたことで「IE6 や IE7 への対応が鬼門なんじゃないか？」という心配が常にありました。</p>
<p>そこでよぎる<strong>甘い誘惑</strong></p>
<blockquote>
<p>このご時世、 IE6 とか IE7 に特別対応する必要なんてないんじゃね？</p>
</blockquote>
<p>で、調べてみると大概の場合は「やっぱり IE6 や IE7 は無視できない… orz」となるのですが、「お花サプライズ」は、ターゲットユーザをフェイスブックだけに限定しています。</p>
<p>フェイスブック自体が「IE6 を非推奨にしていたりする」ということもあるので</p>
<blockquote>
<p>ひょっとしたら IE6 や IE7 をそこまでケアしなくても大丈夫なんじゃないだろうか？</p>
</blockquote>
<p>そう思って、ちょっと調べてみました。</p>
<h4> <a href="http://welcome-page.jp/" target="_blank">ウェルカムページメーカー</a>のデータをもとに調べる</h4>
<p>実は、お花サプライズ！を作る前にちょっと作ったプチサービスがありまして、それが<a href="http://welcome-page.jp/" target="_blank">フェイスブックページのウェルカムページを作るサービス「ウェルカムページメーカー」</a>です。</p>
<p>作ってからずっと放置してるんですけど、何げにずっと伸びてて、今は 3100 ページ以上のフェイスブックページに導入されていて、月間ユニークユーザーベースで 110,000 人からのアクセスがあります。</p>
<p><a href="http://f.hatena.ne.jp/amachang/20111209030036" class="hatena-fotolife" target="_blank"><img src="http://cdn-ak.f.st-hatena.com/images/fotolife/a/amachang/20111209/20111209030036.png" alt="f:id:amachang:20111209030036p:image" title="f:id:amachang:20111209030036p:image" class="hatena-fotolife"></a></p>
<p>(9月〜今日までの訪問数、にょきにょき〜)</p>
<p>使われているページも、アナウンサーのページや、 歌手のページ、アニメのページ、EC サイト、企業のページ、個人のページと色々なページに使われていて、そこまで偏りはないと思うので、このサービスの統計をもとにフェイスブックでのブラウザシェアを考えてみたいと思います。</p>
<p>また、フェイスブックのウェルカムページを見れるのは基本的には PC なので、モバイルはこの統計には含みません。</p>
<h5> 昨日から 30 日前までのデータを使う</h5>
<p>まずは、バージョンを問わないブラウザのシェアを見てみると以下のようになりました。</p>
<p>訪問数ベース↓</p>
<p><a href="http://f.hatena.ne.jp/amachang/20111209032250" class="hatena-fotolife" target="_blank"><img src="http://cdn-ak.f.st-hatena.com/images/fotolife/a/amachang/20111209/20111209032250.png" alt="f:id:amachang:20111209032250p:image" title="f:id:amachang:20111209032250p:image" class="hatena-fotolife"></a></p>
<p>PV ベース↓</p>
<p><a href="http://f.hatena.ne.jp/amachang/20111209032251" class="hatena-fotolife" target="_blank"><img src="http://cdn-ak.f.st-hatena.com/images/fotolife/a/amachang/20111209/20111209032251.png" alt="f:id:amachang:20111209032251p:image" title="f:id:amachang:20111209032251p:image" class="hatena-fotolife"></a></p>
<p>やはり、 IE を使っている人が多いですね！</p>
<p>では、次に IE をバージョンごとに分割したグラフを作ってみます。</p>
<p>訪問数ベース↓</p>
<p><a href="http://f.hatena.ne.jp/amachang/20111209032253" class="hatena-fotolife" target="_blank"><img src="http://cdn-ak.f.st-hatena.com/images/fotolife/a/amachang/20111209/20111209032253.png" alt="f:id:amachang:20111209032253p:image" title="f:id:amachang:20111209032253p:image" class="hatena-fotolife"></a></p>
<p>IE6: 3.15%、 IE7: 5.09%</p>
<p>PV ベース↓</p>
<p><a href="http://f.hatena.ne.jp/amachang/20111209032252" class="hatena-fotolife" target="_blank"><img src="http://cdn-ak.f.st-hatena.com/images/fotolife/a/amachang/20111209/20111209032252.png" alt="f:id:amachang:20111209032252p:image" title="f:id:amachang:20111209032252p:image" class="hatena-fotolife"></a></p>
<p>IE6: 3.78%、 IE7: 5.87%</p>
<p>表にまとめると以下のようになりました</p>

<table>
<tr><th>ブラウザ</th><th>訪問数(%)</th><th>PV(%)</th></tr>
<tr><td>IE6</td><td>3.15</td><td>3.78</td></tr>
<tr><td>IE7</td><td>5.09</td><td>5.87</td></tr>
<tr><td>IE8</td><td>27.92</td><td>32.81</td></tr>
<tr><td>IE9</td><td>14.86</td><td>19.04</td></tr>
<tr><td>IE10</td><td>0.00</td><td>0.00</td></tr>
<tr><td>Chrome</td><td>23.04</td><td>16.36</td></tr>
<tr><td>Firefox</td><td>14.34</td><td>13.77</td></tr>
<tr><td>Safari</td><td>8.68</td><td>6.16</td></tr>
<tr><td>Android Browser</td><td>1.52</td><td>0.98</td></tr>
<tr><td>Opera</td><td>0.51</td><td>0.52</td></tr>
<tr><td>他</td><td>0.89</td><td>0.71</td></tr>

</table>
<p>やはり、フェイスブックユーザに限定すると IE6 や IE7 のユーザが少ないことが分かりますね。</p>
<h4> 各ブラウザに対応するために必要なコスト</h4>
<p>次に、各ブラウザに対応するコストを僕の主観で数値化してみる</p>
<p>以下の数値は、プロジェクト全体でかかる時間のうち、特定ブラウザへの対応時間以外にかかる時間を 1000 としたときに、どのくらい時間を費やす必要があるかを数値化したもの</p>

<table>
<tr><th>ブラウザ</th><th>JavaScript で同じ挙動を実現するのに必要な時間</th><th>CSS で文言が見えないなどの大きな崩れを解消するのに必要な時間</th><th>CSS で見た目の崩れをすべて解消するのに必要な時間</th></tr>
<tr><td>IE6</td><td>10</td><td>20</td><td>60</td></tr>
<tr><td>IE7</td><td>10</td><td>10</td><td>30</td></tr>
<tr><td>IE8</td><td>2</td><td>1</td><td>5</td></tr>
<tr><td>IE9</td><td>2</td><td>1</td><td>3</td></tr>
<tr><td>IE10</td><td>2</td><td>1</td><td>2</td></tr>
<tr><td>Chrome</td><td>1</td><td>1</td><td>1</td></tr>
<tr><td>Firefox</td><td>1</td><td>1</td><td>1</td></tr>
<tr><td>Safari</td><td>1</td><td>1</td><td>1</td></tr>
<tr><td>Opera</td><td>5</td><td>1</td><td>2</td></tr>

</table>
<h4> 単位訪問あたりの作業時間を計算してみる</h4>
<p>サービスへの訪問数 1% あたりのコストを計算してみる</p>

<table>
<tr><th>ブラウザ</th><th>1% の訪問に対して JavaScript で同じ挙動を実現するのに必要な時間</th><th>1% の訪問に対して CSS で文言が見えないなどの大きな崩れを解消するのに必要な時間</th><th>1% の訪問に対して CSS で見た目の崩れをすべて解消するのに必要な時間</th></tr>
<tr><td>IE6</td><td>3.17</td><td>6.35</td><td>15.87</td></tr>
<tr><td>IE7</td><td>1.96</td><td>1.96</td><td>5.08</td></tr>
<tr><td>IE8</td><td>0.07</td><td>0.04</td><td>0.18</td></tr>
<tr><td>IE9</td><td>0.13</td><td>0.07</td><td>0.20</td></tr>
<tr><td>Chrome</td><td>0.04</td><td>0.04</td><td>0.04</td></tr>
<tr><td>Firefox</td><td>0.07</td><td>0.07</td><td>0.07</td></tr>
<tr><td>Safari</td><td>0.11</td><td>0.11</td><td>0.11</td></tr>
<tr><td>Opera</td><td>9.80</td><td>1.96</td><td>3.92</td></tr>

</table>
<p>このように見ると IE6 の CSS のくずれを直すこと、また、 Opera の JavaScirpt に対する修正があまり生産的でないことが分かりますね＞＜</p>
<h4> というわけで「お花サプライズ！」では</h4>
<p>以下のようなポリシーでブラウザ対応することにしました</p>

<ul>
<li> IE6

<ul>
<li> JavaScript はちゃんと動くように</li>
<li> 大きく崩れてても気にしない。ただし、押せないリンクやボタン、隠れて読めない文字があるのは許さない</li>
</ul>
</li>
<li> IE7

<ul>
<li> JavaScript はちゃんと動くように</li>
<li> レイアウトが大きく崩れてるようなのは修正。多少の崩れは気にしない。押せないリンクやボタン、隠れて読めない文字があるのは許さない</li>
</ul>
</li>
<li> Opera

<ul>
<li> 試さない（運任せ）</li>
<li> きっと、 Opera さんならやってくれる…！！！</li>
</ul>
</li>
<li> 全般的に

<ul>
<li> ブラウザのバグに依存したコードは書かない</li>
</ul>
</li>
</ul>
<h4> まあ、そもそも</h4>
<p>特定ブラウザに「対応する」って言い方はあまりよくないですね（＞＜ごめんさない</p>
<p>こういう場合は、「なるべく多くの人が使ってるブラウザが実装してない仕様を使わないようにする」というのが正しいのかもしれません。</p>
<p>まあ、何にせよ。</p>
<p>これだけ色々な種類のブラウザが出てくると一つ一つのブラウザへの対応というものの重要性は薄れつつあるのかもしれませんね。</p>
<p>それなりに多くのブラウザでそれなりに動くのがちょうどいいと思うのですよヽ(´ー｀)ノ</p>
<h4> 最後に</h4>
<p>みなさんも、フェイスブックユーザをターゲットとしたサービスを作ることがあれば参考にしてみてくださいー</p>
<p>ではではーヽ(´ー｀)ノ</p>
<p><div class="line"></div></p>
<p><script src="http://www.gmodules.com/ig/ifr?url=http://amachang.sakura.ne.jp/socialbuttons/buttons.new.xml%3Fv999&#38;up_articleUrl=http%3A%2F%2Fd.hatena.ne.jp%2Famachang%2F20111209%2F1323396944&#38;up_articleTitle=%20Facebook%20%E5%90%91%E3%81%91%E3%82%A6%E3%82%A7%E3%83%96%E3%82%B5%E3%83%BC%E3%83%93%E3%82%B9%E3%81%AF%20IE6%20%E3%81%AB%E5%AF%BE%E5%BF%9C%E3%81%99%E3%81%B9%E3%81%8D%E3%81%8B%20(%202011%E5%B9%B412%E6%9C%88%E3%81%AE%20Facebook%20%E3%81%AE%E3%83%96%E3%83%A9%E3%82%A6%E3%82%B6%E3%82%B7%E3%82%A7%E3%82%A2%20)&#38;synd=open&#38;w=700&#38;h=160&#38;title=%20Facebook%20%E5%90%91%E3%81%91%E3%82%A6%E3%82%A7%E3%83%96%E3%82%B5%E3%83%BC%E3%83%93%E3%82%B9%E3%81%AF%20IE6%20%E3%81%AB%E5%AF%BE%E5%BF%9C%E3%81%99%E3%81%B9%E3%81%8D%E3%81%8B%20(%202011%E5%B9%B412%E6%9C%88%E3%81%AE%20Facebook%20%E3%81%AE%E3%83%96%E3%83%A9%E3%82%A6%E3%82%B6%E3%82%B7%E3%82%A7%E3%82%A2%20)&#38;border=%23ffffff%7C3px%2C1px+solid+%23999999&#38;output=js"></script></p>
</div>
]]></content:encoded>
<dc:creator>amachang</dc:creator>
<dc:date>2011-12-09T11:15:44+09:00</dc:date>
<dc:subject>Facebook</dc:subject>
<dc:subject>IE</dc:subject>
</item>
<item rdf:about="http://d.hatena.ne.jp/amachang/20111201/1322723928">
<title>[Web][Facebook] ソーシャルギフトサービス「お花サプライズ！」をリリースしました！</title>
<link>http://d.hatena.ne.jp/amachang/20111201/1322723928</link>
<description> 僕たちのウェブサービスはまだはじまったばかりだ…ビシッ!! m9( ・`ω・´) はじめに お久しぶりです。三度の飯よりも、パイナップルが好きなあまちゃんです＞＜ みなさん寒い季節ですが風邪とかひいてないでしょうか＞＜ さてさて、今日、お花サプライズ！というウェブサ</description>

<content:encoded><![CDATA[
<div class="section">
<p>僕たちのウェブサービスはまだはじまったばかりだ…ビシッ!! m9( ・`ω・´)</p>
<br>

<h4> はじめに</h4>
<p>お久しぶりです。三度の飯よりも、パイナップルが好きなあまちゃんです＞＜</p>
<p>みなさん寒い季節ですが風邪とかひいてないでしょうか＞＜</p>
<p>さてさて、今日、<a href="https://hanasup.jp/" target="_blank">お花サプライズ！</a>というウェブサービスをリリースしましたのでちょっと紹介したいと思います＞＜</p>
<p><a href="http://f.hatena.ne.jp/amachang/20111201155432" class="hatena-fotolife" target="_blank"><img src="http://cdn-ak.f.st-hatena.com/images/fotolife/a/amachang/20111201/20111201155432.png" alt="f:id:amachang:20111201155432p:image" title="f:id:amachang:20111201155432p:image" class="hatena-fotolife"></a></p>
<h4> どんなサービスなの？</h4>
<p><a href="https://hanasup.jp/" target="_blank">お花サプライズ！</a>とは簡単に言うと「<strong>友達の誕生日にみんなで花束を贈るサービス</strong>」です。</p>
<p>今、流行りのソーシャルギフトってやつですね＞＜！</p>
<h5> 何で、お花なの？</h5>
<p>名前でも分かるように、このサービスではプレゼントは花束に限定しています。</p>
<p>それは、花束が「<strong>みんなが好きのものを選んで、最終的に一つの大きなプレゼントに出来る</strong>」というコンセプトに最も近い素材だったからです。</p>
<p>みんなが好きな花を選んで、それが一つの大きな花束になってプレゼントされる。</p>
<p>そんなサービスを目指しています＞＜</p>
<h4> 簡単なサービスの使いかた</h4>
<p>説明ばかりでもアレなので、画面を見せながら簡単に使い方を紹介したいと思います。</p>
<h5> 1. まず、フェイスブックでログインします。</h5>
<p>ポチっとな</p>
<h5> 2. 次に、花束を贈りたい人を選びます</h5>
<p>フェイスブックでログインすると、あなたの友達の一覧が表示されます。ぜひ、仲良しの友達を選んでみてください！</p>
<p><a href="http://f.hatena.ne.jp/amachang/20111201155631" class="hatena-fotolife" target="_blank"><img src="http://cdn-ak.f.st-hatena.com/images/fotolife/a/amachang/20111201/20111201155631.png" alt="f:id:amachang:20111201155631p:image" title="f:id:amachang:20111201155631p:image" class="hatena-fotolife"></a></p>
<p>友達を選ぶと以下のような画面が表示されます。</p>
<p><a href="http://f.hatena.ne.jp/amachang/20111201155633" class="hatena-fotolife" target="_blank"><img src="http://cdn-ak.f.st-hatena.com/images/fotolife/a/amachang/20111201/20111201155633.png" alt="f:id:amachang:20111201155633p:image" title="f:id:amachang:20111201155633p:image" class="hatena-fotolife"></a></p>
<p>この画面は本人からは見ることが出来ないページで、こっそりと誕生日に花束を贈る企画を進めることになります。</p>
<h5> 3. 自分が贈りたい花を選ぶ</h5>
<p>さっそく花を選んでみましょう</p>
<p><a href="http://f.hatena.ne.jp/amachang/20111201155634" class="hatena-fotolife" target="_blank"><img src="http://cdn-ak.f.st-hatena.com/images/fotolife/a/amachang/20111201/20111201155634.png" alt="f:id:amachang:20111201155634p:image" title="f:id:amachang:20111201155634p:image" class="hatena-fotolife"></a></p>
<p>花は誕生日の時期によって種類が変わります。</p>
<p>友達に似合う花を選んでみてくださいね。</p>
<h5> 4. メッセージを書き込む</h5>
<p>花を選ぶと、誕生日のメッセージを書くことが出来るようになります</p>
<p><a href="http://f.hatena.ne.jp/amachang/20111201155635" class="hatena-fotolife" target="_blank"><img src="http://cdn-ak.f.st-hatena.com/images/fotolife/a/amachang/20111201/20111201155635.png" alt="f:id:amachang:20111201155635p:image" title="f:id:amachang:20111201155635p:image" class="hatena-fotolife"></a></p>
<p>その人に普段は言えない感謝の気持ちを伝えてみましょう。</p>
<h5> 5. 渡しに行く人を決める</h5>
<p>お花サプライズ！の重要なコンセプトの一つに「手渡し」というものがあります。</p>
<p>このサービスでは普通のソーシャルギフトと違い、花を選んだ誰かが、誕生日の友達に直接花を渡しに行くのです。</p>
<blockquote>
<h5> 何故手渡しなの？</h5>
<p>それは、最高のサプライズを演出するために、手で渡すというコストは絶対に省いてはいけないと考えたからです。</p>
<p>花束を贈られた人は、みんなからのメッセージと、みんなが一本一本選んでくれた花束を直接受け取って、</p>
<p>はじめて「みんな、自分のために頑張ってくれたんだ。ありがとう」という感情が生まれてくると考えました。</p>
<p>だから、やっぱり「手渡し」じゃなきゃダメなのです。</p>
<p>ぜひ、みなさんも直接花束を渡しに行く「お届け係」に立候補して花束を渡しに行ってみませんか＾＾？</p>
</blockquote>
<h4> 開発秘話</h4>
<p>実は、この「お花サプライズ！」は、以前に紹介した <a href="https://www.facebook.com/utgym" target="_blank">UT Startup Gym</a> という勉強会のメンバーで作ったサービスです。</p>
<p>開発期間は 2 ヶ月半くらいで、かなりスピーディーにリリースにこぎ着けることができました。</p>
<p>開発メンバーは、僕と 4 人の学生でその 4 人は、半年前までプログラムをほとんど書いたことがないという状況でした。</p>
<p>そんな中、どうやってこのサービスがリリースに向かっていったか。</p>
<p><a href="https://www.facebook.com/utgym" target="_blank">UT Startup Gym</a> の紹介もかねて、開発秘話をお話したいと思います。</p>
<h5> 4月 勉強会スタート、プログラミングを学ぶ</h5>
<p><a href="http://f.hatena.ne.jp/amachang/20111201160428" class="hatena-fotolife" target="_blank"><img src="http://cdn-ak.f.st-hatena.com/images/fotolife/a/amachang/20111201/20111201160428.jpg" alt="f:id:amachang:20111201160428j:image" title="f:id:amachang:20111201160428j:image" class="hatena-fotolife"></a></p>
<p>4 月に今の開発メンバーが、初めてプログラムの勉強を始めました。</p>
<p>開発のノウハウを毎週土曜日に 3 〜 6 時間みっちり叩き込みました。</p>
<h5> 9月13日 〜 9月15日 開発合宿</h5>
<p>だいぶメンバーが成長してきた 9 月中旬、このサービスの開発が始まりました。</p>
<p>企画は <a href="https://www.facebook.com/tushuhei" target="_blank">飯塚 修平</a> の持ち込んだものでした。</p>
<p><a href="http://f.hatena.ne.jp/amachang/20111201160429" class="hatena-fotolife" target="_blank"><img src="http://cdn-ak.f.st-hatena.com/images/fotolife/a/amachang/20111201/20111201160429.jpg" alt="f:id:amachang:20111201160429j:image" title="f:id:amachang:20111201160429j:image" class="hatena-fotolife"></a></p>
<p>(お花サプライズが生まれた瞬間)</p>
<p>この開発合宿の 3 日間で、このサイトのほとんどのフローが完成します。</p>
<p>しかし、まだ、花をどうやって実際に送る？課金はどうするの？などたくさんの問題はありました。</p>
<p>ただ、この時期に動くものを完成させたということが後々に良い方向に働きます。</p>
<h5> 9月26日 〜 10 月 中旬 花贈りを出来るように走り回る</h5>
<p>合宿が終わってから、様々な人に紹介を頂き、花を扱う仕事の人に「お花サプライズ！」のデモを見せて回りました。</p>
<p>バラ農園に行って、生産者様の声を聞き、花業界の勉強をしたり、花市場に突撃したり、花の通販業者様にアドバイスを頂いたり、あっちこっちに飛び回ります。</p>
<p>そして、花の通販サイトを運営しているブラウズ様と無事契約にこぎ着けることができました。</p>
<p>ここで、開発合宿で作ったデモが活躍します。</p>
<p>様々な場で、実際に動くものを見て頂いたことで、生産的な意見や提案をたくさんいただくことができました。</p>
<p>やっぱり、「<strong>机上の空論ではなく、実際に動くものを見せにいくというスタンスが重要なのだな</strong>」とあらためて思いました。</p>
<h5> 9月28日 〜 10月末 決済周りの仕様確定</h5>
<p>こういうサービスを作るときに、小額決済をどうするかというのは、ちょっとした悩みどころですね。</p>
<p>このあたりもいろんな人と交渉したり、相談したりして決済を行ってくれる会社と契約することができました。</p>
<p>ここでも、実際に動くものを見せることが出来るので、とてもスムーズに交渉は進みます。</p>
<h5> 11月頭 〜 11月末 仕上げ</h5>
<p>そして、すべてが整って怒濤の仕上げが始まります。</p>
<p><a href="http://f.hatena.ne.jp/amachang/20111201160430" class="hatena-fotolife" target="_blank"><img src="http://cdn-ak.f.st-hatena.com/images/fotolife/a/amachang/20111201/20111201160430.jpg" alt="f:id:amachang:20111201160430j:image" title="f:id:amachang:20111201160430j:image" class="hatena-fotolife"></a></p>
<p>(開発合宿で仕上げ作業中の画像)</p>
<p>この作業が一番長く感じ、そして地味で、辛い作業ですね。</p>
<p>ここでも開発合宿を幾度も重ね、少しでもサービスを良いものにするために頑張りました。</p>
<p>そして、ついに</p>
<h5> 12 月 1 日リリース</h5>
<p>今日、ウェブサービスをリリースすることが出来ました！</p>
<p>なんとも言えない瞬間ですね。</p>
<p><a href="http://f.hatena.ne.jp/amachang/20111201160431" class="hatena-fotolife" target="_blank"><img src="http://cdn-ak.f.st-hatena.com/images/fotolife/a/amachang/20111201/20111201160431.jpg" alt="f:id:amachang:20111201160431j:image" title="f:id:amachang:20111201160431j:image" class="hatena-fotolife"></a></p>
<p>(なかなか割れないくす玉…)</p>
<p><a href="http://f.hatena.ne.jp/amachang/20111201160432" class="hatena-fotolife" target="_blank"><img src="http://cdn-ak.f.st-hatena.com/images/fotolife/a/amachang/20111201/20111201160432.jpg" alt="f:id:amachang:20111201160432j:image" title="f:id:amachang:20111201160432j:image" class="hatena-fotolife"></a></p>
<p>(パカーン)</p>
<h5> 開発メンバーへ</h5>
<p>お花サプライズ！は、以下の勉強会メンバーで作りました。</p>

<ul>
<li> プロマネ

<ul>
<li> <img src="http://graph.facebook.com/tushuhei/picture"> <a href="https://www.facebook.com/tushuhei" target="_blank">飯塚 修平</a> (しゅうちゃん)</li>
</ul>
</li>
<li> 開発

<ul>
<li> <img src="http://graph.facebook.com/masahelo/picture"> <a href="https://www.facebook.com/masahelo" target="_blank">斉藤 雅弘</a> (さいちゃん)</li>
<li> <img src="http://graph.facebook.com/naofumiwa/picture"> <a href="https://www.facebook.com/naofumiwa" target="_blank">若林 尚文</a> (わかさん)</li>
<li> <img src="http://graph.facebook.com/pchatsu/picture"> <a href="https://www.facebook.com/pchatsu" target="_blank">砂川 辰徳</a> (ちゃっぴー)</li>
</ul>
</li>
<li> アドバイス＆開発

<ul>
<li> <img src="http://graph.facebook.com/amachang/picture"> <a href="https://www.facebook.com/amachang" target="_blank">天野 仁史</a> (あまちゃん)</li>
</ul>
</li>
</ul>
<p>開発中は、辛いこともあったでしょうし、いろいろと厳しいことを言ったりしたこともあったけど、最後までこのメンバーで作りあげることが出来て本当に良かったなと思います。</p>
<p>リリースおめでとう！そして、ありがとう！</p>
<p>これからは、このサイトをどうやって成長させていくかというフェーズに入っていきます。</p>
<p>また乗り越えなければならないことはたくさん出てくると思いますが、一緒に乗り越えていきましょう。</p>
<h5> UT Startup Gym に興味を持ってくださっている方へ</h5>
<p>みなさんもよかったら勉強会に参加して、自分の実現したいサービスを一緒に作ってみませんか？</p>
<p>興味があるかたは、以下のページをご覧ください！</p>
<p><a href="https://www.facebook.com/utgym" target="_blank">https://www.facebook.com/utgym</a></p>
<h4> 最後に</h4>
<p>今日は、ソーシャルギフトサービス「お花サプライズ！」について紹介しました！</p>
<p>みなさんも大切な人の誕生日、忘れていませんか？</p>
<p>そんなときは、みんなで自分たちだけの花束をプレゼントしてみませんか？</p>
<p><div class="line"></div></p>
<p><script src="http://www.gmodules.com/ig/ifr?url=http://amachang.sakura.ne.jp/socialbuttons/buttons.new.xml%3Fv999&#38;up_articleUrl=http%3A%2F%2Fd.hatena.ne.jp%2Famachang%2F20111201%2F1322723928&#38;up_articleTitle=%20%E3%82%BD%E3%83%BC%E3%82%B7%E3%83%A3%E3%83%AB%E3%82%AE%E3%83%95%E3%83%88%E3%82%B5%E3%83%BC%E3%83%93%E3%82%B9%E3%80%8C%E3%81%8A%E8%8A%B1%E3%82%B5%E3%83%97%E3%83%A9%E3%82%A4%E3%82%BA%EF%BC%81%E3%80%8D%E3%82%92%E3%83%AA%E3%83%AA%E3%83%BC%E3%82%B9%E3%81%97%E3%81%BE%E3%81%97%E3%81%9F%EF%BC%81&#38;synd=open&#38;w=700&#38;h=160&#38;title=%20%E3%82%BD%E3%83%BC%E3%82%B7%E3%83%A3%E3%83%AB%E3%82%AE%E3%83%95%E3%83%88%E3%82%B5%E3%83%BC%E3%83%93%E3%82%B9%E3%80%8C%E3%81%8A%E8%8A%B1%E3%82%B5%E3%83%97%E3%83%A9%E3%82%A4%E3%82%BA%EF%BC%81%E3%80%8D%E3%82%92%E3%83%AA%E3%83%AA%E3%83%BC%E3%82%B9%E3%81%97%E3%81%BE%E3%81%97%E3%81%9F%EF%BC%81&#38;border=%23ffffff%7C3px%2C1px+solid+%23999999&#38;output=js"></script></p>
</div>
]]></content:encoded>
<dc:creator>amachang</dc:creator>
<dc:date>2011-12-01T16:18:48+09:00</dc:date>
<dc:subject>Web</dc:subject>
<dc:subject>Facebook</dc:subject>
</item>
<item rdf:about="http://d.hatena.ne.jp/amachang/20111017/1318822925">
<title>[人生] ウェブサービスをスタートアップするための勉強会に参加しませんか？</title>
<link>http://d.hatena.ne.jp/amachang/20111017/1318822925</link>
<description> 僕たちの勉強会は、まだ始まったばかりだ…ビシッ!! m9( ・`ω・´) はじめに 皆様、最近ちょっとずつ寒かったり暑かったりしますがお元気でしょうか？ 僕は秋の花粉症でぐだぐだですが、元気です。 突然ですが 最近、「UT Startup Gym」（UT スタートアップジム）という「</description>

<content:encoded><![CDATA[
<div class="section">
<p>僕たちの勉強会は、まだ始まったばかりだ…ビシッ!! m9( ・`ω・´)</p>
<p><a href="http://f.hatena.ne.jp/amachang/20111017111902" class="hatena-fotolife" target="_blank"><img src="http://cdn-ak.f.st-hatena.com/images/fotolife/a/amachang/20111017/20111017111902.jpg" alt="f:id:amachang:20111017111902j:image" title="f:id:amachang:20111017111902j:image" class="hatena-fotolife"></a></p>
<h4> はじめに</h4>
<p>皆様、最近ちょっとずつ寒かったり暑かったりしますがお元気でしょうか？</p>
<p>僕は秋の花粉症でぐだぐだですが、元気です。</p>
<h4> 突然ですが</h4>
<p>最近、<a href="https://www.facebook.com/pages/UT-Startup-Gym/256358524386556" target="_blank">「UT Startup Gym」（UT スタートアップジム）</a>という「ウェブサービスの企画、開発」の勉強会をやっています。</p>
<p>ずっと知り合いの中だけでやっていたのですが。</p>
<p>最近、一区切りつき、もっとこの勉強会に多くの人に参加して欲しいなと思いブログを書くことにしました＞＜</p>
<h4> みなさんは</h4>
<blockquote>
<p>ウェブサービスを作りたいなって思ったことありませんか？</p>
</blockquote>
<p>僕はよくあります。</p>
<p>「なんで、〇〇みたいなサービスってないんだろーなー」とか、「もっと、こういうサービスを作ってみたいなー」とか</p>
<p>そういうとき、自分ですぐにそのウェブサービスを作り上げることが出来たらなあと思います</p>
<h5> でも</h5>
<p>そうは言っても、なかなか作りきれないものなんですよねウェブサービスって＞＜</p>
<p>作り始めるのがおっくうだったり、作り始めても、モチベーションが保てなかったり、モチベーションがあっても、技術的に行き詰ったり、</p>
<p>まあ、人間ですからね。なかなか作りきれないものですよね＞＜</p>
<blockquote>
<p>もっと、ウェブサービスを作りきれるようなモチベーションと知識を共有できる環境があったらいいのになあ。</p>
</blockquote>
<h5> そこで</h5>
<p>半年前に立ち上げたのが、今日紹介する<a href="https://www.facebook.com/pages/UT-Startup-Gym/256358524386556" target="_blank">「UT Startup Gym」（UT スタートアップジム）</a>です。</p>
<h4> どういう勉強会なの？</h4>
<p>では、少し具体的にこの勉強会がどういう勉強会なのかを紹介したいと思います。</p>
<h5> 勉強会の概要</h5>
<p>この勉強会では、半年を「一期」として<strong>一期ごとに全員がなんらかのウェブサービスをリリースすることを目標にしています</strong>。</p>
<p>メンバーは、その期間内でアイデアを出し合い、何人かでチームを組み、リリースに向けて頑張る、ということをやります。</p>
<p>もちろん、すでに作っているウェブサービスがある人はそのサービスを持ち込んで参加するというのも可能です。</p>
<h5> いつやってるの？</h5>
<p>現在は、毎週土曜日の 18:00 〜 22:00 くらいまでの時間でやっています。</p>
<h5> 勉強会の内容はどんな感じなの？</h5>
<p>勉強会自体は、毎回 4 時間くらいで、 1 時間目が「座学」、残りの 3 時間が「プロジェクトの時間」となっています。</p>
<p>そして、たまに不定期に「開発合宿」をやったりもします。</p>
<h5> 今までの勉強会の資料</h5>
<p>ちなみに、今までやってきた勉強会の資料が Slideshare に上がっていたりもするので、そちらもご覧いただければなあと思います＞＜</p>
<p><a href="http://www.slideshare.net/amachang/ss-9297349" target="_blank">ウェブアプリのセキュリティをちゃんと知ろう (毎週のハンズオン勉強会の資料)</a><a href="http://b.hatena.ne.jp/entry/http://www.slideshare.net/amachang/ss-9297349" class="http-bookmark" target="_blank"><img src="http://b.hatena.ne.jp/entry/image/http://www.slideshare.net/amachang/ss-9297349" alt="" class="http-bookmark"></a></p>
<p><a href="http://www.slideshare.net/amachang/ss-9203691" target="_blank">サーバーを作ろう (毎週のハンズオン勉強会の資料)</a><a href="http://b.hatena.ne.jp/entry/http://www.slideshare.net/amachang/ss-9203691" class="http-bookmark" target="_blank"><img src="http://b.hatena.ne.jp/entry/image/http://www.slideshare.net/amachang/ss-9203691" alt="" class="http-bookmark"></a></p>
<p><a href="http://www.slideshare.net/amachang/ss-9119621" target="_blank">クローラを作る技術と設計 (毎週のハンズオン勉強会資料)</a><a href="http://b.hatena.ne.jp/entry/http://www.slideshare.net/amachang/ss-9119621" class="http-bookmark" target="_blank"><img src="http://b.hatena.ne.jp/entry/image/http://www.slideshare.net/amachang/ss-9119621" alt="" class="http-bookmark"></a></p>
<h4> この半年の終わりに</h4>
<p>もうすぐ UT Startup Gym も一期目（半年）を終えて二期目を迎えようとしています。</p>
<p>この半年、本当にいろいろあったなあと思います。</p>
<p>今月、無事に二つのウェブサービスと、幾つかのウェブサービスの卵を立ち上げることができそうです。</p>
<p>これは、自分では結構すごいことなんじゃないかなあと思っています。</p>
<p>勉強会の中で、仲間やライバルを見つけて、技術や企画を磨くことを無くしては絶対に作り上げることができなかっただろうなと思っています。</p>
<h4> というわけで</h4>
<p>この勉強会の発表会イベントを 10/29 (土) に行いたいと思います！</p>
<p>勉強会に参加したい人</p>
<p>勉強会に興味がある人</p>
<p>立ち上がったウェブサービスに興味がある人はぜひぜひご参加ください！</p>
<p><a href="https://www.facebook.com/event.php?eid=170761369678337" target="_blank">第１期製品発表会・第２期募集説明会 | Facebook</a><a href="http://b.hatena.ne.jp/entry/https://www.facebook.com/event.php?eid=170761369678337" class="http-bookmark" target="_blank"><img src="http://b.hatena.ne.jp/entry/image/https://www.facebook.com/event.php?eid=170761369678337" alt="" class="http-bookmark"></a></p>
<p><a href="http://ut-gym.jp/events/001.html" target="_blank">UT Startup Gym - 第１期発表会+第２期参加者募集</a><a href="http://b.hatena.ne.jp/entry/http://ut-gym.jp/events/001.html" class="http-bookmark" target="_blank"><img src="http://b.hatena.ne.jp/entry/image/http://ut-gym.jp/events/001.html" alt="" class="http-bookmark"></a></p>
<p>誰でも参加可能なので、少しでも興味がある人は上の Facebook イベントの「参加ボタン」をポチっとしてみてください＞＜</p>
<h4> 最後に</h4>
<p>勉強会を初めたときは、 PHP のインストールが出来ないメンバーや、ほとんどプログラムを書いたことがないメンバーも多くいましたが、今では、全員が企画から開発までを行いウェブサービスを立ち上げることが出来るようになりました。</p>
<p>自分自身も、様々なウェブサービスのアイデアや技術の中でこの半年を過ごすことが出来てとても楽しかったなあと思います。</p>
<p>ぜひぜひ、<a href="https://www.facebook.com/event.php?eid=170761369678337" target="_blank">10/29 (土) のイベント</a>にみなさんも参加して、自分のウェブサービスを立ち上げる一歩を踏み出してみませんか？</p>
<p><a href="http://f.hatena.ne.jp/amachang/20111017111903" class="hatena-fotolife" target="_blank"><img src="http://cdn-ak.f.st-hatena.com/images/fotolife/a/amachang/20111017/20111017111903.jpg" alt="f:id:amachang:20111017111903j:image" title="f:id:amachang:20111017111903j:image" class="hatena-fotolife"></a></p>
<p>（写真は開発合宿にて）</p>
<p>ではではーヽ(´ー｀)ノ</p>
<p><div class="line"></div></p>
<p><script src="http://www.gmodules.com/ig/ifr?url=http://amachang.sakura.ne.jp/socialbuttons/buttons.new.xml%3Fv999&#38;up_articleUrl=http%3A%2F%2Fd.hatena.ne.jp%2Famachang%2F20111017%2F1318822925&#38;up_articleTitle=%20%E3%82%A6%E3%82%A7%E3%83%96%E3%82%B5%E3%83%BC%E3%83%93%E3%82%B9%E3%82%92%E3%82%B9%E3%82%BF%E3%83%BC%E3%83%88%E3%82%A2%E3%83%83%E3%83%97%E3%81%99%E3%82%8B%E3%81%9F%E3%82%81%E3%81%AE%E5%8B%89%E5%BC%B7%E4%BC%9A%E3%81%AB%E5%8F%82%E5%8A%A0%E3%81%97%E3%81%BE%E3%81%9B%E3%82%93%E3%81%8B%EF%BC%9F&#38;synd=open&#38;w=700&#38;h=160&#38;title=%20%E3%82%A6%E3%82%A7%E3%83%96%E3%82%B5%E3%83%BC%E3%83%93%E3%82%B9%E3%82%92%E3%82%B9%E3%82%BF%E3%83%BC%E3%83%88%E3%82%A2%E3%83%83%E3%83%97%E3%81%99%E3%82%8B%E3%81%9F%E3%82%81%E3%81%AE%E5%8B%89%E5%BC%B7%E4%BC%9A%E3%81%AB%E5%8F%82%E5%8A%A0%E3%81%97%E3%81%BE%E3%81%9B%E3%82%93%E3%81%8B%EF%BC%9F&#38;border=%23ffffff%7C3px%2C1px+solid+%23999999&#38;output=js"></script></p>
</div>
]]></content:encoded>
<dc:creator>amachang</dc:creator>
<dc:date>2011-10-17T12:42:05+09:00</dc:date>
<dc:subject>人生</dc:subject>
</item>
</rdf:RDF>

