以前からフォントビューワーはFontMaster2を使っていたのですが、会社のWindows7ではきちんと動いてくれなかったので・・・・色々探してみてNexus Fontに変更しました。

WEBデザインに限らないと思うんですが、フォントの管理ツールっていうのは結構大事ですよね。使うたびに全部片っ端からフォントをインスコしてるとPCもどんどん重くなってくるし、よく使うフォントはインスコするとしても、基本的には使いたい時だけ有効化して使いたいですよね。もちろんWindows標準のフォントビュワーで開いても一時的にフォントを有効化出来るんですけど、フォントを一覧で見たりといった機能は付いてませんからね・・・・

ということで、会社のPCでFontMaster2を使うのは諦めて、色々探した結果Nexus Fontというソフトを使い始めました。
これもなかなか良いツールで、以前使っていたFontMaster2と比べて全然問題ないです。

さくらVPSへ移行完了のテスト
DNS書き換えも完了して、URLはwwwありに固定。wwwなしからも転送されるようにしました。
ドメインはムームードメインで管理しているので、そのうちそういう記事も書こうかと思います。

このブログはMT5を使っているのですが、当初はバックアップ＆レストアで移行しようとしたところエラーがたくさん出てうまくいかなかった・・・・ので、新規設置して記事とファイル関連のみ移行しました。
大量のエラーが吐き出される原因が分からないのですが（インポート完了した段階で大量にエラーが吐き出されて運用不可でした）、もう追求するのはやめました。
今回新規インストールしたため記事のURLがほとんど変わってしまったんですよね・・・でもこれはもう仕方ないかなと思って諦める事にします。

さて、さくらVPSなかなか速いし、いいんじゃないですかね。自分のプランは最初にリリースされた980円のプランですが、今は上位プランも追加されているので、もっとメモリが欲しいだとか、容量が必要だという場合にも対応できて嬉しいですね。
それと、このサーバーではMTよりWPの方が速いようなので、今後WPに変更するかもしれません。
このブログも基本的にページは全てスタティックで構築しているし、fastcgiも使っているのでそんなに遅くはないだろうと思うのですが、やはりタグや検索などでcgiが動いた時はモッサリ感がありますね・・・・　MTだとこんなもんか・・・というところなのでしょうね。

今日はもう書きませんけど、さくらVPSでバーチャルホストだとか、MT5の構築＆運用だとか大分苦労したんで、そのうちまとめでも書いておこうかと思います。

昔作ったホームページのデータがあったので懐かしくなって上げてみたりしました。

最近は色々と新しいものもあるようなのですが、会社で仕事をしていた頃からここ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してきたのを使ってるんですが・・・・よく見ると記事用のテンプレファイルとかタグがきちんと閉じてなかったりマークアップが汚かったり・・・・・
何カ所かタグが閉じていなかったりしたところは直しましたけど、そろそろ自作で綺麗に作り直さないとね・・・駄目ですよね

作りました。

何か時間かけてない感がすごくするけど、一応作ってみました。

色はこういうのが好きです。

 

もう今日でコンテストはおしまい。

もっと早めに取りかかって何個も作れば良かったけど、またこういう機会があれば参加したいです。

■公式サイト

CSSが普及し始めてもう随分立ちますね。
昔はテーブルで無理矢理レイアウトする方法が主流でしたけど、今ではすっかりスタイルシートの世の中です。
色々とメリットがあるから普及する訳なんですけど、当然知ってないといけないこともたくさんあるわけで、昔のテーブルレイアウトと違ってブラウザ間での互換性とかいう問題もあって、コーディングをする人はたくさんの事を覚えなくてはいけないわけです。

私は独学で少しずつ覚えましたが、最近自分が覚えてやってることは正しい書き方なのかな？？
とふと疑問が沸いてきました。もちろんフルCSSで組める訳なんですけど、もう一度きちんと勉強し直してみようかな・・と思い立ってこのブログに書きながら復習することにしました。

私は理系出身の人間なのですが、
「数学は基礎の積み重ねではなくて基礎の積み直しです」
と昔予備校の有名講師に教わった事があって、それは今でもずっとそうだと思っています。
これは数学だけじゃなくて、色んな事にも当てはまると思ってて、例えばWEBデザインだったり、コーディングだったり、世の中で知識を必要とするような事には全てと言って良いほど当てはまるのではないかと信じています。
それが前提の話で、私はCSSを基礎からもう一度おさらいしてみよう、曖昧にしたままだった事があったら積み直そうと決心しました。

という事で少しずつ書いていきたいと思います。
きっとこれからスタイルシートを勉強しようかなと思っている人は、入門書だったり入門サイトの方が良いのかもしれませんが、偶然ここに来た人が見たときに役に立つような情報が出来上がると良いな・・と思います。

本当に今更？？って感じですが、読みたい人は読んでください^^
よろしくです