IT戦記 このページをアンテナに追加 RSSフィード Twitter

2011-12-26

Windows7 搭載マシンを買ってきてやったことまとめ

はじめに

みなさま、こんにちは!年末の忙しい時期ですが、お元気ですか?

僕はなんとか元気です><

使っていた PC を壊してしまったので Windows7 搭載マシンを買ってきましたので、購入から初期設定、便利なアプリインストールまでここにメモしておきたいと思います!

f:id:amachang:20111222121028j:image

購入まで

と言うことでまず購入までにやったことをまとめてみたいと思います

価格.com で調べる

まずは、価格.comを使って、以下の条件で良さそうなパソコンを探してみます。

  • 8 万円以下の価格
  • それなりのグラフィックボード(最近 Minecraft っていうゲームをやってるので)
  • それなりのメモリ(メモリ安いので)
  • それなりの CPU
  • USB 3.0 (データ移行のときにハードディスクUSB 3.0 でつなぎたいので)
  • ディスクアクセス速度は、ある程度遅くても良い(RAM ディスクで頑張る戦略)
買うパソコンを決める

と、いうわけで以下のパソコンを購入することにしました

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

公式ページ

価格.com のページ

パソコンを買いにいく

パソコンはその場ですぐに買いに行きたい派なので、価格.com のページから、「最安値に近い価格」で「地域が東京」で「店頭同価」なお店を調べてみます。

すると、以下のお店が良さそうだったので、そこに行ってきた

アキバ流通

で、実際に店頭に行ってみると倉庫みたいにパソコンが並んでいて、びっくり。ギーク心をくすぐられますね!

f:id:amachang:20111222101700j:image

あと、このお店のすごく良いなと思ったところは、まったく接客されないところですね!めちゃめちゃ気楽に買うことができました!

棚の中に、お目当てのパソコンがありました!

f:id:amachang:20111222101837j:image

実際に購入した価格は 75150 円でした。

せっかく秋葉原に行ったので

いろいろ衝動買いしちゃいました☆(ゝω・)vキャピ

f:id:amachang:20111222121028j:image

開封の儀

無事、購入することが出来たのでさっそく開封してみましょう!

f:id:amachang:20111222121548j:image

さっそく開けてみます!

じゃじゃーん!まさかの箱 in 箱!

f:id:amachang:20111222121744j:image

最終的な中身は、バッテリー、 AC アダプタ、ケーブル、本体となんか紙類。

f:id:amachang:20111222122722j:image

とりあえず

最近は CD-ROM とか付いてないんですな

最初の起動

開封したら、さっそく起動します

Windows の初期設定
  • ポチっとな
    • f:id:amachang:20111222123614j:image
  • 以下のような画面が出てくるので、「次へ」をクリック
    • f:id:amachang:20111222123758j:image
  • ユーザー名を「amachang」、コンピュータ名を「amandows」にして、「次へ」をクリック
  • パスワードを入力して、「次へ」をクリック
  • 「同意します」のチェックボックスをチェックして、「次へ」をクリック
  • 「推奨設定を使用します」をクリック
  • 日時をあわせて、「次へ」をクリック
  • 「ワイヤレスネットワークへの接続」の画面で、無線ネットワークを一つ選択して、「次へ」をクリック
  • コンピュータの場所」を選んでクリック(わからない場合はパブリックネットワークにしとけば良いと思う)
    • f:id:amachang:20111222124537j:image

これで、 Windows の初期設定が終了します!

さて、使い始めるかと思ったら

なんか、 Acer の登録画面が出てきました><

f:id:amachang:20111222125253j:image

めんどくさいので「省略」をクリック

さて、こんどこそ

と、思ったら今度はマカフィー><

f:id:amachang:20111222125328j:image

めんどくさいよう><

(まあ、このおかげで多少安く買えるんでしょうね)

とりあえず、マカフィーを使う気はないので「後でアクティベート」するを選択する

最初のデスクトップ

一番最初のデスクトップはこんな感じ。

f:id:amachang:20111226115534p:image

割とすっきりしてますね!わくわく!

性能を見てみる

では、さっそく性能を確認してみましょう

  • デスクトップ左下の丸いボタン(以後、「スタートメニュー」)をクリック
  • 「コントロールパネル」をクリック
    • f:id:amachang:20111226115528j:image
  • 「システムとセキュリティ」をクリック
  • 「RAM の量とプロセッサ速度の表示」をクリック
  • おおおお!ちゃんと 8GB 認識されてますね!
    • f:id:amachang:20111226115532j:image
  • 次に、さきほどの「システムとセキュリティ」の画面に戻り、「Windows エクスペリエンスインデックスの確認」をクリック
  • むむむ。やはりハードディスクのアクセス速度がボトルネックになっていますね!後でちゃんと作戦を考えましょう
    • f:id:amachang:20111226115533j:image

Windows Update

正常に起動したことを確認したあとは、何はともあれ Windows を最新の状態に更新します

  • 「スタートメニュー」をクリックして、「すべてのプログラム」をクリック
  • Windows Update」をクリック
  • 「更新プログラムのインストール」をクリック
    • f:id:amachang:20111226120557p:image
  • 暗転して、「ユーザーアクセス制御」のウィンドウが表示されるので「はい」をクリック(以下、ところどころでこれが起こるがすべて「はい」)
  • 同意確認などが表示された場合は、同意しつつ進める
  • 処理が終了し、再起動が必要な場合は「今すぐ再起動」をクリック
  • 再起動後、もう一度「スタートメニュー」→「すべてのプログラム」→「Windows Update」をクリックし
  • 「更新プログラムは正常にインストールされました」が表示されるまで、「更新プログラムのインストール」と「今すぐ再起動」を繰り返す
    • f:id:amachang:20111226120558p:image

はい!これで、 Windows が最新になりました!やったね!

リカバリディスクの作成

プリインストール版の Windows7 の場合、OSインストールディスクが付いていないので、出荷時の状態に戻すための「リカバリディスク」を作成する必要があります

  • 「スタートメニュー」をクリックして、「すべてのプログラム」をクリック
  • Acer」をクリックし、「Acer eRecovery Management」をクリック
  • デフォルトイメージディスクの作成」をクリック(このデフォルトイメージディスクっていうのが、俗に言う「リカバリディスク」ですね)
    • f:id:amachang:20111226120751p:image
  • 「開始」をクリック
  • DVD-R メディアをドライブに入れて「はい」をクリック
  • デフォルトイメージバックアップの作成」が始まるので、しばらく待つ
  • ディスクを交換しつつしばらく待つと、計 3 枚のリカバリディスクが完成しますので、大事に保管しておきます。
    • f:id:amachang:20111222141358j:image

これで、パソコンが壊れたときは出荷時の状態に戻せますね。えっとどこに保管しよう><

リカバリディスクができたら、ウィンドウを閉じます。

ディレクトリの構成を考える

次に、ディレクトリ(フォルダ)をどういう風に使っていくかという方針を考えます

まとめると

C:\Program Files … インストーラ付きアプリ
C:\Proguram Files (x86) … インストーラ付きアプリ
C:\Users\amachang\
  - bin … CUI 系アプリ
  - tools … GUI 系アプリ
  - archives … インストーラとか配布ファイル
  - dev … 開発時のソースファイルや、リソースファイルを置く
  - data … 雑多なデータ

不要なアプリやファイルの削除

さて、いろいろな設定やアプリインストールする前に、不要なプリインストールされたアプリやファイルを削除しましょう。

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

不要なアプリを探すため Process Explorerインストール

不要なアプリを探すために、 Windows に元々入っている「タスクマネージャ」を使ってもいいのですが、更に便利な「Process Explorer」というアプリインストールします。

これで Process Explorer が使える状態なので、さっそく起動してみましょう

  • 解凍された procexp.exeダブルクリック
  • 「Process Explorer License Agreement」ウィンドウが表示されるので、「Agree」をクリック
  • すると、以下のようなプロセス(アプリの実行単位)の一覧が表示される
    • f:id:amachang:20111226121127j:image

