iPhoneを入手してからは、今までとは違ったケータイライフな感じなのですが、お風呂大好きなこともあってか、お風呂で使うことが増えた気がします（iPhoneがダメになる可能性が非常に高いのでオススメしませんが）。
今までは湯舟に浸かってネットサーフィンしながらTwitterしていることがほとんどだったんですが、iPhoneアプリに”らじおたっち”というアプリが加わっていたので、早速インストールしてみるとこれが結構いい！
具体的にはネットラジオが聴けるアプリで、こういったソフトは過去に出ていなかったわけではないのですが、このアプリのいいところは、聴くことができるサービスがlivedoorの運営する”ねとらじ”であるということ。つまり放送されている内容が日本人による日本語。視聴者の数によるソートなどもできるため、すぐに面白いまたはクオリティの高い放送に巡り会うことができるでしょう。一般の方々による放送は意外にクオリティが高かったりするもんですよぉ。
ちなみにタイトルに”お風呂で～”とあるのは、単に自分がお風呂での利用率が高いというだけのことです……
2008-08-24追記
“LadioTouch”と表記した部分を正式名称の”らじおたっち”に変更しました）
前回のエントリ” デザイナーだからこそSVNを使いたい「Assembla」”で、SVNについての簡単な説明と、そのSVNを簡単に利用するためのウェブサービス”Assembla“の利用登録～リポジトリの作成までを説明しましたが、SVNを使用するには、あともうひとつ、SVNクライアントが必要です。
TortoiseSVNのダウンロード
今回はWindows上での利用を想定して、SVNクライアントのひとつである“TortoiseSVN”の説明とTortoiseSVNを利用した管理の仕方を書いておこうかなと思います。
TortoiseSVNは以下のURLでダウンロードできます。
http://tortoisesvn.net/downloads
ダウンロードできる種類が4つ存在しています（2008年4月13日現在）が、32bit環境か64bit環境かで別れていて、それぞれダウンロードの形式が違うというだけですので、普通はMSI形式のファイルをダウンロードすれば大丈夫かと思われます（下図）。
日本語言語ファイルのダウンロード
同ページの下の方にある”Language packs”から”Japanese”をダウンロードします。こちらも32bit環境と64bit環境がありますので、上でダウンロードしたTortoiseSVNと同じ環境のものをダウンロードしてください。
TortoiseSVNと言語ファイルのインストール
ダウンロードしたTortoiseSVNのインストーラをダブルクリックしてインストール開始。指示に従ってインストールします（おそらく再起動を一回挟むことになるかと思われます）。次に言語ファイルのインストーラをダブルクリックしてインストール。
これでインストールは完了なのですが、現状では、英語版のままですので、日本語を適用しましょう。
TortoiseSVNを日本語にする
TortoiseSVNはWindowsのエクスプローラ上で実行されるので、わざわざアプリケーションを起動せずとも利用することができます。では、日本語を適用するために、TortoiseSVNの設定をしましょう。
デスクトップの何もないところ（アイコンとかに触れない状態）で右クリックします。右クリックメニューをたどって、”TortoiseSVN”の”Settings”を選択します（下図）。
“TortoiseSVN Settings”ダイアログが開かれるので、”General”の”Language:”から”日本語”を選択し、[OK]ボタンをクリックします。これで、TortoiseSVNを日本語で利用するための準備が整いました（下図）。
ひとまずお疲れ様です。
SVNの利用
では、実際にAssemblaで、SVNによる管理をしてみましょう。
既存のデザイン用フォルダがあったとします。ここでは便宜上 C:¥Documents and Settings¥ユーザー名¥My Documents¥test¥ とします。このフォルダ内にはアップロード用のファイルを格納する”htdocs”やら、Photoshopなどの作成中のデータを含んだ”_souko”フォルダが存在しています。このtestフォルダを管理しようという前提で、話を進めることにします（下図）。
まず、バックアップ
初回だけは何が何でもバックアップを取っておいたほうがいいでしょう。不慣れでミス連発は自分もやりましたので……、ということで、C:¥Documents and Settings¥ユーザー名¥My Documents¥test¥ をどこかにバックアップしてください。
AssemblaからリポジトリのURLを取得
前回のエントリーの最後で作ったプロジェクトのリポジトリURLを取得するために、Assemblaにログインします。
ログイン直後の画面で、”My spaces”内にあるプロジェクト名をクリック（下図）。
ヘッダの[Trac/SVN]をクリックし、”SVN Url”にあるURLをコピーします（下図）。
SVNチェックアウト
Windowsに戻り、C:¥Documents and Settings¥ユーザー名¥My Documents¥test¥ フォルダを開きます。
フォルダ内で右クリックし、”SVN チェックアウト”を選択します（下図）。
チェックアウトとは、SVNリポジトリ内にあるファイルを最初にクライアント側に落とし、かつ「これからSVNで管理を始める旨をサーバに送信」する作業のことです。
開かれた”チェックアウト”ダイアログの”リポジトリのURL:”に先程コピーしたAssemblaのSVN Urlを貼り付け、[OK]ボタンをクリック（下図）。
“TortoiseSVN”ダイアログが開き、「空ではありません！」という警告が出ると思いますが、これはそのまま[はい]で大丈夫です（下図）。
IDとパスワードを聞いてきますので、AssemblaのログインIDとパスワードを入力します。認証を保存しておけば、逐一聞かれることはないと思います（下図）。
チェックアウトプロセスを表示するダイアログが表示され、しばらくすると、”完了 リビジョン: 0″といった表示が出ます。これは「バージョン：0（ゼロ）がチェックアウトされた」という意味です。要約すると「バージョン:0（初期状態のリポジトリ）があなたのローカル環境にダウンロードされました。同時にSVNリポジトリでの管理が開始されます。」ということになるでしょうか。確認が完了したら、[OK]ボタンをクリック（下図）。
Windowsで”隠しフォルダを表示”に設定しているなら、C:¥Documents and Settings¥ユーザー名¥My Documents¥test¥ フォルダに”.svn”というフォルダが見えているはずですが、これがバージョン管理用のフォルダです。これは消さないように気をつけてください。見えてない人は、チェックアウトの段階でエラーが発生していない限りは単に”隠しフォルダを表示しない”設定になっている方だと思われますので、気にしなくていいです。
ファイル/フォルダの追加
さて、現在の状態は「SVN環境の利用を開始する」宣言をしただけですので、実際にファイルを送らなければ、バージョン管理を行えません。……ということで、現在のtestフォルダ内のファイルを管理開始させましょう。
まずtestフォルダ内のファイル/フォルダをまとめて選択し、右クリックメニューから”TortoiseSVN”→”追加”を選択します（下図）。
“追加”ダイアログが開くので、[OK]ボタンをクリック。
“TortoiseSVN 追加中”ダイアログが開かれ、即完了しますので、[OK]ボタンをクリック。この作業により、「SVNリポジトリにファイル/フォルダを追加する」旨の命令をローカル側に準備できました。追加の命令が完了しているため、testフォルダとその中のファイルやフォルダのアイコンには追加マーク（+）が付いているかと思われます。
命令の送信「コミット」
ファイル/フォルダそのものとそれらの変更点をリポジトリに送信することをバージョン管理ではコミットといいます。それでは実際にコミットをしましょう。
testフォルダ内の何もないところで右クリックし、”SVNコミット”を選択（下図）。
コミットされる内容を確認するダイアログが開きます。コメントを入力しておけば、バージョン番号以外のバージョンの判断材料が増えますので、積極的に入力しておきましょう。変更のあったファイル/フォルダやその変更の内容を確認し、[OK]ボタンをクリックすれば、コミットが開始されます（下図）。
コミットプロセスのダイアログが開き、ファイル/フォルダとその変更状態が送信されているのが確認できます。送信が完了すると、最後に”完了”と表示され、リビジョン（バージョン番号）が上がります。確認が終わったら[OK]ボタンを押せばプロセスの確認は終了です（下図）。
リポジトリの最新状態を落としてくる「更新」
「一人で複数のPCに同じプロジェクトを同じリポジトリで管理している」場合や、「複数の人で同じリポジトリを利用している」場合があったとします。前者では「もう一方のPCで新しい状態をコミットした」、後者では「他の人が新しい状態をコミットした」状況において、自分がこれから作業しようとしているローカル環境とリポジトリを比べた場合、リポジトリの方が最新の状態であることになりますが、この最新の状態をローカルに落としてくることを“更新（アップデート）”といいます。
testフォルダの何もないところを右クリックし、”SVN 更新”を選択します（下図）。
リポジトリ上の更新されたファイルがローカル上に落とされてきます。更新プロセスのダイアログが表示され、リポジトリから更新ファイルを落としてきている様子が見えます。完了したら[OK]ボタンをクリック。
更新はほとんどのケースにおいてローカル環境で作業する前に行っておくべきです。リポジトリ上に更新されたファイルがあるにも関わらず、同じファイルをローカル環境で作業してコミットしてしまうと、変更点の異なるファイルが共存してしまうことになるため（バッティング）、SVNではエラーとして報告されてしまいます。その状況下で更新すれば、大半のファイルはリポジトリ上の新しい状態と、ローカルの古い状態が合成された状態（マージ）になるかと思われます。そのファイルを開けば新しい部分と古い部分が表示されてますので、新しいもしくは古いどちらかの記述を削除したうえ、ファイル名と同じ名前を持つディレクトリ（隠しフォルダ扱いになっているかもしれません）を削除してコミットすれば、その状態をリポジトリに反映することができます。
特定のリビジョンに戻す
さて、やっと前回のエントリの冒頭で述べた「ファイルを特定の時点まで戻す」作業についてですが、SVNではコミット毎のファイルの状態を記憶しています。数度のコミットが行われていくうちに、「3回前の状態に戻したいな」というような状態が出てくると思います。
バージョンを戻したいファイルを右クリックし、”TortoiseSVN”→”特定のリビジョンへ更新”を選択します（下図）。
“更新”ダイアログが開かれるので、[ログを表示]ボタンをクリック（下図）。
“ログメッセージ”ダイアログが開かれます。ここでリビジョンを一覧から選択すると、当該リビジョンをコミットした当時に残したコメントが表示されます。戻すリビジョンが決定したら、そのリビジョン上で右クリックし、”このリビジョンに戻す”を選択（下図）。
“このリビジョンに変更してもよろしいですか？”という旨のダイアログは[はい]ボタンをクリック。
ファイルを確認してみましょう。該当するリビジョンに戻っているはずです。しかし、このままではローカル上のファイルが戻っただけなので、「リビジョンを戻した」旨をコミットしなければなりません。……というわけでコミットしましょう。
ファイルの削除
SVNで管理されているフォルダの中では、ファイルの削除もSVNの作法に従います。削除したいファイルを右クリックし、”TortoiseSVN”→”削除”を選択。アイコンに削除マークがついたらコミットしましょう。リポジトリに削除された旨と、削除の実行が送信されます。
ファイル/フォルダの移動
2つ開かれたフォルダ間を普通にドラッグ＆ドロップ操作でファイル/フォルダ移動させるのが従来のWindowsにおける一番オーソドックスなフォルダ間移動の手法ですが、SVNで管理されているフォルダでは以下の方法を取ります。
移動させたいファイル/フォルダをマウスの右ボタンを使ってのドラッグ＆ドロップ。ドロップ先で動作の選択を行います（下図）。
まとめてコミット
ファイル単位でコミットする以外に、SVNで管理された中での上位のフォルダ、最上位のフォルダをコミットすると、そのフォルダ以下の階層で行われた全ての変更をコミットすることができます。特にファイルの移動なんかで、移動元と移動先に変更があったときや、まとめて作業を行ったがために、各所で変更が起きたときなどにまとめてコミットしておくと楽かもしれません。
最後に
TortoiseSVNに限らず”OSのGUIを用いたSVNクライアント”において注意しておきたいのは、SVNで管理されているフォルダの中では、SVNの作法に従うべきであるということです。普段どおりの操作でファイル/フォルダのdeleteキーなどでの削除や、普通のドラッグ操作などでのファイル/フォルダ移動を行うと、それらの命令はリポジトリに送られないため、リポジトリから「そんなファイルはない」（意訳）とか「さっきあったアレどこいった」（超意訳）というようなエラーを返されます。このあたりが普段のWindows操作と違いが出るので、めんどくさく思ったりするところなのですが、これに慣れるとかなり厳密なファイルのバージョン管理が行えるようになります。
以上例に漏れずまとまりの悪い長文でした。
2008-11-22追記
ファイルがバッティングした際の簡単な対処方法を追加しました。
【注意】当エントリで書かれているSVNでの管理を実際に行うには、当エントリで解説しているウェブサービス”Assembla”の導入以外に、SVNクライアントが必要になります。Windows用のSVNクライアント”TortoiseSVN”を利用したSVN管理に関するエントリを作りましたので、併せてご覧ください。
【注意2】Assemblaは有料登録しないと、プロジェクトが公開状態に設定されるようになりました。つまり、無料では非公開にできないようになったようですので、ご利用の際には十分にお気をつけください。当記事を書いたものの、このせいで私はプロジェクトをすべて消しました。
私が勤めている会社は、社内の開発陣と力を合わせてひとつのサイトを作ることが多いため、大抵の場合はSVN（Subversion）によるバージョン管理を行っています。
バージョン管理とは、作成されたファイルにバージョン番号を割り当て、このバージョン番号をリポジトリと呼ばれる貯蔵庫に管理させることで、ファイルの変更に関するさまざまな情報や状態が得られるようになるシステムであるというのが大筋だと思いますが、”誰が”、”いつ”、”どのように”変更したかがわかるだけでなく、グループで利用する場合には、「AさんとBさんのファイルは互いにこのような場所が違っているので、とりあえず合成します」（マージ）ということも可能です。この場合マージ部分にはちょっとした目印が付きます。
また、「この変更必要なかったな……」といった場合には、指定の時点までファイルの状態を戻すことも可能です。
開発の場面では、多くの人間が一つのプロジェクトに関わり、タスクによっては同じファイルを同時に扱うこともあるでしょう。そういう際に「ここ変更した？」「どう変更した？」「まずオレからいじっていい？」というような確認が極力必要なくなり、互いの変更を一斉に行った上で、合成することができる点は結構大きいかと。
しかし、このSubversionは「デザイナーが」「一人で」使う際にも十分力を発揮すると思うのです。
例えば、ある画像ファイルを管理させ、「昨日の状態から”黄色い線を付け足した”」という状態を送ることで、「黄色い線がある状態」を保存しておくばかりでなく、やはり必要がなかった場合に「黄色い線がない状態」にすぐ戻すことも可能です。例えが簡単すぎて、そんなものは画像編集ソフトで線消せばいい話じゃないかという話ですが、もっと大きな変更があった場合には、戻すのも萎えることです。Subversionを使うようになると「まさか”ほにゃらら_20080327.jpg”みたいなファイル名のバックアップファイルを増やしたりしないよね？」という考え方に至ることもままあります。
バージョン管理を行うには、それなりにPCとサーバを立てる知識がないとできないわけですが、“Assembla“というウェブサービスを使うと、非商用プロジェクトに対して無料で500MBまでの開発環境を用意してもらえます（2008年3月現在）（2008年11月現在、無料では非公開にすることができませんのでご注意ください）。Assemblaは元々開発者が多人数で使うことを念頭に作られているだけあって、「複数ユーザのログイン」、「Wikiによるドキュメント管理」、「SVNやTracを用いたバージョンやバグの管理」、「プロジェクトに興味のある人間を自発的に参加させる情報開示機能」、「チャットによる遠隔地との連絡」、「マイルストーンによるプロジェクト管理」などができるようです。私はSubversionのためだけに使っています。
Assemblaウェブサイト
導入はとても簡単。トップページから[Register]を選択（下図）
Register（登録画面）
登録画面”Register”では、以下の項目を入力しましょう。なお、*がついているのは入力必須ですので、必ず入力しましょう。
- Login ID *
- 希望するログインIDを入力
- Password *
- 希望するパスワードを入力
- Confirm Password *
- 上と同じパスワードを入力
- E-mail *
- サービスを利用するのに使うメールアドレスを入力
- Time zone
- 住んでいる地域のタイムゾーンを設定。日本はGMT+09:00のところにあります。
[Register]ボタンをクリックで完了
メールの確認
Registerにて入力したメールアドレスに「[Assembla] Welcome to Assembla!」というタイトルの確認用メールが届きますので、このメールに記載されているURLにジャンプ。
My start page
Assemblaのサイトに戻ってくる思われます。まずはプロジェクトを決めましょう。ヘッダにある[Spaces]をクリック（下図）
My Spaces
[Create a new space]ボタンをクリックします。
Create a new space – Name and Description
- Space name
- これから作るプロジェクトの名前を入力します。
- Setup this space for:
- ひとまず”Graphic Designers”を選んでおきましょう。ここでの選択は、”Assemblaの持つたくさんの機能の中から、職種に適したツールをピックアップ”するためのものですが、あとからツールの追加や削除をすることはできますので、とりあえずはたくさんの不要な機能を省いた”Graphic Designers”を選択しておきます。
[Next>>]ボタンで次へ
Create a new space – Security
ここはデフォルトのままで大丈夫なので、そのまま[Next>>]ボタンで次へ。
Create a new space – Team
ここもそのままなので、[Next>>]ボタンで次へ。
Create a new space – Wiki Settings
これもそのまま[Next>>]ボタンで次へ。
Appearance
プロジェクトごとの管理画面の見た目の設定です。私は”New Flexible, right sidebar”を選んでます。[Next>>]ボタンで次へ。
Welcome to your new space. Please edit the home page.
これでプロジェクトの作成が完了しました。このままでは、SVNが利用できる設定にはなっていませんので、追加しましょう。
ヘッダにある[Admin]をクリック（下図）
Admin
[Tools]を選択します（下図）
Tools
- Tools available
- “Add Subversion & Trac”をクリック。
これで、このプロジェクトはSVNによるバージョン管理が可能となりました。ヘッダにも”Trac/SVN”という項目が増えています。
Trac/SVN
SVNではリポジトリと呼ばれる貯蔵庫にファイルを預けることによって、バージョン管理が行えるようになるのですが、そのリポジトリのアドレスは、ヘッダの[Trac/SVN]をクリックした先の画面の”SVN”にあります（下図）
……で
SVNサーバの準備はこれで整いましたが、SVNでの管理を行うには”SVNクライアント”が必要です。Windows並びにMacOSXのSVNクライアント導入手順はまた他のエントリで書こうと思います。
……にしてもまとめるの下手ですいません εー（’_｀）
関連 : WindowsでSVNを利用「TortoiseSVN」
2008-4-17追記
冒頭の【注意】を追加しました。
2008-11-22追加
冒頭の【注意2】を追加しました。
前回エントリ”KORG DS-10スゲー！“でYoutubeの動画を貼り付けた後にわかったんですが、Youtubeに「埋め込み」として掲載されている動画貼り付け用コードは、そのままですとXHTML Strictではありません。残念ながらXHTML Strictなページに貼り付けるとInvalidになります。
これを解消するにはちょちょっとコードを書き換えてあげる必要があります。デフォルトのコードは以下の通り（ここでは便宜的に改行していますが、実際は一行のコードです）。
before:
<object width="425" height="355">
<param name="movie" value="http://www.youtube.com/v/rorBOzwR3Tc&rel=0&hl=ja"></param>
<param name="wmode" value="transparent"></param>
<embed src="http://www.youtube.com/v/rorBOzwR3Tc&rel=0&hl=ja" type="application/x-shockwave-flash" wmode="transparent" width="425" height="355"></embed>
</object>
after:
<object type="application/x-shockwave-flash" data="http://www.youtube.com/v/rorBOzwR3Tc&hl=ja" width="425" height="355">
<param name="movie" value="http://www.youtube.com/v/rorBOzwR3Tc&hl=ja" />
<param name="wmode" value="transparent" />
</object>
via : YouTube XHTML Strict ? – SitePoint Forums
