Webデザイン Archive

Snow Leopardをクリーンインストールして、Adobe CS3もインストール、アクティベーションまで無事に完了して、CS3のアップデートをしようと思ったら、Adobe Updater.appが強制終了してしまいアップデートできない状態になってしまった。原因がわからずいろいろ調べてみたら、対処方法をみつけたのでメモ。

• Adobe Updater Crashes on Mac OS X and a Fix

ターミナルから、以下のコマンドを実行して、管理者のパスワードを入力するだけで良いみたいです。

sudo /Applications/Utilities/Adobe\ Utilities.localized/Adobe\ Updater5/Adobe\ Updater.app/Contents/MacOS/Adobe\ Updater

何が行われているのかは、さっぱりわからないけど、このコマンドを実行してみたら、無事にAdobe Updater.appからアップデートできました。参照サイトの記事は、2007年に書かれたものなので、特にSnow Leopardが原因ではないと思われます。今まで何度かCS3を新規でインストールしてるけど、このトラブルは初めてかも。何が原因なんだろ。

関係があるかわからないけど、Adobeのサポートで似たような症状に関する記事を発見したので、これも念のためメモしときます。

• Illustrator CS3 アップデート 13.0.2を行うとエラーが発生する（Illustrator CS3）

最近のサイトの横幅ピクセルってどの程度が多いのか気になったので、「日経パソコン 企業サイトランキング 2008」の上位50位ぐらいまでをピックアップしてまとめてみたのでメモ。ソースを詳しく調べたわけではないので、若干の誤差があるかもしれないです。あくまで参考程度に。

Webページのスクリーンショットを簡単にキャプチャーすることができる、Firefox用のプラグイン「Page Saver」が便利なのでメモ。

OSの標準機能でも、スクリーンショットのキャプチャーは可能だけど、ブラウザーに表示されている部分しかキャプチャーできない。Page Saverを使うと、ブラウザの隠れた部分も含めた、ページ全体のキャプチャーを保存することが可能。縦に長いページのキャプチャも簡単にできるので、とても便利。打ち合わせの資料作りなどで結構役立ってます。

ちなみに、Macだと、Paparazzi!というフリーのアプリケーション、Windowsだと、WebScanというシェアウェアでも同じようなことが可能。

MAMPを使って、Macでローカル環境にWordPressをインストールするときの手順をメモ。インストール時のそれぞれのバージョンは、Mac OS X 10.5.6、WordPress 2.6.2、MAMP1.7.2。

1.MAMPをダウンロードしてインストール

MAMPのサイトから、アプリケーションをダウンロードしてインストール（一般のアプリケーションと同じように、アプリケーションフォルダにコピーして置いておけばOK）。Proと普通のバージョンがあるみたいだけど、とりあえず普通の方をインストール。

2.phpMyAdminでデータベースを作成

MAMPを起動してスタートページを開く（デフォルトではMAMPの起動時に自動的にスタートページが開く）。スタートページのメニューより、phpMyAdminを開いて、今回インストールするWordPress用のデータベースを作成する。「新規データベースを作成する」というところに、作成したいデータベース名を入力、照合順序は「utf8_general_ci」を選択して、「作成」ボタンをクリック。これでデータベースが作成される。

3.WordPressを準備

MAMPをアプリケーションフォルダに置いた場合、「/Applications/MAMP/htdocs/」がDocument Rootになる。複数のWordPressやMovableTypeなども、インストールする可能性があるので、「/Applications/MAMP/htdocs/wp/test01」などのように、あらかじめディレクリを切っておき、ここにWordPressのデータをコピーする。

4.WordPressをインストール

準備ができたら、WordPressのウィザードを使ってインストール開始。ブラウザで、http://localhost:8888/WordPressを設置したディレクトリ/を開くと、「ファイルが見つかりません」というページが表示されるので、一番下の、「wp-config.php ファイルを作成する」をクリックして次に進む。データベース名などの入力画面では、下記を入力。

データベース名：2.で作成したデータベース名を入力
ユーザー名：root
パスワード：root
データベースのホスト名：localhost
テーブル接頭語：wp_

さらに進んでいくと、ブログタイトルとメールアドレスを入力する画面になるので、適当に入力（あとから変更可能）。「このブログを Google や Technorati などの検索エンジンに表示されるようにする。」というチェックボックスは、ローカルでのテスト用なのでチェックを外して、「WordPressをインストールする」をクリック。

「成功しました !」というページが表示されて、WorPressのインストールが完了。この画面に、ユーザー名とパスワードが表示されているので、メモしておく。

5.WordPressのダッシュボードにログイン

ブラウザから、http://localhost:8888/WordPressを設置したディレクトリ/wp-login.phpを開き、先ほどメモしておいた、ユーザー名とパスワードを入力してログイン。パスワードを忘れるとログインできなくなってしまうので、自分でわかりやすいパスワードに変更しておく。

これで、WordPressのテーマのカスタマイズなどがローカル環境で行えるようになります。

Dreamweaverのテンプレートタグは、[修正] – [テンプレート] – [マークアップを省略して書き出し]で、まとめて削除できるけど、ライブラリタグを一括削除する方法がわからなかった（自分の使っているCS3では、たぶんそういう機能はないんだと思う。あるのかな？）。今までひとつひとつ手作業で消していて、とても面倒だったのだけど、正規表現を使って、まとめて削除する方法が、電脳狂想曲 Webデザインの小技さんに書いてあったので、メモ。

この方法でタグを一括削除すると、元の状態に戻せないので、必ずバックアップをとっておく。

Dreamweaverの「検索および置換」を開く。

検索対象を「現在のローカルサイト全体」、検索を「ソースコード」、オプションの「正規表現を使用」にチェックを入れて、「検索」のところに下記を入力。

<!--\s#BeginLibraryItem[^<]*-->|<!--\s#EndLibraryItem[^<]*-->

この状態で、[すべて置換]をクリックすると、サイト全体のライブラリタグがまとめて削除される。

正規表現とか良くわからないけど、この方法で一括削除できました。
とても便利。正規表現ってすごいですね。