おおお!これは便利ですね!

また、以下のようにユーザーアクセス制御を介すと、すべてのプロセスの詳細が見られるようになります

f:id:amachang:20111226121128j:image

また、以下の手順で実行ファイルの位置を表示するようにしておきます

  • カラムのところを右クリックして「Select Columns...」をクリック
  • 「Select Columns」ウィンドウで「Image Path」のチェックをオンにして「OK」をクリック

f:id:amachang:20111226121130j:image

そうすると、以下のように「Path」というカラムに実行ファイルの位置が表示されるようになります。

これで、どこにインストールされたアプリが要らないかを検討することが出来ますね!

一般的なアプリアンインストール方法

不要なプロセスの概要が分かってきたら、まずは以下の手順でアンインストールを試みます。

このようにして、一般的なアプリではアンインストールを行うことができます。

このとき、「Process Explorer」の「Company Name」を覚えておいて、「プログラムのアンインストールまたは変更」での「発行元」を調べると見つけやすいです

アプリによってはコントロールパネルで削除できないアプリもあります。

そのときの削除方法は以下のようになります

Aspire 5750G にプリインストールされているアプリアンインストール

では、今回買ったパソコンでプリインストールされている不要なアプリをどんどん消していきましょう。

明らかに必要そうなアプリはここには乗せていません。

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

ふー!要らないものを削除して、だいぶすっきりしました!

アンチウィルスソフトウェアインストール

今まで、アンチウィルスソフトウェアと言えば長年 Avast! というソフトを使ってきたのですが

今回は MicrosoftMicrosoft Security Essentials をインストールしてみたいと思います。

無料ですし、動作が軽くて良いらしいので

  • まず、 http://windows.microsoft.com/ja-JP/windows/products/security-essentials へ行く
  • 「無料でダウンロード」をクリック
    • f:id:amachang:20111226122131j:image
  • ダウンロードされた mseinstall.exe というファイルをダブルクリックして実行
  • 「ユーザーアカウント制御」ウィンドウで「はい」をクリック
  • 「ようこそ」と表示されるので、「次へ」をクリック
  • 「ライセンス条項」が表示されるので、「同意します」をクリック
  • 「プログラムに参加する」が表示されるので、「今はこのプログラムに参加しない」を選択して「次へ」をクリック
    • f:id:amachang:20111226122134j:image
  • セキュリティを最適化する」が表示されるので、そのまま「次へ」をクリック
  • 「準備完了」と表示されるので、「インストール」をクリック
  • しばらく待つ
  • 「完了」と表示されるので、「スキャンして潜在的な脅威を検出します」のチェックボックスをチェックしたまま「完了」をクリック
    • f:id:amachang:20111226122137j:image
  • しばらく待つ
    • f:id:amachang:20111226122138j:image
  • スキャンが終わりました!これで、安心!
    • f:id:amachang:20111226122139j:image

入力関係の設定

ようやく、最低限パソコンが使える状態になったので、個人的にまずやらなければならない設定として文字入力やショートカットの設定をしていきます。

おおまかに言うとここでは、以下の二つを目的にしています。

  • Dvorak 配列にする
  • 右手小指の酷使を避けるため Enter, Backspace, 矢印キーをすべてショートカットに割り当てる

この設定が毎回めんどくさいんですよねえ><

Dvorak の設定

普通のキーボードQwerty というキー配列なのですが、僕は Dvorak 配列でしかタッチタイプできないので配列を入れ替えます。

Dvorak キーにするには様々な方法があるのですが、僕は一番安定しているレジストリを書き換えて DLL を入れ替える方法を使っています。

  • 「スタートメニュー」をクリックして、「プログラムとファイルの検索」のところに「regedit」と打ち込みエンターキーを押す
    • f:id:amachang:20111226122458p:image
  • 「ユーザーアカウント制御」ウィンドウが表示されるので、「はい」をクリック
  • 左側のペインで「HKEY_LOCAL_MACHINE」→「SYSTEM」→「CurrentControlSet」→「Control」→「Keyboard Layouts」とダブルクリックで開いていく
  • 「Keyboard Layouts」を開いたあと、「00000411」を選択する
  • 右側のペインの中の「Layout File」という箇所をダブルクリックする
    • f:id:amachang:20111226122454p:image
  • KBDJPN.DLL を KBDDV.DLL を書き換える
    • f:id:amachang:20111226122456p:image

これで、次回起動した段階で Dvorak 配列になっているので、さっそくパソコンを再起動します!

やった!これでまともに入力が出来るようになりました><!

IME のショートカットの設定

次に IME のショートカットの設定をします。

  • IME のバーの工具箱みたいなボタンをクリックし、メニューから「プロパティ」をクリック
    • f:id:amachang:20111226122758j:image
  • 「編集操作」タブを選択して、「キー設定」のタブを「変更」をクリック
    • f:id:amachang:20111226122759j:image
  • 開かれた「詳細プロパティ」ウィンドウで、「キー追加」、「削除」、動作の「変更」を行うことができる
    • f:id:amachang:20111226122800j:image

今回は、「矢印キー」や「半角/全角」を使わないように、以下のように Ctrl+Space, Ctrl+B, Ctrl+Shift+B, Ctrl+F, Ctrl+Shift+F, Ctrl+P, Ctrl+N を追加します。

  • Ctrl+Space
    • f:id:amachang:20111226122801j:image
  • Ctrl+Shift+B
    • f:id:amachang:20111226122802j:image
  • Ctrl+Shift+F
    • f:id:amachang:20111226122803j:image
  • Ctrl+B
    • f:id:amachang:20111226122804j:image
  • Ctrl+F
    • f:id:amachang:20111226122805j:image
  • Ctrl+N
    • f:id:amachang:20111226122806j:image
  • Ctrl+P
    • f:id:amachang:20111226122807j:image
AutoHotkey_L のインストール

次は、各キーに対して様々な挙動をプログラムできる AutoHotkey_L をインストールします。

  • http://www.autohotkey.com/download/ へ行く
  • 「Installer for AutoHotkey_L」をクリックしてファイルを保存する
    • f:id:amachang:20111226123138j:image
  • 保存したファイルをダブルクリックで実行
  • ウィンドウが開くので「Next」をクリック
  • 「Lincense Agreement」と表示されるので、「Next」を押す
  • 「Choose Version」が表示されるので、「Unicode (64-bit): Faster, but compiled scirpt won't run on 32-bit systems.」を選択して「Next」をクリック
    • f:id:amachang:20111226123142j:image
  • 「Choose Components」が表示されるので、そのまま「Next」をクリック
  • 「Choose Install Location」が表示されるので、インストール先がそれでよければ「Next」をクリック
  • 「Choose Start Menu Folder」が表示されるので、「Install」をクリック
  • インストールが完了したら「Finish」を押す
    • f:id:amachang:20111226123146j:image

これで、自由にショートカットキーをカスタマイズするスクリプトを記述することができるようになります。

AutoHotkey スクリプトを書く

AutoHotkey_L をインストールしたら、さっそくスクリプト(このキーが押されたらこう動くという設定が書かかれたテキストファイル)を書きます

スクリプトはどこに置いてもいいのですが、今回はとりあえず僕は C:\Users\<ユーザー名>\bin に置くことにします

  • C:\Users\<ユーザー名>\bin をエクスプローラで開いて右クリックして、メニューから「新規作成」をクリックし、「AutoHotkey Script」をクリックする
    • f:id:amachang:20111226123147j:image
  • ファイルをメモ帳で開くとゴチャゴチャと最初から書いてあるので、それを全部消して以下のように書き換える
^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}

このファイルをダブルクリックで実行することで、ショートカットキーの設定が読み込まれます

今回のファイルの設定では、 Alt キーを押すと vimキーバインドで移動できて、一部 emacs 風のキーバインドも取り入れています。

