|
あなたは003415番目の訪問者です。
私の開発環境は PowerBookG4 MacOSXバージョン10.5.1(Mac OS X Leopard)です。 自分のローカルパソコン環境でPHPスクリプト言語を記述、プログラムを動作させ確認しながら開発して、最終的にサーバへプログラムをFTPでアップロードして動かすというパタンです。 もっとも高速化ネット接続が当たり前になったので、会社などでじっくり開発するのであればローカル環境を構築しなくても構いませんが、青空の公園とか山の中とかサーバへ接続できない場合は?ローカルで、どちらでも動作するにこした事はありません。 またPHPやその他サーバーのソフトにもバージョンがあり、ローカル環境では動くが、ターゲットとなるサーバでは動かない場合もあり、その辺の動作検証でもローカル環境開発は便利です、この辺を実例にそって説明します。 ![]() 「Web ショッピングサイト」を運営する事となり「ちょっと実験」とHTMLでフロントページを作成した、自分は簡単なHPを作成する程度のスキルはあるが、近年 はGUIベースのレイアウトソフトで構築しているので、よほどの事がなければ「タグ」とか「HTML」とかソースベースの操作が無く、すっかりグウタラに なっていました。 ともかく目的は「Webショッピングサイト」を立ち上げる事です、始めはどこかのサービスを使おうと考えていましたが、実は自前で簡単に立ち上げる事がで出来ました、具体的に稼働しているのは下記のサイトです。
フロントページを作成してそこから 「お買い物はここから」のリンクバナーを配置 ネットで見つけたPHPで書かれたフリーのショッピングカートプログラムをダウンロード レンタルしているサーバへアップロード パーミッション設定で動作させました。あれ?これが意外に簡単に動作し目的は達成されてまいました。
PHPってところで何なん
だ!さっ
そく「PHPとは」とネットで調べて判明「PHPとはサーバーサ
イドスクリプト」な
んだと。 さっ
そくPHPの
プログラム
<head> <title>hello_world.php</title></head> <body> <?php $ver_str="Hello World kitanosawa"; print ($ver_str); ?> <br> </body> </html> 【解説】赤色で書かれた「間の部分」がPHPのスクリプト(プ ログラムです) その他は通常のHPの作成で使わ れるHTMLです。 ver_strという変数に Hello World kitanosawaという文字を関連付け、そのver_strという変数をprintという命令で画面にHello World kitanosawaという文字を表示します。 もっとも、このくらいならPHPなんて使わないで通常の
HTMLで、次のように記述できますよね。![]() <head> <title>hello_world.html</title></head> <body> Hello World kitanosawa </body> </html> でも下記の内容ぐらいになると、ただ文字を表示させるだけでは
なくプログラムだなあぁと感じますね。可変変数を使った例で結果は 「one」と表示されます。 プログラム名は
「variable_bariable.php」とします。
<head><title>variable_bariable.php</title></head> <body> <?php $number=1; $ver_1="one"; $ver_2="tow"; if($number==1){ $output="ver_1"; }else if($number==2){ $output="ver_2"; } print ($$output); ?> <br> </body> </html> 実は Hello World kitanosawa も one も表示されないんですよ...実は... それは自分が開発しているパソコンにPHPとかApacheが動作していないからで、 ローカル環境では自分で作成したPHPのプログラムが動作しないんです。 自分のパソコンでPHPを動作確認するには?調べるとすぐわかった次の様に書 かれている。 じゃどうするのか?動くようにす ればいいのである、あちらこちらにその方法は書かれている。 特にMac OSXの 場合良く言われる事なのがOS自体がUNIXなので実は既にPHPとかApacheがインストールされているとの事、但し初期状態でこれが動いていなかっ たりとかで動かす方法は、ああでもこうでもないと説明がされている、変に設定を変えて「パソコン」として問題が起こらないとも限らないので少々悩んだ。 そこである情報に行き着いたXAMPPである。 ![]() 現
在XAMPPのバージョンには4種類あり
私は
XAMPP MacOSX 0.7.2のInstaller Version(Universal Binary)をインストールしました。 Linux版(Ubuntu, SuSE,RedHat,
Mandrake,Debianでテストを行っています) Windows版 (98, NT, 2000,2003, XP and Vista) Solaris 8 SPARC版(ベータ) MacOSX版(ベータ) その中に「XAMPP Control Panel」と いうアプリケーションがありますMac OSXユーザであればこのソフトをドックに登録しておきましょう。 その他のサービスを起動したり停 止したり、PHPバージョンを4と5で切り替えるなどの操作が出来ますが、何もなければそのまま操作する必要もありません。 ![]() また「xamppフォルダ」の中 に「htdocsフォルダ」があります(エイリアスの形式です) その中に、さらに先きと同じ名前の「xampp」フォルダがあります。 この「xamppフォルダ」は大 切な意味がありますので他に移動しないで下さい。 ブラウザを開いて次のURLを入 力してください。 ![]() http://192.168.1.131/ と言いたい所ですが、上記の 「192.168.1.131」は各自の「パソコンの設定」に変更しなくてはいけません。 このIPアドレスは、アップルメ ニューの「システム環境設定」「ネットワーク」のIPアドレスの値を入れます。 ![]() ![]() さあ次に http: //192.168.1.131/xampp/hello_world.php と入力して下して下さい。 ともかく「Hello World kitanosawa」と表示されていると思います。 ![]() ![]() これで環境の構築のほとんどが完 了したような物です。
真打ち登場?その名もMAMPちなみに.....MAMPという物もあ ります。Mac専用と言う所が引かれます。 ![]() どうやらXAMPPと同様で、Macに特化しています。 実は 2008/07/05現時点でXMAPPからMAMPへ環境を移行しました 理由は小細工がやりやすいからです。 さらに非常に簡素なPHPフオームプログラムが正常に動かない等の障害がXMAPPでは見られますがMAMPではデフォルトインストールで問題ありません でした(この辺恥ずかしい事に、スキルの無さを痛感します) ![]() ![]() ブラウザ上からは xamppでは http: //192.168.1.131/xampp/hello_world.php と入力しましたが MAMPでは http://192.168.11.19/hello_world.php となります。 次のパネルから設定環境が設定可能です。 ![]() ![]() ![]() ![]() ブラウザによく表示される
メッセージとアクセス権?The requested URL /xampp/web_cart/ was not found on this server. Apache/1.3.24 Server at lapaz Port 80 見つかりません リクエストされたURL / XAMPPの/ web_cart /は、このサーバー上で見つかりませんでした。 apache/1.3.24サーバーlapazポート80 You don't have permission to access /xampp/web_cart/yumi_bana.png on this server. 禁止されて このサーバー上の/ XAMPPの/ web_cart / yumi_bana.pngへのアクセス許可が必要はありません PHPの開発でローカルでのフォルダのアクセス権限の設定がリードオンリー等の場合によく発生します。 たとえば具体的に、下記のアドレスをブラウザに入力 http://192.168.1.149/xampp/ すると、下記のディレクトリの内容が表示されます。 Index of /xampp * Parent Directory * .DS_Store * .version * access.dat * albbs/ * count.txt * goods.html * goods.php * h8.html ところが本当はこの中に web_yumi というフォルダがあるのですが、そのフオルだが見当たりません。 OSXのフアインダーからは確かに確認できるしアクセスだって出来ます。 理由はアクセス権限です「パーミッション」ともいいます。 手っ取り早い方法としては、OSXからその web_yumi というフォルダの「情報を見る」で、共有とアクセス権を確認します。(フォルダを右クリッ クが手っ取り早いかな) アクセス不可とか根本的に名前の部分に <名前> <アクセス権> 自分のログイン名(自分) 読み/書き everyone アクセス不可 となっている場合当然アクセス権がないと言う事です。ここではxampp から見るとと表現しておきます。 このような場合、右下の「鍵マークのアイコン」をクリックしてパスワード入力します。 ![]() これで共有とアクセス権が、変更可能となります。 everyone を アクセス不可から「読み/書き」と変更します。 ![]() 次に「+(プラス)」のボタンをクリックして Administrators をクリック > 選択をクリック ![]() Administrators も 読み/書きとします。 ![]() これでもう一度ブラウザから確認してください。 web_yumi というフォルダが現れるはずです。 と ころが、色々やっていて気がついた。 愛用しているFTPソフト「Transmit」でよく、レンタルWebサーバへ転送したファイル等のパーミッションを変更するのを思い出し、ローカルディ スクの内容も可能ではないかと早速試す。 ご覧の通り、あっさり出来ました。 所有権とアクセス と アクセス権 さらに「内包している項目に適用する」でサブディレクトリを含むすべての一括設定変更が可能。 正直、開発でローカルで開発環境で使うには読み書き実行がすべて許可の7.7.7設定で良いはずです。 ※ 正式(本番)で動作させる場合はきっちりと必要なアクセス権を設定し直す必要があります。 ![]()
使
用する文字コードと改行コード?表示されないとか文字が変だという場合は文字コードの絡みで、いわゆる「文字化け」です、実はこの辺はとても大切で厄介な部分です。 PHPのプログラムでの約束事として
ファイルの文字コードは EUC-JP とします。
改行コードは LF で保存とします。保存という事は現実的には記述もEUC-JPで改行コードはLFとなります。 サーバ関係がWindows限定ならShift-JISでも可能ですが、UNIX系の場合は文字化けしますので上記が無難です。 実際は使用するツール(エディ タ)の設定や保存のオプションで決まる物ですので、結果的にはどのエディタを使うのか?という事に決まってきます。 PHPの記述に適したツールはそりゃとにかく「テキストエディタ」です、これが無くては開発が始まりません。 エディタですが種類も多いのですが、逆に言うとOSXのテキストエディタであれば、そのほとんどがEUC-JPやLFに対応しています。 このソフト自体もPHPコードの 色分け可能なテキストエディタ機能もあり、ちょっとした部分ならこれ一本という感じです。 さらに、私は使っていませんが FTP機能もあるので使い方次第では高機能なツールとして使えそうです。 HTML書類の文法チェック、エラーの自動修正、リンクチェック、HTML整形などを行うプラグインです。 「テキストエディタ」について少々まとめてみました
多機能エディタ「Jedit」の画面サンプル。ファイルのブックマーク機能など便利なツールバー機能などてんこ盛りです。
![]() Xcodeのエディタの画面サンプル。構文のテキスト色付けについてはPHPを含め対応していない言語は無いというぐらい豊富です。
![]() 動作確認と各種ブラウザで
のPHP対応これもまた大変である、HPを作成した人なら経験しているハズである、作者の意図しない表示にある場合がある。 詳しくはここなども参照して下さい。 主な理由は
とこ ろが、このブラウザのシェアに今異変が起きているんです。 具体的にOS毎でどのようなブラウザが使われているかを調べると、次表となります。 ![]() (W3Counterアクセス解析サービス公 開データ)参照 W3Counter-GlobalWeb Stats(2008.01.04)
ここで注目がOSX(Mac)のIEが既に開発中止なのと、
LinuxにIEが無いと言う事です。 W3Counterアクセス解析サービス公開データを参照
W3Counter-Global
Web Stats(2008.01.04)
実はFirefox / Seamonkey / Epiphany / Konqueror
は同じGeckoというHTMLレンダリングエンジンが使われているか、現在移植中でほぼ同じ表示がなされます。 SafariはMacでは標準なのと業務用のHPとなると利用者が少ない
ニッチなブラウザ市場でも取り込みたいと考えるの逆にチャンスですしSafariはWindows版もあり普及しています。逆にMac等に対応しない買い物Webサイトはその顧客を諦める事になり、運営の判断が要求されます。 しかしブラウザが違うとはいえ、全く動作しないという事は稀です InternetExplorer+Safari+Firefoxへの動作確認で、最低限の動作が確認出来れば良い訳ですから、 さほど敷居は高くないはずです、怖いのはMacやLinuxは解らないので動作不可としてしまう事なんです。 Virtual PCやParallels
Desktopの仮想ソフトが便利 ここでMacOSXならの飛び技を紹介、MacでのPHP開発
でもWindowsでのInternet
Explorerの動作
確認は、先のそのシェアからも絶対必要です。さらに Windows2000 WindowsMe WindowsXP WindowsVISTAが現在混在しています最低でも WindowsXP WindowsVISTAでの動作確認は行いたいところです、
さらに32bit版や64bit版等も混在もありで複雑です。ある程度はMacのSafari + Firefox などで動作確認し、同時に上記の仮想ソフトで動かしたWindowsXPやVISTAといったWindows上で動作確認が出来ます。 逆にWindowsマシンではMac OSXを動作させる事は出来ません、この辺はMacを使った開発の最大の魅力と言えるでしょう。 仮想ソフトなら1台のMacに複数のWindowsや複数のLinuxを構築して同時に動かす事も出来HTMLやPHPで作成したプログラムなどをその場 で比較評価可能です。 つまり1台ですべての動作環境の評価が可能という事です。例としてWindowsXPのIE Ver6とIEVer7など、一つのWindowsに複数をインストールで来ませんが、仮想ソフトならWindowsXP環境を2本インストールし片方は IEVer6もう片方はIE Ver7というような事も可能です。 長 々書きましたが解りますかね...^_^; その他の便利なツールを紹
介 PHPプログラミングとはいえ HTMLに関係するところであり、画像の作成や加工なども必要になります。 こうなるとMacのすばらしいと ころで「水を得た魚」のようになります。 よく「Macは絵が得意なんだよね」と言われますが少々誤解さ
れていると思う事がしばしばあります。最近めっきり減ったMac寄りの見知から、コメントを少々 それはですね、現在プロ御用達の描画ソフトといえばこの2本です Adobe Illustrator
Adobe Photoshop もう説明はいりません、続く2本 Adobe Dreamweaver または
AdobeGoLive でHTMLレイアウトでHPを作成 Adobe Flash で動的コンテンツを作成します業界では上記のソフトを絶妙に使いこなしクールなWebサイトを構築していくんですね、別にMacでなくても動きます。そうなんですMacでなくても上記 のソフトはWindowsで動作するんです。 Macの表示はDisplayPostScript(ディスプ
レイポストスクリプト)なんです。![]() だから画面が綺麗です、パソコン 全体がPDFなんです、Adobe Acrobat入れなくてもPDFフィルは作れますしAdobe Acrobatが無くてもPDFを見たり印刷したりさらに加工が出来るんです。 画面上で印刷物と変わらない美し い表示が出来、プリンタにフォントが配備されていなくても、コンピュータにあるフォントを使って印刷する事が出来るんです。 DisplayPostScriptなので「文字や線も色艶が
あり綺麗」でけしてWindowsの様にギザギザしません。![]() VISTAになり少し良くなりま したが、私に言わせるとまだまだです(笑) 下手すると最近のLinuxのほうがXPやVISTAより文字が綺麗に描画される場合もあります。 皮肉な事にWindowsユー ザーがAdobe Acrobatの表示を見「綺麗だなあ」と言っているのが一寸可哀想です。 Macはその綺麗な画像のスクリーンシヨットもお手の物、数々
の高機能なショットが可能です ここでMac標準装備のソフトを紹介「グラブ」です。
Macは画像のラック&ドロップやカット&
ペーストにマジックが隠されているんです。いろいろなソフトで当たり前のように橋渡し出来ます、Windowsでももちろん出来ますが画像フォオーマットの対応種類は数が少ないのと、意外と橋渡し 出来ない場合が多いです。 ここでMac標準装備のソフトを紹介「プレビュー」です。
「プレビュー」で画像表示や変換機能は十分だけど、さらに
Macにはこのモンスターアプリが存在します。バッチ処理機能があり多数のオプションで複数ファイルを一括で変換することが可能。Macを使った写真入りのドキュメント作成時、仕事圧倒的に速いのは このソフトが原因とまで言われている。 その名も「GraphicConverter」略して「グラコ
ン」
Macを初めて見た人が驚く項目
に「アイコン」の綺麗さでしょう(最近はピョコンピョコン動くしね)コンピュータの操作なども含むマニュアル作りに不可欠なのが、先のスクリーンショットとアイコンの画像化、著作件はあるもの、これが無くては作業が始まり ません。 ここで一つ紹介その名も「IconExporter」
大量の画像などのファイル名の整理などで、リネーム作業に大活
躍なのがこれ名前の追加削除/大文字小文字変換など一発です。 ここで一つ紹介「ReNa 」
ところでMacの定番FTPソフトについて、私はもうこれ一本と
いう感じです シンプルで高機能なFTPソフト「Transmit」
All
the informations on my Homepage is provided in
Japanese only. Presented by Satoru Kaneko,1999
|
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||