以前から使っていたのですが、SP1に置き換えるに当たって、IE8が使えるXPイメージ(英語版)をゲットし、日本語表示できるようにカスタマイズし、おまけにFirefox3も入れてみました。簡単に手順をご説明します。(要XPのCD)

Virtual PCを起動すると下記のような画面が出ます。新規ボタンを押してください。

オプションの選択は一番上で。

→名前と保存場所は適当に決めてください。

→オペーレーティングシステムの選択はもちろんXPを。

→メモリの選択は、推奨(125MB)もしくは余裕があれば256MBに。

既存のバーチャルハードディスクを選択し、先ほど展開したvhdファイルを指定します。

下記の様に新しいバーチャルマシンができました。選択して起動してください。

下記の様にエラーが出ても気にせず。再起動を聞いてきても無視します。

Windows XP ProfessionalのCDがベストですが、Homeでもできないことはありません。HomeのCDしかない場合は、必要なファイルをパソコンにコピーしておき、バーチャルマシンから参照できるようにしておく必要があります。

例えば"XP"というフォルダを作り、HomeのCDから"I386"と"LANG"フォルダをローカルPCの"XP"フォルダにコピーしておきます。

そして、Virtual PC上部メニューの編集→設定を選択し設定画面が出します。

下から３つめの共有フォルダ機能を使って、先ほどのローカルPCの"XP"フォルダにドライブ名を割り当てます。（例えばZ:）

コントロールパネルを開き、下記の地域設定を選択します。OSが英語版なので、あしからず。

さらに、一番下の"Add other languages"を選択して、

続けて"Install files for East Asian Languages"にチェックしOK。

ここで"WindowsXP Professional SP2"のCDを聞いてきます。CDがあれば特に問題ありませんが、バージョンが違ったりするとエラーが出ますが、気にせずOK。

ぴったしのバージョンのCDが無い場合は、langフォルダの場所を聞かれるので、先ほど作った共有フォルダを指定します。

バージョンの異なるCDからのファイルだと、下記のエラーが出ますが、気にせずYes。

正しいCDを入れていても、日本語キーボードなどに必要なファイルはみつかりません。事前にcabファイルから抜き取っておく必要がありますが、今回はIE8やFirefox3でのレイアウト崩れを確認したいだけで、日本語入力はとりあえず不要なので、キャンセルします。

これで再起動すれば、日本語表示可能になるはずです。ついでですので、先日リリースされたFirefox3 RC1もインストールしてみます。 Firefox RC1ダウンロードページ

]]> tag:blog.3re.jp,2008://1.24 2008-03-13T08:37:30Z 2008-03-13T11:45:17Z

WordやExcelのファイルを添付して、メールなどで送ったことは皆さん１度くら...

サンレシステム WordやExcelのファイルを添付して、メールなどで送ったことは皆さん１度くらいあるかと思います。これらOffice文書は初期設定で、作成者や会社名を知らぬ間にファイルに埋め込んでいます。

たちが悪いのは、この作成者や会社名は、一番最初にそのファイルを作った人のまま、変更されないと言うことです。他人からもらったファイルを書き換えて利用していると...

]]> 例えば、Wordファイルを右クリックして、プロパティを見てみると、下記の様になっています。

実は一太郎のテンプレートから作ったファイルです。目に見えるファイル名と、プロパティのタイトルは別物で、初期のものが引き継がれます。作成者などはまずいことこの上なし。

Office 2000でしたら、最初の保存時に、これらプロパティ項目を確認するダイアログを出す設定ができます。

Word 2000→ツール→オプション→保存

Excel 2000→ツール→オプション→全般

Word XP以降ですと、これら情報自体をまるごと埋め込まない設定ができます。

Excel XPも同様です。

恥ずかしい個人情報漏洩を防ぎましょう。

Officeファイルのプロパティに個人情報を保存させない Office文書ファイルに含まれているプライバシー情報を削除する ]]> tag:blog.3re.jp,2008://1.23 2008-03-09T15:31:33Z 2008-09-21T03:31:55Z

ノートパソコンのバッテリーは、２?３年もするとかなりへたってきます。通常はACア...