AutoHotkey がパソコン起動時の自動起動設定

さっそく AutoHotkey スクリプトをパソコン起動時に読み込むようにしましょう。

  • まず、「スタートメニュー」をクリックし、「すべてのプログラム」をクリック
  • で、「スタートアップ」で右クリックし、メニューで「開く」をクリック
    • f:id:amachang:20111226123150j:image
  • 開いたウィンドウに、先ほど書いた AutoHotkey スクリプトのショートカットを作成する
    • f:id:amachang:20111226123151j:image

これで、次回からパソコンを起動したら自動で AutoHotkey スクリプトが読み込まれるようになりました!

やったね!

フォントの設定

次に、プログラムを書くときに綺麗な等幅フォントを表示できる環境があるのとないのとでは大違いですね!

フォントがあるとないとではやる気もだいぶ変わってきます><

と、いうわけでフォントの設定をしていきたいと思います。

メイリオ等幅フォントを作る

まず、今 PC にインストールされているメイリオから等幅版のメイリオ「MeiryoKe_Console」を作成します。

手順は

インストールが終了すると、「MeiryoKe_Console」などのフォントが追加されます!

Consolas と MeiryoKe_Console をフォントリンク

個人的に Consolas という等幅フォントが一番開発をやりやすいと感じています。

しかし、困ったことに Consolas で日本語を表示するとデフォルトの設定では、 MS ゴシックで表示されてしまうのです。

MS ゴシックでは、あまり見た目が綺麗ではないので Consolas で日本語を書いたときに MeiryoKe_Console が使われるように設定したいと思います。

この設定を行うには、 Windowsフォントリンクという機能を使います。

まず、レジストリエディタを開きます

  • 「スタートメニュー」をクリックして、「プログラムとファイルの検索」のところに「regedit」と打ち込みエンターキーを押す
  • 「ユーザーアカウント制御」ウィンドウが表示されるので、「はい」をクリック

次に、フォントリンクの設定をするための値を開きます

  • 右側のペインで「HKEY_LOCAL_MACHINE」→「SOFTWARE」→「Microsoft」→「Windows NT」→「CurrentVersion」→「FontLink」とダブルクリックで開いていく
  • 「FontLink」を開いたあと、「SystemLink」を選択する
  • 「SystemLink」を選択した状態で、メニューから「編集」→「新規」→「複数行文字列値」とクリック
    • f:id:amachang:20111226123952j:image
  • 右側のペインに一行挿入されるので、「名前」を「Consolas」と入力する
    • f:id:amachang:20111226123953j:image
  • 名前を確定したあと、名前をダブルクリックし、表示されたウィンドウに「meiryoKe_602r1.ttc,MeiryoKe_Console」と入力し、「OK」をクリック
    • f:id:amachang:20111226123954j:image

これで、次回起動した段階で Consals と MeiryoKe_Console がフォントリンクされた状態になるので、さっそく再起動して確認してみましょう!

ちゃんと、 Consolas で日本語はメイリオフォントが見えてますね!

こんな感じ

f:id:amachang:20111226123955j:image

ちなみに、フォントリンク前は以下のような感じでした…

f:id:amachang:20111226123950j:image

微妙な違いだけど、ここが重要なんです!

これでガンガン Consolas でコードが書けるよ!やったね!

CUI 開発環環境の整備

僕も開発は、基本的に CUI でやりたい人なので、次は CUI の環境を整えたいと思います!

Consoleインストール

Windows7 には、デフォルトで「コマンドプロンプト」という CUI の環境が付いているのですが、この「コマンドプロンプト」は使わずに「Console」というアプリインストールしたいと思います。

正確には「コマンドプロンプト」 のフロントエンドとして、「Console」という UI を使うといった感じです。

Console」を使う主な理由は、先ほど作った「Consolas + MeiryoKe_Console」のフォントが綺麗に表示できるからです><

次は起動しましょう

  • 解凍された「Console.exe」を起動する
  • 起動した状態だと日本語の表示がおかしくなってしまうので、メニューから「Edit」から「Settings...」をクリック
    • f:id:amachang:20111226125010j:image
  • 左側のペインから「Appearance」をクリックし、「Font」→「Name」を先ほどフォントリンクの設定をした「Consolas」を選択し、「OK」をクリック
    • f:id:amachang:20111226125011j:image
  • 次にメニューから「View」→「Console Window」をクリック
    • f:id:amachang:20111226125012j:image
  • 「Console2 command window」というウィンドウが開くので、そのタイトルバーを右クリックして、メニューの「プロパティ」をクリック
    • f:id:amachang:20111226125013j:image
  • 「"Console2 command window"のプロパティ」というウィンドウが開くので、「フォント」タブをクリックして、「MSゴシック」を選択して、「OK」をクリック
    • f:id:amachang:20111226125014j:image
  • 「Console2 command window」はもう必要ないので閉じる
  • もう一度、「Console.exe」を起動すると、日本語が表示できるようになっている
    • f:id:amachang:20111226125015j:image

しかし、実はこの Console では、日本語表示できるようになっても、まだ IME での入力ができません。

これに関しては、有志の方がパッチを当てたバージョンを公開されていますので、そのバージョンを使わせていただくことにします。

これで、日本語入力も出来るようになります!

やった!

Vimインストール

次は、 CUI でテキストが書けるように Vimインストールします。

このパソコンは 64bit 版の Windows7 が搭載されているので、 64bit 版のものをインストールします。

さて、これで「Vim」のインストールが終わりました!

これで、 Console を起動して vim と打つことで vim を起動することができるようになりました!

次は、設定をやっていきたいと思います。基本的にテキストは、 UTF-8 で書くという設定でいきたいと思います。

ユーザーディレクトリ直下に以下のような内容のテキストファイルを作って、「.vimrc」という名前で保存します

syntax on

set number
set fileencodings=utf-8,cp932
set encoding=cp932
set termencoding=cp932

set backspace=2

set expandtab
set tabstop=2
set shiftwidth=2
set softtabstop=0
set smartindent

set incsearch

とりあえずこれで内部エンコーディングCP932Shift_JIS)ですが、ファイルエンコーディングUTF-8デフォルトの設定になります!

Strawberry Perlインストール

  • http://strawberryperl.com/releases.html へ行く
  • 「strawberry-perl-5.12.3.0-64-bit.msi」をクリックして、インストーラ「strawberry-perl-5.12.3.0-64-bit.msi」をダウンロード
    • f:id:amachang:20111226130255j:image
  • ダウンロードした「strawberry-perl-5.12.3.0-64-bit.msi」を実行する
  • 「Strawberry Perl Setup」というウィンドウが開くので、「Next」をクリック
  • 「End-User License Agreement」が表示されるので、「I accept the terms in the License Agreement」を選択して、Nextをクリック
  • 「Destination Folder」が表示されるので、「C:\strawberry\」のまま、「Next」をクリック
  • 準備が出来たので、「Install」をクリック
  • 終了したら、「README」のチェックを外して、「Finish」をクリック
    • f:id:amachang:20111226130300j:image

次は、環境変数PATH」を設定しましょう

  • Vim のときと同様に「スタートメニュー」から「コントロールパネル」→「システムとセキュリティ」→「システム」→「システムの詳細設定」→「環境変数」へと進む
  • 環境変数」の設定ウィンドウが表示されるので、「ユーザー環境変数」の欄を見て
    • PATH」という「変数」の行が無ければ「新規」をクリックして、変数名「PATH」変数値「C:\strawberry\perl\bin;C:\strawberry\c\bin」を入力して「OK」をクリック
    • PATH」という「変数」の行があれば「変更」をクリックして、変数値の末尾に「;C:\strawberry\perl\bin;C:\strawberry\c\bin」を追記し、「OK」をクリック
  • 環境変数」ウィンドウと「システムのプロパティ」ウィンドウを「OK」をクリックして閉じる

