自分で作ったphpファイルをそのままサーバにアップして動作確認、

なんてこともあるかと思います。

が、ちょっと複雑なサイトを作ろうとすると、ファイルを何度もサーバに

アップするのが面倒だったり、挙動が危ういファイルをいきなりサーバに

アップするのがちょっとコワい･･･なんてこともあるかもしれません。

かといって、自宅にWebサーバを構築するのもすごくメンドくさいですよね･･･

そんな時は、apacheとphpとSQLServerがセットになった、XAMPPという

フリーのパッケージがお勧めです

このパッケージを使えば、apacheとphpとSQLServerを単独でインストールするよりも

はるかにお手軽にphpのテスト用開発環境が構築できますよ

ただし、このパッケージで構築した環境はセキュリティがとても弱いので、

そのままWebサーバに流用するのは危険です

あくまでphpのテストをするための環境として使うのが好ましいと思います。

詳しいインストール方法はまた後日～

できません･･･

途中まで書きかけた記事がいくつもあるのですが、完成するに至らず

下書きのまま放置しております･･･

あぁ～、このままじゃフェードアウトしちゃう～

多分、ボリュームのある記事を一気に仕上げようとしてしまうせいで、

時間（と気力）が足りなくなるのだと思います。

それならば、ボリュームがありそうな事柄については何回かに分けてみよう

という作戦を思いつきました。

（読んでくださっている方には、申し訳ありませんが･･･）

ということで、次回のブログから、phpのテスト用開発環境をお手軽に構築する方法を

何回かに分けて綴りたいと思いま～す

といってもそれだけじゃ申し訳ないので、私のブログに自分用の備忘録を

綴ったものがあるので、よろしければご参考に･･･（参考にならないかも･･･）

XAMPPをインストールする方法

先日その頃にお世話になったベンダーさんからお声が掛かり

久しぶりにシステム評価のお仕事をしていま～す

今回評価しているは、ブラウザをインターフェースとしたWeb系データベースシステムなのですが、

海外で使われるのだそうで、サイトが色んな国の言語で記述されています。

英語や中国語、韓国語などのサイトがあるのですが、その中でも特に難しいのがタイ語･･･

↓タイ語

ส่ง　　　　（送信）

ยกเลิก　　（キャンセル）

･･･全く分からない

サイトの本文に記述してある文字ならばまだ自動翻訳を使って何とかなるのですが、

これが画像ファイルなんかで作ってあったりするともう完全にお手上げです

（ちなにみ今回のシステムではタイ語の翻訳ができる方が常駐してらっしゃるので、

　いつもその方にお世話になっています。）

そんな機会があるのか分かりませんが、もし海外向けのサイトを作ることがあれば、

文字を画像ファイルで表現するのは止めておこうと心に誓ったのでした･･･

昨日、（モノマネの）コロッケさんのショウを見に行ってきました～

コロッケさんの顔芸、すごかったです

トークも面白くて終始笑いっぱなしでした

昨日はお客さんの年齢層が高めということで、かなり古い曲が

多かったのですが、アラサーの私でもすごく楽しめました

名古屋の中日劇場で1月いっぱいまで公演されているそうなので、

お近くの方はチェックしてみて下さいね～

変更する方法を綴らせていただきたいと思います。

1. Aptana Studioを起動する。

2. メニューの[ウィンドウ]→[設定]をクリックする。

3. 設定ダイアログの[Aptana]の左の三角をクリックする。

4. [エディター]の左の三角をクリックする。

5. [CSS]をクリックする。

6. [初期 CSS ファイル・コンテンツ]のテキストエリア内に、新規ファイル作成時に

　記述しておきたいコードを記述する。

7. [適用]ボタンをクリックする。

8. [OK]ボタンをクリックする。

[5]の手順で、[html]や[JavaScript]などを選択すると、これらのファイルのフォーマットも

変更できますよ～

ちなみ私の場合、cssのフォーマットには下記を設定していま～す。

----------------------------

@charset "utf-8";

body{
margin: 0;
padding: 0;
}

h1 {
}

h2 {
}

a {
}

img {
border:0;
}

----------------------------

（忘れっぽいので･･･）

最近この倉庫がネコに大人気で、日替わりで色んなネコが昼寝しています

今日はうちのチビが昼寝していました。

さてさて、Webに関するお話を少し･･･

先日、 Apnata Studio 2.0 にzen-codingを導入してみました。

（zen-codingというのは、ｈｔｍｌの入力支援をしてくれるhtmlエディタ用のプラグインで、

　簡易コードを入力してショートカットキーを押下すると、html に自動展開してくれるという

　便利ツールです。）