サンレシステム ノートパソコンのバッテリーは、２?３年もするとかなりへたってきます。通常はACアダプタを利用、たまに持ち出しというパターンが多いかと思いますが、ちまたでは、バッテリーをつけたままACで使うのは良くないとか何とか。

曖昧な知識を正そうと検索で調べたら、日経パソコンのページで見つかりました。

]]> 要点としては、

1. 満充電状態を避け、80％程度までで充電を止める。
2. ACアダプタ利用時はバッテリーを取り外す。
3. 長期間外してあるバッテリーは容量50%の状態で、5?20℃までの日の当たらない涼しい場所に保存する。

ということです。１に関しては、Let's Noteでそんなエコノミーモードがあるというのは聞いたことがありました。２ではACアダプタ利用時、バッテリーをつけていると（普通は付けていると思いますが）、満充電→少し使う→満充電のサイクルを繰り返し、バッテリーを激しく傷めるそうです。

しかしノートパソコンのバッテリーは、UPS（無停電電源装置）的に利用できますし、何かの記事では外しておくと「端子の酸化が悪影響」と書いてあったのを覚えています。

しかしながら、やはり上記の１?３は理にかなっているのではないかなと思いますので、試しに実践してみようと思います。

バッテリー延命術・劣化を防ぐ実践編

]]> tag:blog.3re.jp,2008://1.22 2008-03-05T11:14:23Z 2008-03-13T11:39:02Z

あるWebサービスを検討するため、同様のサービスを提供しているサイトを参考にさせ...

サンレシステム あるWebサービスを検討するため、同様のサービスを提供しているサイトを参考にさせてもらっていました。

顧客ごとのページがあり、パスワードもかかっているようでしたが、ディレクトリ上位へ移動したところ、そのフォルダにIndex.htmlファイルがなかったので、次のようなファイルの一覧が表示されました。

]]>

こんな感じの画面を見たことがある方もいるかと思います。多少知識のある方ならおわかりかと思いますが、かなり危険です。リンクを張っていなくて、見られるはずがないファイル（例えばテストで作ったページ）も見られてしまうのです。

これを防ぐには下記のさくらインターネットのサポートページを参照して下さい。

インデックスファイルが存在しない時にフォルダ内が表示されないようにするにはどうしたらいいですか？

設定がうまくいけば、下記の様に表示されます。

他のサイトでも述べられていますが、結構致命的な初期設定だと思います。Webマスターの方でも、うっかり初期設定のまま使ってしまうのも十分あり得る話です。お気をつけ下さい。

• さくらインターネットで「index of」のページを表示させない
• ファイルの一覧を表示させない - Movable Type 備忘録

]]> tag:blog.3re.jp,2008://1.21 2008-02-15T12:03:39Z 2008-09-21T03:32:51Z

洋書の日本語訳本でしたが発行が昨年末なので、内容は古くさくはありません。 Web...

サンレシステム 洋書の日本語訳本でしたが発行が昨年末なので、内容は古くさくはありません。

Webアクセシビリティ 標準準拠でアクセシブルなサイトを構築/管理するための考え方と実践~ (Web Designing BOOKS)
]]> 偶然にもここ数ヶ月、施設にて視覚障害の方のディサービスのパソコンサポートをしていたので、音声読み上げソフト（スクリーンリーダー）を意識したサイト作りが実感を持って感じられます。特に参考になった箇所を下記で紹介します。

画像のリンク（altテキスト）

例えばこのブログ上部にあるタイトルロゴ。

<a href="http://blog.3re.jp/" accesskey="1">

<img src="http://blog.3re.jp/img/blogTitle.gif" alt="サンレシステム" height="76" width="242" />

</a>

うっかりalt="タイトル"としてしまってもおかしくありません。しかしリンクになっている画像のaltテキストは、基本的にリンク先の説明にするべきです。なぜならスクリーンリーダーがこの画像を「タイトル」と読んでも、視覚障害者には全く意味のない情報だからです。

ナビゲーションリンクのスキップ