これで、 perl コマンドと、 cpan コマンドが使えるようになりました!

CPAN モジュールをインストール

Perlインストールされたので、 Console を開いて以下のように、便利なモジュールをインストールする

C:\Users\amachang\dev>cpan

cpan shell -- CPAN exploration and modules installation (v1.9600)
Enter 'h' for help.

cpan> install Bundle::CPAN

...

cpan> install App::Ack

...

cpan> install Win32::Console::ANSI

...

とりあえず、ここでは Bundle::CPAN と App::AckWin32::Console::ANSI だけをインストールすることにします。

これで、コンソールで便利なソースコード検索機能を使うことが出来るようになりました!

あと、これで何か自動化したいときは、 Perl を使うことが出来ますね!

その他インストールしたもの

RAM ディスクの設定

最後に、このマシンではディスクアクセスがボトルネックになるのは間違いないので、 RAM ディスクを導入します。

RAM ディスクの作成

特に難しくないと思うので省略しますが ドライバーダウンロード RAMDISK ユーティリティー | BUFFALO バッファロー を使い、 R: に 1GB の RAM ディスクを作成しました

f:id:amachang:20111226130724j:image

(こんな感じの簡単なアプリでポチポチ設定できます。)

とりあえず、 RAM ディスクが出来たら再起動します

RAM ディスクの自動保存機能(バックアップモードについて)

バッファローの RAM ディスクには以下のことを行ってくれる自動保存機能(バックアップモード)という便利な機能があるのですが。

  • シャットダウン前にデータを退避
  • マシン起動時にデータを読み込み

これに関してはとりあえず使わない方針でやっています><

理由としては、バックアップすべきファイルが肥大化してしまっては、容量に制限のある RAM ディスクを生かしきれないと考えたからです。

基本的に

という方針でいきたいと思います><

Process Explorer と Process Monitor でディスクアクセスを調べる

次に、どのプロセスがディスクアクセスしてるかを探ります

具体的には

  • まず Process Explorer でだいたいディスクアクセスの多いプロセスを調べます。
  • 次に、 Process Monitorインストールして、そのプロセスのディスクアクセスをトレースします。
  • Process Monitor を起動すると、以下のような画面で Win32 API の呼び出しをトレースすることが出来るので、どのディレクトリを RAM ディスクにすれば良いか一目瞭然です。

f:id:amachang:20111226130725j:image

(この例では、 Operation contains "File" and Process Name contains "Chrome" で調べてます)

具体的にディレクトリが分かったら

具体的にどのディレクトリにアクセスが集中しているか分かったら、そこのディレクトリへのアクセスを RAM ディスクへ向けるようにします。

その方法は、ジャンクションという方法を使います。

ジャンクションは、「ソフトウェアがあるディレクトリにアクセスしようとしたら、実際には別のディレクトリにアクセスさせる」みたいなことが出来るものです。

具体的にはコマンドで、以下のように打ちます。

mklink /j "C:\このディレクトリにアクセスしたら" "R:\このディレクトリにアクセスしたことにする"

こんな感じで C ドライブから R ドライブにジャンクションを張っていきます。

ジャンクション先のケア

今回の場合、ジャンクションを張っている先は RAM ディスクなのでマシンを再起動すると、そのディレクトリ構造もろとも真っ白になってしまいます。

ですので、マシンが起動するたびにスクリプトで RAM ディスクを作りなおしてやる必要があります。

具体的には、「スタートアップ」に bat ファイルを突っ込んでおくことになると思います。

今回は何を RAM ディスクに置いたの?

TEMP 環境変数と TMP 環境変数を設定して R:\Temp へ

mkdir R:\Temp

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

  • Google Chrome が起動中に以下のように、タスクバーを右クリックして、「タスクバーにこのプログラムを表示する」をクリック
    • f:id:amachang:20120108054115j:image
  • もう一度、タスクバーを右クリックして、「Google Chrome」を右クリックしてメニューを開いて、「プロパティ」をクリック
    • f:id:amachang:20120108054116j:image
  • プロパティウィンドウが開いたら、以下のように「リンク先」の末尾に「 --disk-cache-dir=R:\GoogleChromeCache」を追記し、「OK」をクリック
    • f:id:amachang:20120108054117j:image

Flash Player

mkdir R:\FlashPlayerData
rd /s "C:\Users\amachang\AppData\Roaming\Macromedia\Flash Player"
mklink /j "C:\Users\amachang\AppData\Roaming\Macromedia\Flash Player" R:\FlashPlayerData

ダウンロードディレクトリも RAM ディスクの中に入れてしまう

mkdir R:\Downloads
rd /s "C:\Users\amachang\Downloads"
mklink /j "C:\Users\amachang\Downloads" R:\Downloads

IEキャッシュインターネットオプションから設定できるので、 R:\IECache とかにしておく

mkdir R:\IECache

f:id:amachang:20111226134353j:image

スタートアップスクリプト

で、スタートアップ時に以下のプログラムで、 R: ドライブの初期構成を作るようにしておきます!

mkdir R:\Downloads
mkdir R:\Temp
mkdir R:\IECache
mkdir R:\FlashPlayerData
RAM ディスクのログ機能を切る

バッファローの RAM ディスクは、かなり頻繁にログを吐いてディスクにアクセスします。

これでは本末転倒なので、バッファローの RAM ディスクのインストール先(デフォルトでは C:\Program Files\BUFFALO\BFRD4G)を開いて、以下のファイルの Level=9 という記述を Level=0 にします。

  • BRDUtilTray.ini
  • BRDUtil.ini
  • BRDUninst.ini

というわけで

やっと PC のセットアップが終わりました><

ふー、疲れましたわー><

でも、新しいパソコンってなんかワクワクしますね!

みなさんも年末年始、パソコンの整理なのどしてみてはいかがでしょうか