プラグインのダウンロード：zen-codingのダウンロード
設定方法：Aptana StudioへのZen-Codingの導入

簡易コードやショートカットキーを覚えるのがメンドくさ･･･大変そうなので、

導入をためらっていたのですが、最近、phpやjavascriptのコーディングが多くなってきて、

htmlのコーディングをもっと効率よくやりたいな～と思ったので導入してみました。

使ってみた感想は･･･

意外と使いやすい

気になっていた簡易コードでのコーディングも思ったほど難しくなく、割と直感的に

入力できる感じです。

そして、簡易コードが html に変換される様にはとても爽快感があります

例えば･･･

下記の簡易コードを↓入力し･･･

div#box$$*3>ul.list>li.line*5

実行キー（デフォルトでは[Ctrl+E]キー）を押下すると･･･

<div id="box01">
<ul class="list">
<li class="line"></li>
<li class="line"></li>
<li class="line"></li>
<li class="line"></li>
<li class="line"></li>
</ul>
</div>
<div id="box02">
<ul class="list">
<li class="line"></li>
<li class="line"></li>
<li class="line"></li>
<li class="line"></li>
<li class="line"></li>
</ul>
</div>
<div id="box03">
<ul class="list">
<li class="line"></li>
<li class="line"></li>
<li class="line"></li>
<li class="line"></li>
<li class="line"></li>
</ul>
</div>

こんな感じでhtmlに自動展開してくれま～す

まだ簡単なコードしか使えないので、これくらいしかご紹介できなくて

申し訳ないのですが･･･

ぜひぜひご教示下さいませ）

ちなみに、私の場合はAptana Studioでzen-codingを使っていますが、

Dreamweaver（CS4のみ？）など、他のhtmlエディタ用のプラグインもあるようですよ～

htmlのコーディングがメンドくさ･･･大変だなと思ってらっしゃる方、

1度試されてみてはいかがでしょう

ご参考までに･･･

上記の簡易コード「div#box$$*3>ul.list>li.line*5」の仕組みは

↓こんな感じになっていま～す。（上手く説明できませんが･･･）

[div#box$$*3]の部分：<div id="boxXX">（XXは01から始まる連番）というhtmlタグを

3個生成する。

[>ul.list]の部分：<div id="boxXX">の配下に<ul class="list">というhtmlタグを

1個生成する。

[>li.line*5]の部分：<div id="boxXX"><ul class="list">の配下に<li class="line">という

htmlタグを5個生成する。

1. コードの先頭に生成したいhtmlタグの種類（div、ul、li、tableなどなど）を記述。

　 （ピンクの部分）

2. （任意）

　 「1」で記述したhtmlタグに対してidやclassを付与する場合には、「1」に続けて

　以下のコードを追記。（水色の部分）

　 ・idを付与する場合：#（id名）

　 ・classを付与する場合：.（ドット）（クラス名）

　 idやclass名に連番を付加したい場合は、「$」を追記。（赤色の部分）

　 （$ 1個が1桁。連番の数値が$の個数を上回った場合にはそのままの要素数が振られる。

　 （例えば$が1個で要素数が11個の場合、id名 or class名には「11」が付与される。））

3. （任意）

　 「1、2」で記述したタグ要素の配下に子タグ要素を配置する場合には、

　 「1、2」に続けて「>」と追記。（紫の部分）

　 ※「2」がない場合は「1」に続けて記述します。

4. （任意）

　 「1」で記述したhtmlタグを複数生成したい場合には、「1、2、3」に続けて

　 「*（生成したい個数）」と追記。

　 ※「2、3」がない場合は「1」に続けて記述します。

※長くなってすみません。間違いなどがありましたらご指摘下さいね

これ以外にももっといろいろな使い方がありますので、追々覚えていきたいと

思います

ワラの上で寝ていたので、こそ～っと近づいてガラス越しにシャッターを押したら、

寝起き顔が撮れました～

このあと、私に気づいて慌ててどこかに行ってしまいました･･･

なかなか懐かない・・・

（これまではphp用エディタとAptana Studioを併用していたのですが、

ツールの切り替えがだんだんメンドくさくなってきたので･･･）

ということで、Aptana Studio 2.0 にプラグインを追加する方法を綴りま～す

【Aptana Studio 2.0 プラグイン追加手順】

　（インストール中のキャプチャをとるのを忘れてしまいました。ごめんなさい。）

このプラグインのおかげでコーディング作業がだいぶスムーズになりました

（もっと早くやっとけばよかったぁ・・・）

また今度チャレンジしてみま～す

ヘッダー部分に含まれる各セレクタについて、ブラウザ表示した際にどこに

表示されるのか確認してみました～