最近は色々と新しいものもあるようなのですが、会社で仕事をしていた頃からここ2年くらいずっとTortoisSVNを使ってHTMLファイルのバージョン管理を行っています。
現在だと分散バージョン管理など新しいものもあるようなので、これらも試してみたいなと思うのですが、今は使い慣れたTortoisSVNを使っています。

さて、私が在籍していた会社では小規模なWEBサイトを管理することが多かったのですが、ある時から私は大規模なサイト、更新頻度が非常に多いサイトの制作、更新管理をまかされるようになりました。
それまでは私が現場の慣習でファイルをリネームしたりして都度都度データのバックアップを取っていたのですが、毎日頻繁な更新作業を行い、なおかつ以前のデータにまた戻すということが多いようなサイトだったので、毎日バックアップをとりながら作業をしたのでは時間的にも、作業効率的にも悪すぎてどうにもなりませんでした。
また、多人数でサイト内の色んなページを同時並行して作業を行うことが多かったのでとにかく従来の方法では管理ができなくなっていました。
色んな人に作業をお願いするので各所で上書きが発生してしまい、ペンディング中の内容が間違ってアップロードされてしまったり、古いデータで上書きされてしまったり、古いデータを無くしたりと・・・・もう目も当てられないような状況になっていたわけです。
その時必要だなと思った機能は以下の4点です。

1.多人数で作業したデータのマージ
2.データのバージョン管理（バックアップ）
3.古いデータの取り出し
4.現行バージョンに対して古いデータでの上書き禁止

このままでは正直辛すぎる、そこで何かこれをシステム的に管理出来ないのかと色々と調べて、当時TortoisSVNを使い始めたわけです。

最近色んなタイプがあると思いますが、このブログではPretty Photoを使っています。
オリジナルのLightBoxは画像しか読めないので、後々拡張する事を考えていたり各種ファイルを読み込む可能性なども考慮して適切なものを選びたいですね。
またギャラリー表示が出来るものやそうでないものなど、どこかで見つけてきたものを導入する際には仕様もきちんと見ておきたいですね。
特に設置に関してはあちこちで詳しく書いてくれてますし、公式サイトにマニュアルやデモもあるのでそれを見れば特に問題ないと思うので設置方法は書きません。

・PrettyPhoto
jQueryベース
画像以外の各種メディアファイル、インラインコンテンツ、iframe等読み込み可
ギャラリー表示可
※当ブログで使用しているバージョンは2.2.2です。3/7現在の最新版は2.5.6のようです

・LightBox2
prototypeベース
画像のみ読み込み
ギャラリー表示可

・jQuery Lightbox
ｊQueyベース
LightBoxのjQuery版なので機能的にLightboxと同じ
※prototypeを使用したくないケースでthickboxじゃない方が良い場合に使うことがあると思います

・thickbox
jQueyベース
画像以外の各種メディアファイル、インラインコンテンツ、iframe等読み込み可
ギャラリー表示可

・colorbox
jQueryベース
画像以外の各種メディアファイル、インラインコンテンツ、iframe等読み込み可
ギャラリー表示可

・fancyzoom
ｊQueryベース
画像のみ読み込み
ギャラリー表示不可
※ライセンスに注意（商用は有料）


他にも色々あると思いますし、まとめという割に少ないのですが、私が使うことがあるのはこれくらいかな・・・・

少し前にプロトタイプ作成のオンラインサービスの記事を書きましたが、あれはあれでデータ共有には良いけれど日本語が入らないとかちょっと不便なことがありました。
色々人に聞いてみるとFirefoxのプラグインで良い物があるんですね。

■Web制作に超便利！無料のプロトタイプ作成ツール

Firefoxのプラグインなのでデータの共有とかできませんが、オリジナルの再編集可能なファイル形式での保存とpngでの書き出しが出来るようです。もちろん日本語入力もOKですよ！！画像とか読み込めるのでモックまで作れそうですね。

みなさんはWEBサイトのワイヤーフレームを作る時どうしてますか？私は大抵エクセルで作ってPDFに書き出した物をクライアントに見せたりしています。それはそれで多分多くの人がそうやってるのかも知れませんが、WEBアプリでWEBサイトのワイヤーフレームの作成に特化したサービスがあるんですね！！

 
マイコミジャーナルにWEBサービスジャンル別一覧というページがあったので眺めていたら、プロトタイプ、ワイヤーフレームという項目があっていくつかこういったサービスが紹介されていました。

■知っておきたいWebサービス - ジャンル別リスト

最近photoshop.comだったり、acrobat.comだったり、googleのドキュメントだったり色々増えてきたなぁと思っていたのですが、こういうサービスを使うメリットはメンバー間でデータを共有しやすいことですよね＾＾ 本当に便利な世の中になったもんです。

このワイヤーフレーム作成のサービスは海外のサイトで、マイコミジャーナルで紹介されていたワイヤー作成サービスも全て海外のサイトでした。残念ながら日本語には対応してないようで、ラベルやコメントに日本語を入力すると文字化けしてしまいました＞＜

■HotGloo

ちょっとGoogleで検索してみたりもしたのですが、日本語に対応したサービスは今のところ無いのでしょうかねぇ・・・海外のサイトはこういうサービスがすごく充実してますよね。日本でもこういうのどんどん出来てくれたらいいんですけどね。そうなるとメンバー間でデータを共有しながら日本語環境でこういうのやるとなったらGoogleドキュメントのスプレッドシートとかの方が良いのかなぁと思ってしまうんですが、あれはテキストボックスとか画像とか入れる操作が面倒なのでワイヤーとかやるにはいまいちなんですよね・・・残念！！

以前このブログをIE7とか8で開くと「操作は中断されました」とエラーが出てページが見れないことがちょくちょくありました。
色々調べてたらアドオンが原因だとか色々書いてるところがありましたけど、家のPCでも駄目だし会社のPCでも見れないので、ソースコードに問題があるのかなと思って調べてたんですけど、FirefoxだったかなChromeだったかのどっちかブラウザで見るとFLASHのティッカーを記事に貼り付けているところから先のページが表示されていなかったので、該当するティッカーを含んだ記事を非表示にしたらIEの問題も直りました。
こういう事もあるのでJavascriptタグをコピペで貼り付けるコンテンツは気をつけないといけませんね
youtubeの動画貼り付け用のタグもソースコード綺麗じゃないので何とかならないのかな・・・・・とかね気になるところですけど。

それと、このブログのテンプレートはどこからかDLしてきたのを使ってるんですが・・・・よく見ると記事用のテンプレファイルとかタグがきちんと閉じてなかったりマークアップが汚かったり・・・・・
何カ所かタグが閉じていなかったりしたところは直しましたけど、そろそろ自作で綺麗に作り直さないとね・・・駄目ですよね