ではではーヽ(´ー`)ノ

2011-12-20

ドワンゴの社内ハッカソンに行ってきた!

はじめに

みなさん、こんにちはあまちゃんです。

さて、今日は先日ドワンゴの社内ハッカソンに UT Startup Gym のメンバーとおじゃましてきましたので、ちょっとそのことについて書いてみたいと思います。

f:id:amachang:20111219161742j:image

ドワンゴのエンジニアがほとんど参加してるらしいです!すごい人数ですね!

こんな人数でハッカソンをやるなんて、すげえ!

ちなみに、入り口はこんな感じ

f:id:amachang:20111219181110j:image

僕もなんかサービス作ろう!

せっかくハッカソンに参加したんだから僕もなんか作ろうと思って、

事前にライブラリ作っておいて「あとは組み立てるだけ!」みたいな状態にしてたんですけど、

残念ながら完成せず…。

こんど機会があったら、どこかの開発合宿で仕上げたいなと思います。

ドワンゴの人が作ってたものがすごかった

最後に各々が作ったものを発表する LT があって、その発表が凄かったです。

f:id:amachang:20111219182557j:image

(チラッ)

技術的にも尖っていて、ユーザー視点としても面白いものが多く、さすがニコニコ動画を生んだ会社だなあと思いました!

そのうち、製品の一部として生かされるものもあるかもしれませんね!

乞うご期待です!

ちょっと、会場の様子

f:id:amachang:20111219183927j:image

(ニコニコ動画の @ 部長。同い年です。きゃー><しんちゃんかっこよす)

f:id:amachang:20111219184008j:image

(いつになく、真面目風な id:Yoshiori。きっと、エッチなことを考えてるに違いない…。というのは嘘で)

f:id:amachang:20111219183943j:image

(なんか、真面目風に話してます。後ろにいるのが、髪型でおなじみの右京さんこと id:yaakaito さん。)

f:id:amachang:20111219184121j:image

(右京さん(id:yaakaito)、単体でパシャ。ハッカソンで彼の作ったものがめちゃめちゃ凄かった)

f:id:amachang:20111219184452j:image

(java-ja の@さん、ステキな笑顔♥ 左後ろに写り込んでる人が…)

f:id:amachang:20111219184521j:image

(http://mobilehackerz.jp/ の人!)

f:id:amachang:20111219184612j:image

(mobilehackerz さんの名刺はなんと基盤!すげー!)

f:id:amachang:20111219184731j:image

(id:con_mame さんと id:kusigahama さんを発見!なんか、はてなダイアラーからすると、すごい安心感ある二人組!)

f:id:amachang:20111219184858j:image

(左から、景虎さん、 id:Yoshiori 、みゆっき (現役高校生!!) こと id:toriimiyukki さん、そして、@ さん!!このショットは貴重やー!)

f:id:amachang:20111219185123j:image

(本部長@さんの手から凍てつく波動がー!)

f:id:amachang:20111219185156j:image

(node.js の meso さん、こと id:t_43z さん!ハッカソンでは、さくっと node.jsウェブサービスを作っちゃうところがすげーと思った!)

f:id:amachang:20111219190516j:image

(安定の id:hogelog さん、久しぶりに会ったらなんか、さわやかっこよくなってた!会社では id:Yoshiori とお仕事してるらしいお)

f:id:amachang:20111219190534j:image

(@ さん、@ さん。 PS Vita のニコニコアプリを作ったチームらしいです!触って見たんですけど、ゲーム機でニコニコ出来るっていいですねー!)

まあ、そんなこんなで

ハッカソン楽しかったです!

f:id:amachang:20111219185336j:image

(最後にちょっとみんなでピザを食べて)

f:id:amachang:20111219205359j:image

(id:Yoshioriid:con_mame ちゃんと一緒に飲みにいってー)

f:id:amachang:20111219223511j:image

(歌ってー)

帰るころには、すっかり終電でした。

最近 id:Yoshiori は、ニコニコ静画の電子書籍アプリをやってるみたいで、今いちおし!らしいです!

iPhone アプリで週刊のマンガがタダで読めるのでなかなか良いですね!

最後に

三つ印象的だったことを話したいと思います。

一つ目は、ピザパーティのとき本部長の @ さんが「ドワンゴのエンジニアであることを、ある程度誇っても良いと思っている」と言っていたことです。

二つ目は、「ドワンゴではクリエイターにしっかりとお金が落ちるような、コンテンツの提供を目指している」という id:coji さんのお話です。

そして、三つ目は、「もの作り」に関して @ さんと話したときの、「ニコニコ動画では様々な機能を実装し検討してはそれをお蔵入りすることが多い」というお話です。

優秀なエンジニアを抱えていながら、技術だけに頼ることなく、常にユーザーとクリエイターの方に目を向け続けている、そしてそれを誇りと思っている。改めてドワンゴという会社の底力を感じた一日でした

ドワンゴのみなさん、昨日はありがとうございましたーヽ(´ー`)ノまた遊びにいきますね!

2011-12-09

Facebook 向けウェブサービスは IE6 に対応すべきか ( 2011年12月の Facebook のブラウザシェア )

はじめに

みなさん、お元気ですか><リリースも終わって、一息ついたあまちゃんです!

ヽ(´ー`)ノわー

さて今日は、最近「お花サプライズ!」というサービスをリリースしたのですが、そのときにちょっと面白いデータを見つけたのでそのいきさつも含めて紹介したいと思います。

f:id:amachang:20111209032253p:image

(今日のテーマはこの円グラフ)

フェイスブック系のサービスはどのブラウザに対応すれば良い?

よく、ウェブサービスを開発するときの悩みとして「古いブラウザでのデザインをどのくらいケアするか?」というものがあります。

「お花サプライズ!」でも、割と短い期間で実装することを目標としていたり、本番の HTML を書いた経験があまりないメンバーが多くいたことで「IE6IE7 への対応が鬼門なんじゃないか?」という心配が常にありました。

そこでよぎる甘い誘惑

このご時世、 IE6 とか IE7 に特別対応する必要なんてないんじゃね?

で、調べてみると大概の場合は「やっぱり IE6IE7 は無視できない… orz」となるのですが、「お花サプライズ」は、ターゲットユーザをフェイスブックだけに限定しています。

フェイスブック自体が「IE6 を非推奨にしていたりする」ということもあるので

ひょっとしたら IE6IE7 をそこまでケアしなくても大丈夫なんじゃないだろうか?

そう思って、ちょっと調べてみました。

ウェルカムページメーカーのデータをもとに調べる

実は、お花サプライズ!を作る前にちょっと作ったプチサービスがありまして、それがフェイスブックページのウェルカムページを作るサービス「ウェルカムページメーカー」です。

作ってからずっと放置してるんですけど、何げにずっと伸びてて、今は 3100 ページ以上のフェイスブックページに導入されていて、月間ユニークユーザーベースで 110,000 人からのアクセスがあります。

f:id:amachang:20111209030036p:image

(9月〜今日までの訪問数、にょきにょき〜)

使われているページも、アナウンサーのページや、 歌手のページ、アニメのページ、EC サイト、企業のページ、個人のページと色々なページに使われていて、そこまで偏りはないと思うので、このサービスの統計をもとにフェイスブックでのブラウザシェアを考えてみたいと思います。

また、フェイスブックのウェルカムページを見れるのは基本的には PC なので、モバイルはこの統計には含みません。

昨日から 30 日前までのデータを使う

まずは、バージョンを問わないブラウザのシェアを見てみると以下のようになりました。

訪問数ベース↓

f:id:amachang:20111209032250p:image

PV ベース↓

f:id:amachang:20111209032251p:image

やはり、 IE を使っている人が多いですね!

では、次に IE をバージョンごとに分割したグラフを作ってみます。

訪問数ベース↓

f:id:amachang:20111209032253p:image

IE6: 3.15%、 IE7: 5.09%

PV ベース↓

f:id:amachang:20111209032252p:image

IE6: 3.78%、 IE7: 5.87%

表にまとめると以下のようになりました

ブラウザ訪問数(%)PV(%)
IE63.153.78
IE75.095.87
IE827.9232.81
IE914.8619.04
IE100.000.00
Chrome23.0416.36
Firefox14.3413.77
Safari8.686.16
Android Browser1.520.98
Opera0.510.52
0.890.71

やはり、フェイスブックユーザに限定すると IE6IE7 のユーザが少ないことが分かりますね。

ブラウザに対応するために必要なコスト

次に、各ブラウザに対応するコストを僕の主観で数値化してみる

以下の数値は、プロジェクト全体でかかる時間のうち、特定ブラウザへの対応時間以外にかかる時間を 1000 としたときに、どのくらい時間を費やす必要があるかを数値化したもの

ブラウザJavaScript で同じ挙動を実現するのに必要な時間CSS で文言が見えないなどの大きな崩れを解消するのに必要な時間CSS で見た目の崩れをすべて解消するのに必要な時間
IE6102060
IE7101030
IE8215
IE9213
IE10212
Chrome111
Firefox111
Safari111
Opera512

単位訪問あたりの作業時間を計算してみる

サービスへの訪問数 1% あたりのコストを計算してみる

ブラウザ1% の訪問に対して JavaScript で同じ挙動を実現するのに必要な時間1% の訪問に対して CSS で文言が見えないなどの大きな崩れを解消するのに必要な時間1% の訪問に対して CSS で見た目の崩れをすべて解消するのに必要な時間
IE63.176.3515.87
IE71.961.965.08
IE80.070.040.18
IE90.130.070.20
Chrome0.040.040.04
Firefox0.070.070.07
Safari0.110.110.11
Opera9.801.963.92

このように見ると IE6CSS のくずれを直すこと、また、 Opera の JavaScirpt に対する修正があまり生産的でないことが分かりますね><

というわけで「お花サプライズ!」では

以下のようなポリシーでブラウザ対応することにしました

  • IE6
    • JavaScript はちゃんと動くように
    • 大きく崩れてても気にしない。ただし、押せないリンクやボタン、隠れて読めない文字があるのは許さない
  • IE7
    • JavaScript はちゃんと動くように
    • レイアウトが大きく崩れてるようなのは修正。多少の崩れは気にしない。押せないリンクやボタン、隠れて読めない文字があるのは許さない
  • Opera
    • 試さない(運任せ)
    • きっと、 Opera さんならやってくれる…!!!
  • 全般的に

まあ、そもそも

特定ブラウザに「対応する」って言い方はあまりよくないですね(><ごめんさない

こういう場合は、「なるべく多くの人が使ってるブラウザが実装してない仕様を使わないようにする」というのが正しいのかもしれません。

まあ、何にせよ。

これだけ色々な種類のブラウザが出てくると一つ一つのブラウザへの対応というものの重要性は薄れつつあるのかもしれませんね。

それなりに多くのブラウザでそれなりに動くのがちょうどいいと思うのですよヽ(´ー`)ノ