このブログは違いますが、通常のhtmlのウェブサイトの場合、上または横に長いナビゲーションリンクがあると思います。スクリーンリーダーは上部から忠実にhtmlを読んでいくので、「トップ」や「会社概要」、「お問い合わせ」などの多数のリンクの読み上げで、肝心の本文までにかなり時間がかかってしまいます。

本文へジャンプ

そこですぐに本文に飛びたい視覚障害者のために上の「本文へジャンプ」といったナビゲーションリンクを<body>タグの近くに作っておこうということです。また、あくまでスクリーンリーダー対策なので、下記の様に非表示になるようcssで隠しておきます。

<a href="#content" style="position:absolute;top:-10em;">本文へ</a>

]]> tag:blog.3re.jp,2008://1.19 2008-01-29T12:08:23Z 2008-01-30T09:02:33Z

ブラウザといえばインターネットエクスプローラーが主流の昨今ですが、Firefox...

サンレシステム ブラウザといえばインターネットエクスプローラーが主流の昨今ですが、Firefoxのアドオンの豊富さは格別です。長期間使用してきて、必要な機能が落ち着いてきたので覚書も含めて順次書いていこうと思います。

※欧州ではシェアはかなり上がってきているようです。

Firefoxのシェア、欧州で28％に]]> とりあえず現状のベストはこんな画面になっております。

利用しているアドオンを下記に列挙します。

1. Web Developer[日本語版]
2. Firebug Japanese
3. Html Validator
4. Google Toolbar for Firefox
5. Google ノートブック
6. Foxmarks Bookmark Synchronizer
7. Tab Mix Plus
8. IE Tab
9. YSlow

アドオンの詳しい紹介は順次書いていこうと思います。

]]> tag:blog.3re.jp,2008://1.18 2008-01-28T10:40:30Z 2008-01-30T03:35:31Z

秀丸とprint関数、var_dump関数などで、しこしことPHPを書いていまし...

サンレシステム 秀丸とprint関数、var_dump関数などで、しこしことPHPを書いていましたが、なんとか快適に作業を進めようと思い、JAVAを使っていたときに少しさわったEclipseの導入を検討。いろいろと調べて設定したことを書き留めておこうと思います。

]]> XAMPPダウンロード

xoopsの環境構築で利用していたxamppですが、PHP開発環境用にWindowsに新しくインストールしました。オススメはzip形式で、CやDドライブの直下に解凍します。

XAMPP for Win

JREの確認

次にEclipseですが、PHPで利用するためのプラグインが適用され、さらに日本語化されている「pleiades」というオールインパッケージがあります。JAVAのJREがPCに入っているかどうかで、２種類に分かれます。インストールされているかわからない方は下記にて確認できます。下記のリンク先、中ほどでロゴのキャラクターが踊っていればインストール済みです。

Java 仮想マシンのテスト

Pleiadesダウンロード

少しわかりづらいですが、下記の一覧表の一番上、PHPと書いてある下の箱形のアイコンをクリックしてダウンロードしてください。JREが既にインストールされていれば青、まだなら白の箱です。

Pleiades All in One 日本語ディストリビューション

さて、こちらも好きな場所に解凍しておいてください。次からのphp.iniの設定が大変でした。

php.iniの設定

XAMPPに同梱されているxdebugを利用できるように設定したいのですが、XAMPPの採用する「PHP Switch」という機構によって、設定ファイルが\xampp\php\php.iniではなく、\xampp\apache\bin\php.iniであることがわかるまで苦労しました

PHPの設定ファイル(php.ini)の所在

そしてphp.iniの最後の方にある[Zend]と[XDebug]の記述を探し、下記の様に[Zend]の方を;でコメントアウトし、[Xdebug]の;を外してください。（Zendの方は初めのzend_extension_tsだけコメントアウトとの記事がありましたが、自分の環境でダメな時があったので、念のため全部コメントアウトしました。）