最後に

みなさんも、フェイスブックユーザをターゲットとしたサービスを作ることがあれば参考にしてみてくださいー

ではではーヽ(´ー`)ノ

2011-12-01

ソーシャルギフトサービス「お花サプライズ!」をリリースしました!

僕たちのウェブサービスはまだはじまったばかりだ…ビシッ!! m9( ・`ω・´)

はじめに

お久しぶりです。三度の飯よりも、パイナップルが好きなあまちゃんです><

みなさん寒い季節ですが風邪とかひいてないでしょうか><

さてさて、今日、お花サプライズ!というウェブサービスをリリースしましたのでちょっと紹介したいと思います><

f:id:amachang:20111201155432p:image

どんなサービスなの?

お花サプライズ!とは簡単に言うと「友達の誕生日にみんなで花束を贈るサービス」です。

今、流行りのソーシャルギフトってやつですね><!

何で、お花なの?

名前でも分かるように、このサービスではプレゼントは花束に限定しています。

それは、花束が「みんなが好きのものを選んで、最終的に一つの大きなプレゼントに出来る」というコンセプトに最も近い素材だったからです。

みんなが好きな花を選んで、それが一つの大きな花束になってプレゼントされる。

そんなサービスを目指しています><

簡単なサービスの使いかた

説明ばかりでもアレなので、画面を見せながら簡単に使い方を紹介したいと思います。

1. まず、フェイスブックログインします。

ポチっとな

2. 次に、花束を贈りたい人を選びます

フェイスブックログインすると、あなたの友達の一覧が表示されます。ぜひ、仲良しの友達を選んでみてください!

f:id:amachang:20111201155631p:image

友達を選ぶと以下のような画面が表示されます。

f:id:amachang:20111201155633p:image

この画面は本人からは見ることが出来ないページで、こっそりと誕生日に花束を贈る企画を進めることになります。

3. 自分が贈りたい花を選ぶ

さっそく花を選んでみましょう

f:id:amachang:20111201155634p:image

花は誕生日の時期によって種類が変わります。

友達に似合う花を選んでみてくださいね。

4. メッセージを書き込む

花を選ぶと、誕生日のメッセージを書くことが出来るようになります

f:id:amachang:20111201155635p:image

その人に普段は言えない感謝の気持ちを伝えてみましょう。

5. 渡しに行く人を決める

お花サプライズ!の重要なコンセプトの一つに「手渡し」というものがあります。

このサービスでは普通のソーシャルギフトと違い、花を選んだ誰かが、誕生日の友達に直接花を渡しに行くのです。

何故手渡しなの?

それは、最高のサプライズを演出するために、手で渡すというコストは絶対に省いてはいけないと考えたからです。

花束を贈られた人は、みんなからのメッセージと、みんなが一本一本選んでくれた花束を直接受け取って、

はじめて「みんな、自分のために頑張ってくれたんだ。ありがとう」という感情が生まれてくると考えました。

だから、やっぱり「手渡し」じゃなきゃダメなのです。

ぜひ、みなさんも直接花束を渡しに行く「お届け係」に立候補して花束を渡しに行ってみませんか^^?

開発秘話

実は、この「お花サプライズ!」は、以前に紹介した UT Startup Gym という勉強会のメンバーで作ったサービスです。

開発期間は 2 ヶ月半くらいで、かなりスピーディーにリリースにこぎ着けることができました。

開発メンバーは、僕と 4 人の学生でその 4 人は、半年前までプログラムをほとんど書いたことがないという状況でした。

そんな中、どうやってこのサービスがリリースに向かっていったか。

UT Startup Gym の紹介もかねて、開発秘話をお話したいと思います。

4月 勉強会スタート、プログラミングを学ぶ

f:id:amachang:20111201160428j:image

4 月に今の開発メンバーが、初めてプログラムの勉強を始めました。

開発のノウハウを毎週土曜日に 3 〜 6 時間みっちり叩き込みました。

9月13日 〜 9月15日 開発合宿

だいぶメンバーが成長してきた 9 月中旬、このサービスの開発が始まりました。

企画は 飯塚 修平 の持ち込んだものでした。

f:id:amachang:20111201160429j:image

(お花サプライズが生まれた瞬間)

この開発合宿の 3 日間で、このサイトのほとんどのフローが完成します。

しかし、まだ、花をどうやって実際に送る?課金はどうするの?などたくさんの問題はありました。

ただ、この時期に動くものを完成させたということが後々に良い方向に働きます。

9月26日 〜 10 月 中旬 花贈りを出来るように走り回る

合宿が終わってから、様々な人に紹介を頂き、花を扱う仕事の人に「お花サプライズ!」のデモを見せて回りました。

バラ農園に行って、生産者様の声を聞き、花業界の勉強をしたり、花市場に突撃したり、花の通販業者様にアドバイスを頂いたり、あっちこっちに飛び回ります。

そして、花の通販サイトを運営しているブラウズ様と無事契約にこぎ着けることができました。

ここで、開発合宿で作ったデモが活躍します。

様々な場で、実際に動くものを見て頂いたことで、生産的な意見や提案をたくさんいただくことができました。

やっぱり、「机上の空論ではなく、実際に動くものを見せにいくというスタンスが重要なのだな」とあらためて思いました。

9月28日 〜 10月末 決済周りの仕様確定

こういうサービスを作るときに、小額決済をどうするかというのは、ちょっとした悩みどころですね。

このあたりもいろんな人と交渉したり、相談したりして決済を行ってくれる会社と契約することができました。

ここでも、実際に動くものを見せることが出来るので、とてもスムーズに交渉は進みます。

11月頭 〜 11月末 仕上げ

そして、すべてが整って怒濤の仕上げが始まります。

f:id:amachang:20111201160430j:image

(開発合宿で仕上げ作業中の画像)

この作業が一番長く感じ、そして地味で、辛い作業ですね。

ここでも開発合宿を幾度も重ね、少しでもサービスを良いものにするために頑張りました。

そして、ついに

12 月 1 日リリース

今日、ウェブサービスをリリースすることが出来ました!

なんとも言えない瞬間ですね。

f:id:amachang:20111201160431j:image

(なかなか割れないくす玉…)

f:id:amachang:20111201160432j:image

(パカーン)

開発メンバーへ

お花サプライズ!は、以下の勉強会メンバーで作りました。

開発中は、辛いこともあったでしょうし、いろいろと厳しいことを言ったりしたこともあったけど、最後までこのメンバーで作りあげることが出来て本当に良かったなと思います。

リリースおめでとう!そして、ありがとう!

これからは、このサイトをどうやって成長させていくかというフェーズに入っていきます。

また乗り越えなければならないことはたくさん出てくると思いますが、一緒に乗り越えていきましょう。

UT Startup Gym に興味を持ってくださっている方へ

みなさんもよかったら勉強会に参加して、自分の実現したいサービスを一緒に作ってみませんか?

興味があるかたは、以下のページをご覧ください!

https://www.facebook.com/utgym

最後に

今日は、ソーシャルギフトサービス「お花サプライズ!」について紹介しました!

みなさんも大切な人の誕生日、忘れていませんか?

そんなときは、みんなで自分たちだけの花束をプレゼントしてみませんか?

2011-10-17

ウェブサービスをスタートアップするための勉強会に参加しませんか?

僕たちの勉強会は、まだ始まったばかりだ…ビシッ!! m9( ・`ω・´)

f:id:amachang:20111017111902j:image

はじめに

皆様、最近ちょっとずつ寒かったり暑かったりしますがお元気でしょうか?

僕は秋の花粉症でぐだぐだですが、元気です。

突然ですが

最近、「UT Startup Gym」(UT スタートアップジム)という「ウェブサービスの企画、開発」の勉強会をやっています。

ずっと知り合いの中だけでやっていたのですが。

最近、一区切りつき、もっとこの勉強会に多くの人に参加して欲しいなと思いブログを書くことにしました><

みなさんは

ウェブサービスを作りたいなって思ったことありませんか?

僕はよくあります。

「なんで、〇〇みたいなサービスってないんだろーなー」とか、「もっと、こういうサービスを作ってみたいなー」とか

そういうとき、自分ですぐにそのウェブサービスを作り上げることが出来たらなあと思います

でも

そうは言っても、なかなか作りきれないものなんですよねウェブサービスって><

作り始めるのがおっくうだったり、作り始めても、モチベーションが保てなかったり、モチベーションがあっても、技術的に行き詰ったり、

まあ、人間ですからね。なかなか作りきれないものですよね><

もっと、ウェブサービスを作りきれるようなモチベーションと知識を共有できる環境があったらいいのになあ。

そこで

半年前に立ち上げたのが、今日紹介する「UT Startup Gym」(UT スタートアップジム)です。

どういう勉強会なの?

では、少し具体的にこの勉強会がどういう勉強会なのかを紹介したいと思います。

勉強会の概要

この勉強会では、半年を「一期」として一期ごとに全員がなんらかのウェブサービスをリリースすることを目標にしています

メンバーは、その期間内でアイデアを出し合い、何人かでチームを組み、リリースに向けて頑張る、ということをやります。

もちろん、すでに作っているウェブサービスがある人はそのサービスを持ち込んで参加するというのも可能です。

いつやってるの?

現在は、毎週土曜日の 18:00 〜 22:00 くらいまでの時間でやっています。

勉強会の内容はどんな感じなの?

勉強会自体は、毎回 4 時間くらいで、 1 時間目が「座学」、残りの 3 時間が「プロジェクトの時間」となっています。

そして、たまに不定期に「開発合宿」をやったりもします。

今までの勉強会の資料

ちなみに、今までやってきた勉強会の資料が Slideshare に上がっていたりもするので、そちらもご覧いただければなあと思います><

ウェブアプリのセキュリティをちゃんと知ろう (毎週のハンズオン勉強会の資料)

サーバーを作ろう (毎週のハンズオン勉強会の資料)

クローラを作る技術と設計 (毎週のハンズオン勉強会資料)

この半年の終わりに

もうすぐ UT Startup Gym も一期目(半年)を終えて二期目を迎えようとしています。

この半年、本当にいろいろあったなあと思います。

今月、無事に二つのウェブサービスと、幾つかのウェブサービスの卵を立ち上げることができそうです。

これは、自分では結構すごいことなんじゃないかなあと思っています。

勉強会の中で、仲間やライバルを見つけて、技術や企画を磨くことを無くしては絶対に作り上げることができなかっただろうなと思っています。

というわけで

この勉強会の発表会イベントを 10/29 (土) に行いたいと思います!

勉強会に参加したい人

勉強会に興味がある人

立ち上がったウェブサービスに興味がある人はぜひぜひご参加ください!

第1期製品発表会・第2期募集説明会 | Facebook

UT Startup Gym - 第1期発表会+第2期参加者募集

誰でも参加可能なので、少しでも興味がある人は上の Facebook イベントの「参加ボタン」をポチっとしてみてください><

最後に

勉強会を初めたときは、 PHPインストールが出来ないメンバーや、ほとんどプログラムを書いたことがないメンバーも多くいましたが、今では、全員が企画から開発までを行いウェブサービスを立ち上げることが出来るようになりました。

自分自身も、様々なウェブサービスのアイデアや技術の中でこの半年を過ごすことが出来てとても楽しかったなあと思います。

ぜひぜひ、10/29 (土) のイベントにみなさんも参加して、自分のウェブサービスを立ち上げる一歩を踏み出してみませんか?

f:id:amachang:20111017111903j:image

(写真は開発合宿にて)

ではではーヽ(´ー`)ノ