[Zend]
;zend_extension_ts = "\xampp\php\zendOptimizer\lib\ZendExtensionManager.dll"
;zend_extension_manager.optimizer_ts = "\xampp\php\zendOptimizer\lib\Optimizer"
;zend_optimizer.enable_loader = 0
;zend_optimizer.optimization_level=15
;zend_optimizer.license_path =
; Local Variables:
; tab-width: 4
; End:
[XDebug]
;; Only Zend OR (!) XDebug
zend_extension_ts="\xampp\php\ext\php_xdebug.dll"
xdebug.remote_enable=true
xdebug.remote_host=127.0.0.1
xdebug.remote_port=9000
xdebug.remote_handler=dbgp
xdebug.profiler_enable=1
xdebug.profiler_output_dir="\xampp\tmp"

XAMPPならXdebugも簡単インストール

Eclipseの設定

ふぅ。ここまで書いて力尽きました。Eclipseの設定は下記サイトがとてもきれいなのでこちらを参照ください。

EclipseでPHP開発環境を作る - 設定 - delab

その他

また、mb_string関数を使う場合はさらにコメントアウトを外ずす必要があります。場所はphp.iniをmbstringで検索すればわかると思います。
※php.iniを書き換えた場合は、XAMPPを再起動することによって設定が反映されます。

]]> tag:blog.3re.jp,2008://1.17 2008-01-03T02:53:15Z 2009-07-20T14:56:34Z

新年あけましておめでとうございます。 ラボという名前を冠してるので、年始にラボら...

サンレシステム 新年あけましておめでとうございます。
ラボという名前を冠してるので、年始にラボらしいお年玉（笑）としてフリーのスクリプトを作りました。

ApacheLogViewerという生ログを分析できる秀逸なフリーソフトを利用していますが、生ログなだけに、gifやjpgなどの画像ファイルのログも表示してしまい、ページ遷移を確認するのには少し不便です。そこで、gifやjpg、cssなどのページ遷移の解析に不要なログを排除して保存するPHPスクリプトです。

]]> slimLog (ver 1.82)

slimLog1.82.zip(last update:09/7/20)

動作環境

利用可能ホスティング先	XREA、CORESERVER
サーバー	Apache
PHPバージョン	5.1.6
使用PEARライブラリ	File_Archive、Mail、Mail_mime
ログ解析用フリーソフト	ApacheLogViewer

設置方法（XREAの場合）

1. setting.phpとlog.shに初期設定を行う。
2. slimLog.php、setting.php、log.shの３ファイルを/virtual/ユーザーID/にアップロード。（パーミッションはいずれも初期の0644のままでOK）
3. XREAのコントロールパネルを開き、左側の管理メニューからCRONジョブを選択。
4. 空いている設定番号を選び、通常ログが作成される時間より遅い時間を設定。（作者の場合、7:00を指定。）
5. その下の空欄に、起動するシェルを右の様に指定。log.sh >/dev/null 2>&1

/virtual/ユーザーID/logフォルダの下にbackupというフォルダが自動で作られ、そこにスリムになった日毎のログと、１週間ごと圧縮されたログがドメインごとに保存されます。（圧縮後は日毎のログは自動削除）

※初期ログの手動でのスリム化

slimlogを設置した日のログからスリム化を行うので、それ以前の数日間のログもスリム化したければ、手動で行う必要があります。
ログファイルの手動でのスリム化の記事を参考にしてください。

初期設定

基本の設定はlog.shは１カ所、setting.phpは数カ所です。（初期設定→太字）

log.sh

パスを設定します。下記太字の部分をご自分のユーザーIDに変更してください。
/usr/local/bin/php /virtual/XXXXXX/slimLog.php

setting.php

$keyword

除外したいファイルの拡張子（初期設定".gif", ".jpeg", ".jpg", ".png", ".css", ".js"）
（ホスト名での除外もできるようになりました。例：softbankXXXXXXXXXX.bbtec.net 等）

MAIL_SEND

メールを送信するかどうか（はい→TRUE、いいえ→FALSE）

INIDOMAIN

xrea.comおよびcoreserver.jpの初期アドレスでアクセスされたログを処理するかどうか（する→TRUE、しない→FALSE）

CHAR_CHANGE

ApacheLogViewerで日本語が正しく表示されるように文字コードをUTF-8からSJISに変換するか（する→TRUE、しない→FALSE）

NEWLINE_CHANGE

Windowsのメモ帳で読みやすいように改行コードを変更するかどうか（する→TRUE、しない→FALSE）

メール送信機能を使う場合

１週間ごとにログファイルをメールで送信する機能を付けました。これ以降は、メール送信機能を利用する場合のみ設定します。

MAIL_FROM

送信元メールアドレス

MAIL_TO

送信先メールアドレス

MAIL_SUBJECT

ログ送信メールタイトル（初期設定：ログバックアップ）

「www.XXX.jp」 約61%スリム化　というようにスリム化率をメール本文でお知らせします。

フォルダ構成（XREA）

/virtual/userID [ルートディレクトリ]
┃ 
┣ public_html (HPページ用データフォルダ)
┣ Maildir (メール用データフォルダ)
┃ 
┣ log [ログフォルダ]
┃ ┃
┃ ┣ www.3re.jp.log   (最新ログファイル)
┃ ┣ www.3re.jp.1.log (前日ログファイル)
┃ ┃
┃ ┣ blog.3re.jp.log   (最新ログファイル)
┃ ┣ blog.3re.jp.1.log (前日ログファイル)
┃ ┃
┃ ┗ backup [自動生成スリムログフォルダ]
┃    ┃
┃    ┣ www.3re.jp200801.log.gz(第1週スリムログ圧縮)
┃    ┣ www.3re.jp_20080106.log(1/6スリムログ)
┃    ┣ www.3re.jp_20080107.log(1/7スリムログ)
┃    ┃
┃    ┣ blog.3re.jp200801.log.gz(第1週スリムログ圧縮)
┃    ┣ blog.3re.jp_20080106.log(1/6スリムログ)
┃    ┗ blog.3re.jp_20080107.log(1/7スリムログ)
┃
┣ log.sh (slimLog.php起動用シェルスクリプト)
┃
┣ setting.php (初期設定ファイル)
┃
┗ slimLog.php (本PHPコード)

ファイルの設置位置は下記の画像を参考にしてください。

※セキュリティに配慮した著名なフリーソフト「WinSCP」でのアップロードを推奨します。

今後の予定

1. 特になし。不具合・要望などありましたら検討しますので、下記のコメント欄にお願い致します。

改訂履歴

1.82	2009/07/20	PEARライブラリのMail_Mimeクラスの使い方で、インスタンスを生成するときに改行コードの引数を指定した。※Special Thanks to こうの様
1.81	2008/09/23	同じxreaでもサーバーによって保存されるログの文字コードが違う可能性があるので、文字コードの変換をUTF-8→Shift-JISではなく、auto→Sift-JISとした。※Special Thanks to げんごろう様
1.8	2008/09/21	コードミス修正。メンテナンス性向上のため、初期設定ファイルをメインプログラムと分離。Windowsのメモ帳でも読める様に改行コードを変換するオプション追加。
1.71	2008/09/20	文字コードのオプションと、除外キーワードなしの設定を追加。
1.7	2008/07/16	メール送信時にスリム率を表示。CORESERVERでの動作確認。
1.6	2008/06/13	ホスト名による除外対応。メール添付ファイルの圧縮形式変更。アクセス数が少ないURLのログの不具合修正。改行コードをLFに変更。※Special Thanks to KSP様
1.1	2008/01/12	ソースコードを少しきれいに。
1.0	2008/01/10	ドメイン自動設定機能
0.4	2008/01/09	メール送信対応
0.3	2008/01/08	gz圧縮対応
0.2	2008/01/06	サブドメイン対応
0.1	2008/01/03	初期リリース

]]> tag:blog.3re.jp,2007://1.16 2007-11-26T14:24:32Z 2008-01-30T03:36:34Z

divタグとfloatを使ったシンプルな２コラムデザインを手がけましたが、背景が...

サンレシステム divタグとfloatを使ったシンプルな２コラムデザインを手がけましたが、背景が重要だったため、各ブラウザで表示を統一するのに手こずりました。ネットで検索したり、過去の「Web creators」を読み直したりしてなんとか解決しました。

]]> 第１ポイントとしては、clearfixという手法です。