allkanpousallkanpous 2013/06/01 10:26 五便宝:http://www.shanghaikanpo.com/view/1378.html
三便宝:http://www.shanghaikanpo.com/view/1425.html
花痴:http://www.shanghaikanpo.com/view/1363.html
巨人倍増:http://www.shanghaikanpo.com/view/1334.html
威哥王:http://www.shanghaikanpo.com/view/1392.html
精力剤:http://www.shanghaikanpo.com/Energy.html
紅蜘蛛:http://www.shanghaikanpo.com/view/1195.html
福源春:http://www.shanghaikanpo.com/view/1228.html
五便宝:http://www.shanghaikanpo.com/view/1378.html
三體牛鞭:http://www.shanghaikanpo.com/view/1420.html
媚薬:http://www.shanghaikanpo.com/Charming-medicine.html
避妊薬:http://www.shanghaikanpo.com/Avoid-pregnanting.html
中絶薬 :http://www.shanghaikanpo.com/Avoid-pregnanting.html
蟻力神:http://www.shanghaikanpo.com/view/1038.html
天天素:http://www.shanghaikanpo.com/view/1407.html
媚薬 カプセル:http://www.shanghaikanpo.com/catalog/18.html
男露888:http://www.shanghaikanpo.com/view/1451.html
補腎助陽:http://www.shanghaikanpo.com/catalog/68.html
曲美 ダイエット:http://www.shanghaikanpo.com/view/1431.html
三便宝カプセル:http://www.shanghaikanpo.com/view/1378.html
精力増強剤:http://www.shanghaikanpo.com/news/list/6.html
VigRx:http://www.shanghaikanpo.com/view/1165.html
vigRx oil:http://www.shanghaikanpo.com/view/1166.html
女性用媚薬:http://www.shanghaikanpo.com/Charming-medicine.html
VVK:http://www.shanghaikanpo.com/view/1158.html
Wenickman:http://www.shanghaikanpo.com/view/1156.html
街頭霸王 ペニス増大:http://www.shanghaikanpo.com/view/1471.html
潤滑剤:http://www.shanghaikanpo.com/catalog/15.html
早漏防止:http://www.shanghaikanpo.com/view/1019.html
狼一号,狼1号:http://www.shanghaikanpo.com/view/1319.html
中絶薬RU486:http://www.shanghaikanpo.com/view/1010.html
精力増強剤:http://www.shanghaikanpo.com/Energy.html
ペニス増大:http://www.shanghaikanpo.com/view/1157.html
巨人倍増枸杞:http://www.shanghaikanpo.com/view/1334.html
早漏:http://www.shanghaikanpo.com/catalog/11.html
奇果カプセル:http://www.shanghaikanpo.com/view/1439.html
新曲美痩身カプセル:http://www.shanghaikanpo.com/view/1515.html
福源春カプセル:http://www.shanghaikanpo.com/view/1228.html
MAXMAN:http://www.shanghaikanpo.com/view/1485.html
唯美OB蛋白痩身素:http://www.shanghaikanpo.com/view/1386.html
片仔廣:http://www.shanghaikanpo.com/view/1446.html
男露888:http://www.shanghaikanpo.com/view/1451.html
房事の神油:http://www.shanghaikanpo.com/view/1233.html
蟻力神:http://www.shanghaikanpo.com/view/1038.html
RU486 販売:http://www.shanghaikanpo.com/view/1009.html
威哥王 三鞭粒:http://www.shanghaikanpo.com/view/1394.html
spanish sex drops D8:http://www.shanghaikanpo.com/view/1180.html
即効性精力剤:http://www.shanghaikanpo.com/catalog/14.html
同仁牛黄清心丸:http://www.shanghaikanpo.com/view/1399.html
威哥王 三鞭粒:http://www.shanghaikanpo.com/view/1394.html
蟻力神:http://www.shanghaikanpo.com/view/1038.html
イーリーシン:http://www.shanghaikanpo.com/view/1038.html
RU486:http://www.shanghaikanpo.com/view/1010.html
RU486 販売:http://www.shanghaikanpo.com/view/1009.html
Xing霸 性霸2000:http://www.shanghaikanpo.com/view/1154.html
五便宝 カプセル:http://www.shanghaikanpo.com/view/1378.html
巨根カプセル:http://www.shanghaikanpo.com/view/1335.html
ハーバルビビッド VIVID:http://www.shanghaikanpo.com/view/1466.html
漢方薬:http://www.shanghaikanpo.com/Chinese-side.html
男根増長素:http://www.shanghaikanpo.com/view/1462.html
新一粒神 :http://www.shanghaikanpo.com/view/1464.html
しんいちつぶしん:http://www.shanghaikanpo.com/view/1464.html
MaxMan:http://www.shanghaikanpo.com/view/1084.html
魔鬼天使性欲粉:http://www.shanghaikanpo.com/view/1454.html
蟻王:http://www.shanghaikanpo.com/view/1039.html
VigRx:http://www.shanghaikanpo.com/view/1165.html
ビグレックス:http://www.shanghaikanpo.com/view/1165.html
男露888:http://www.shanghaikanpo.com/view/1451.html
西班牙昆虫粉:http://www.shanghaikanpo.com/view/1374.html
繊之素カプセル:http://www.shanghaikanpo.com/view/1065.html
五便宝 カプセル:http://www.shanghaikanpo.com/view/1378.html
事後避妊薬:http://www.shanghaikanpo.com/view/1130.html
藏秘男宝:http://www.shanghaikanpo.com/view/1268.html
性愛密碼強腎カプセル:http://www.shanghaikanpo.com/view/1056.html
西班牙蒼蝿迷情液:http://www.shanghaikanpo.com/view/1074.html
Jelly潤滑剤:http://www.shanghaikanpo.com/view/1087.html
1粒神:http://www.shanghaikanpo.com/view/1118.html
天天素 清脂カプセル:http://www.shanghaikanpo.com/view/1407.html
美人豹女性用口服液:http://www.shanghaikanpo.com/view/1296.html
東方神龍生精 カプセル:http://www.shanghaikanpo.com/view/1244.html
蟻王:http://www.shanghaikanpo.com/view/1151.html
ANT KING:http://www.shanghaikanpo.com/view/1151.html
韓国痩身一号:http://www.shanghaikanpo.com/view/1203.html
痩身1号:http://www.shanghaikanpo.com/view/1203.html
催情薬:http://www.shanghaikanpo.com/keyword/253.html
街頭霸王 ペニス増大:http://www.shanghaikanpo.com/view/1471.html
夜の健康食品:http://www.shanghaikanpo.com/catalog/66.html
ED改善:http://www.shanghaikanpo.com/catalog/67.html
ED助勃:http://www.shanghaikanpo.com/catalog/12.html
媚薬カプセル:http://www.shanghaikanpo.com/catalog/18.html
性器増大:http://www.shanghaikanpo.com/catalog/10.html
滋養強壮:http://www.shanghaikanpo.com/catalog/13.html
男宝:http://www.shanghaikanpo.com/view/1452.html
威可王:http://www.shanghaikanpo.com/view/1391.html
ウェイカワン:http://www.shanghaikanpo.com/view/1391.html
脂肪燃焼:http://www.shanghaikanpo.com/catalog/23.html
催情薬:http://www.shanghaikanpo.com/keyword/253.html
街頭霸王 ペニス増大:http://www.shanghaikanpo.com/view/1471.html
夜の健康食品:http://www.shanghaikanpo.com/catalog/66.html
新陳代謝:http://www.shanghaikanpo.com/catalog/24.html
即効ダイエット:http://www.shanghaikanpo.com/catalog/25.html
絶對高潮 催淫 カプセル:http://www.shanghaikanpo.com/view/1331.html
壮三天:http://www.shanghaikanpo.com/view/1474.html
FAT BURNING:http://www.shanghaikanpo.com/view/1098.html
ダイエット薬:http://www.shanghaikanpo.com/catalog/69.html
避妊中絶薬:http://www.shanghaikanpo.com/catalog/20.html
経口避妊薬 購入:http://www.shanghaikanpo.com/catalog/20.html
粉劑媚薬:http://www.shanghaikanpo.com/catalog/16.html
催情水剤:http://www.shanghaikanpo.com/catalog/17.html
紅蜘蛛 催情粉:http://www.shanghaikanpo.com/view/1197.html
ダイエット:http://www.shanghaikanpo.com/Reduce-weight.html
漢方薬:http://www.shanghaikanpo.com
威哥王 販売:http://www.shanghaikanpo.com/view/1394.html
v26 薬:http://www.shanghaikanpo.com/view/1171.html
絶對高潮カプセル:http://www.shanghaikanpo.com/view/1330.html
三便宝 カプセル:http://www.shanghaikanpo.com/view/1424.html
蔵八宝:http://www.shanghaikanpo.com/view/1465.html
天天素 清脂カプセル:http://www.shanghaikanpo.com/view/1407.html
曲美:http://www.shanghaikanpo.com/view/1431.html
即効ダイエット:http://www.shanghaikanpo.com/view/1460.html
きょくび:http://www.shanghaikanpo.com/view/1431.html
くらはちほう:http://www.shanghaikanpo.com/view/1465.html
コンドーム:http://www.shanghaikanpo.com/Condom.html
早妊診断:http://www.shanghaikanpo.com/catalog/21.html
豊胸美乳:http://www.shanghaikanpo.com/catalog/26.html
家庭治療薬:http://www.shanghaikanpo.com/catalog/33.html
D10 媚薬:http://www.shanghaikanpo.com/view/1107.html
SEX DROPS:http://www.shanghaikanpo.com/view/1136.html
三便百勝軟カプセル:http://www.shanghaikanpo.com/view/1492.html
女士催情コーヒー:http://www.shanghaikanpo.com/view/1490.html
男士コーヒー:http://www.shanghaikanpo.com/view/1491.html
VEGETAL VIGRAカプセル:http://www.shanghaikanpo.com/view/1489.html
VEGETAL VIGRA:http://www.shanghaikanpo.com/view/1488.html
阿拉伯偉哥:http://www.shanghaikanpo.com/view/1487.html
狼一号:http://www.shanghaikanpo.com/view/1484.html
植物壮根素 :http://www.shanghaikanpo.com/view/1486.html
増粗延時王:http://www.shanghaikanpo.com/view/1483.html
GOODMANペニス増大カプセル:http://www.shanghaikanpo.com/view/1480.html
GOODMAN:http://www.shanghaikanpo.com/view/1481.html
トップラブV9:http://www.shanghaikanpo.com/view/1482.html
CROWN 3000:http://www.shanghaikanpo.com/view/1493.html
RU486:http://www.shanghaikanpo.com/view/1010.html
FAT BURNING:http://www.shanghaikanpo.com/view/1098.html
ANT KING:http://www.shanghaikanpo.com/view/1151.html
VigRx:http://www.shanghaikanpo.com/view/1165.html
MaxMan:http://www.shanghaikanpo.com/view/1084.html
妻之友:http://www.shanghaikanpo.com/view/1440.html