.clearfix{zoom:1;}
.clearfix:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
}

特にIE用のzooomの効果には感動しました。

第２ポイントは、IE6用にfloatを設定したdivのボックスにdisplay:inline;を指定することです。 この設定をしないとIE6では、marginの値が倍になってしまう痛?いバグがあります。

結果だけ見るとなんてことないのですが、やはり各ブラウザ間で表示を統一するのはしんどいですね。サンレシステムでは、動作検証としていずれもWindows版の最新バージョンで

1. IE7
2. IE6
3. FireFox
4. Opera

の４つで行っています。これでほぼ大丈夫だと思いますが、あとSafari入ればさらにバッチリ。Mac環境は現在構築中です。実用まではあと少し。。。

]]> tag:blog.3re.jp,2007://1.14 2007-11-08T14:44:39Z 2008-01-30T09:04:35Z

先日、仕事でとある職場に伺ったときに、パソコンの初心者？の方々が話しているのを耳...

サンレシステム 先日、仕事でとある職場に伺ったときに、パソコンの初心者？の方々が話しているのを耳にしました。 「このキーって何？こっちは？ついでだから聞いてみようよ。」
ということで呼ばれて聞かれたキーが次の２つです。

]]>

左が「ウィンドウズキー」で、右が「アプリケーションキー」と言います。

ウィンドウズキーを押すと、画面左下のスタートボタンが上にぴょこっと出ます。

アプリケーションキーを押すと、右クリックと同じ動きをします。

]]> tag:blog.3re.jp,2007://1.13 2007-10-31T02:29:30Z 2007-10-31T02:50:02Z

２回目は画面のプロパティを変更してみましょう。 少し古いパソコンを使っている場合...

サンレシステム ２回目は画面のプロパティを変更してみましょう。
少し古いパソコンを使っている場合には有効だと思います。

]]>

上記の再生・停止ボタンで画面を止めながらご利用下さい。

]]> tag:blog.3re.jp,2007://1.12 2007-10-30T06:22:44Z 2008-02-04T00:17:04Z

メールにファイルを添付して送る際、多くのプロバイダーでは容量の制限がつきものです...

サンレシステム メールにファイルを添付して送る際、多くのプロバイダーでは容量の制限がつきものです。

主要プロバイダメール容量一覧

プロバイダー	添付メール制限	メールBOX容量
@Nifty	20MB	5GB
OCN	10MB	100MB
DION	20MB	100MB
Yahoo!(無料)	20MB	1GB
Gmail(無料)	20MB	4.4GB(現時点)

]]> 老舗の「宅ふぁいる便」を初め、ファイル送信サービスが無料で行われているので、TPOに合わせて有効に活用しましょう。

• 宅ふぁいる便
• WebFile
• ビッグメール
• Postfile.jp

一番最後のPostfile.jpは登録も必要ないので、かなり手頃かと思います。

ちなみにGmailは、毎日少しずつ容量がアップしているようです。

アドレスはXXXX@gmail.comが基本ですが、会社専用のアドレスに変更することもできます。サンレシステムでも設定を受けておりますので、ぜひご利用下さい。

独自ドメインメール設定サービス]]> tag:blog.3re.jp,2007://1.11 2007-10-27T15:06:15Z 2007-10-29T12:44:47Z

昨日ADSLモデムの設置移動のサポートへ行ってきました。 内容的には問題なしだと...

サンレシステム 昨日ADSLモデムの設置移動のサポートへ行ってきました。
内容的には問題なしだと思ったのですが、パソコンのOSがWindowsVista。
Vistaはまともに触っていなかったので、若干の不安があったのですが、基本は同じ。
しかし、なかなか…

]]> やはり見た目が大きく違って、予想よりも時間的に手間取ってしまいました。
互換性などで、Vista導入には至っていませんでしたが、そろそろ検討するときかもしれません。

30日間使用できるVirtual PC 2007のViasta用イメージファイル（英語版）が公開されているのをみつけたので、こちらで慣れてみようと思います。

Vistaイメージ]]>