2009年05月15日

初心者のためのVMWare+Ubuntu+MovableTypeの構築 その2

今日、同じ手順で会社のPCにて設定してみたらApache2のユーザーディレクトリが指定できなくて困りました。

UserDir public_html

を例によってhttpd.confに足していたのですが、

Invalid command 'UserDir', perhaps misspelled or defined by a module not included in the server configuration

というエラーがでて、設定が読み込めない模様。

いろいろググって調べてみましたが、モジュールが読み込めていないようなので、

LoadModule userdir_module /usr/lib/apache2/modules/mod_userdir.so

を追加して解決しました。
posted by うみおよ at 12:02 | Comment(0) | TrackBack(0) | Webサーバ | このブログの読者になる | 更新情報をチェックする

卒園アルバム

以前、サービスしていたのですが採算があわずに中止していた小部数のアルバムサービスを再開しました。



保育園や幼稚園の卒園アルバムなどにご利用ください^^;

posted by うみおよ at 10:22 | Comment(0) | TrackBack(0) | Flash | このブログの読者になる | 更新情報をチェックする

2009年05月12日

初心者のためのVMWare+Ubuntu+MovableTypeの構築 その1

MovableTypeは前から扱っていたのですが、レンサバから提供されていたものだったので、もう少し自由にいじれるMovableTypeの環境がないかなぁと思って自分でサーバー構築から始めることにしました。
しかし、過去の経験から別なPCに構築するとあまり触らなくて、そのうち忙しさにかまけていじらなくなることは目に見えていたので、なんとかいつも使うPCに構築したい!・・・もちろん安く。
ということで、VMWareを使ってLinuxServerを構築し、そこにMovableType環境を入れてしまおう!と目論見ました。
まぁネタ的には決して新しいものに挑戦するものではないですが、備忘録といいますか、作業記録的に。。。

まずはVMWareですが、こちらはVMWareのダウンロードページからVMware Playerを無料でダウンロードできます。
現在の最新版は2.5.1。こちらはインストールも問題ないでしょう。

次にUbuntuですが、UbuntuではVMWare用のイメージファイルが用意されています。最新版は8.04LTSになっています。

私は一昔前のLinuxを触ったことがあって、しばらくLinuxから離れていたのですが、Ubuntuをはじめて触ったときにはあまりの簡単さに驚きました。
VMWareを使わないで、別のPCなどにUbuntuを入れたい場合は、CDイメージが用意されていますが、こちらもCDさえ作れてしまえば異様に簡単にインストールできます。
これからLinuxを勉強したい人は是非お試しアレ。

イメージをダウンロードしたら、VMWareを起動して「ファイルを開く」でダウンロードしたUbuntuイメージを読み込みます。
Ubuntuが起動し、セットアップ。
2,3の質問に答えれば構築完了。すぐにログインできます。

ログインしたら、パッケージマネージャから必要なパッケージをインストールします。
メニューバーから「システム」-「システム管理」-「Synapticパッケージマネージャ」をクリック。
「再読込」をクリックしてパッケージのリストを最新にします。
そこから、MovableTypeに必要なApache2、MySQLServer、Imagemagickを選択(ダブルクリックで選択)し、「適用」します。
PostgresやSQLliteが良い人はそちらを選択。

インストール後、Apacheの設定。
前提としては、ユーザー領域にMovableTypeを設置する、ということでユーザー領域でもCGIが動作するようにします。

Apacheの設定等は/etc/apache2/にあり、そこのhttpd.confを書きかえます。
えーホントは、httpd.confは下位のバージョンとの互換のためにありこ一つ一つの設定を書いてはいけないはずで、本当はたぶん、ですがconf.dディレクトリの中にファイルを作って読み込ませなければいけないんだと思います。
何かに書いてました。はい。
しかしまぁhttpd.confに書いても読み込まれるわけで、古いApacheを知っているとなんとなく親近感があり、えー・・・面倒だからです。ハイ。

権限云々でhttpd.confをそのまま書き換えるのは難しいので、自分のディレクトリ/home/(user_name)内にhttpd.confを作成します。

Ubuntuの「場所」メニューから「コンピュータ」を選び「ファイルシステム」を選びます。
ここがいわゆるCドライブの中身ですが、「home」ディレクトリの中の自分のアカウント名(以下user_nameで示します)の中に入ります。
Windowsと動作的に同じなのでファイルの作り方まで解説しなくてもいいと思いますが念のため、右クリックで「ドキュメントの生成」-「空のファイル」で作れます。
右クリックで「"テキストエディタで開く"」を選択。
そこに次の文を記述して保存します。

<Directory /home/*/public_html>
Options +ExecCGI
AddHandler cgi-script .cgi
</Directory>

要するに、ユーザー領域においてCGIファイルをCGIとして動かしなさいよ、という設定です。

Ubuntuのメニュー画面から「アプリケーション」-「アクセサリ」-「端末」を開き、

sudo cp ~/httpd.conf /etc/apache2/

と入力。
ユーザーのホームディレクトリにあるhttpd.confを/etc/apache2に管理者権限でコピーせよ!というコマンドです。

/etc/apache2以下は自分の管理権限にないので、管理者権限でコピーするわけです。
なので、パスワードを聞かれたらパスワードをいれてください。

その後、

sudo /etc/init.d/apache2 force-reload

で設定を読み込み

sudo /etc/init.d/apache2 restart

でApacheを再起動させます。

自分のホームディレクトリ/home/(user_name)に「public_html」という名前のディレクトリを作成します。
そこにファイルを置くと、
http://localhost/~(user_name)/
で参照することができます。

/home/(user_name)/public_html/の中にcgi-binというフォルダをつくり、その中にtest.cgiという空のファイルを作成。
右クリックで「"テキストエディタで開く"」を選択。
以下の内容を記述して保存します。

#!/usr/bin/perl
print "Content-type: text/html\n\n";
print "Hello, World.";

perl/CGIがちゃんと動くかテスト用のスクリプトです。
保存し、ファイルを右クリック。
「プロパティ」を選択し、「アクセス権」タブで「プログラムとして実行できる」にチェックを入れます。

再確認。
/home/(user_name)/public_html/cgi-bin/test.cgi
がありますか?

ブラウザを起動してみて
http://localhost/
と入れてみてください。

It Works!

と表示されたらApacheの動作はOKです。
さらに
http://localhost/~(user_name)/cgi-bin/test.cgi
を開いてみて、「Hello, World.」と表示されればCGIの動作もOKです。

もし表示されない場合は、Apacheのサイトを読んで解決してね黒ハート

後はデータベースの構築と、imagemagickの初期設定、Movabletypeの設置ですが、その2へ続きます。。。
posted by うみおよ at 23:16 | Comment(0) | TrackBack(0) | Webサーバ | このブログの読者になる | 更新情報をチェックする

2009年05月08日

バナーを作ろう!

いろいろ無料のバナーサイトを見て回ると、あまりいいデザインのないなー(関係者のかたスイマセンがく〜(落胆した顔))かわいいのならあるんだけど。と思って毎度のごとくPHPの勉強もかねて作ってみました。

バナーを作ろう!というなんのひねりもないタイトルですが、直感的に使えるようにしてみました。
まだベース画像の数が少ないですが、今後ちょこちょこと更新していくつもりです。
posted by うみおよ at 10:22 | Comment(0) | TrackBack(0) | PHP | このブログの読者になる | 更新情報をチェックする

2009年04月29日

iframeでスクロールバーの色が変わらない

お客さんから「更新情報はiframeで・・・・」と指定されることがよくありまして、iframe使うよりもdivでoverflowを使うほうがSEO的に効果がありますよ、という説明をするのですが、それでもやはりiframeを指定されるお客さんがいらっしゃいまして、仕方がないのでiframeで設定したのですが、スクロールバーの色が変わらなくて困ったことがありました。
スクロールバーの色は、
scrollbar-base-color
scrollbar-face-color
scrollbar-arrow-color
scrollbar-shadow-color
scrollbar-darkshadow-color
scrollbar-highlight-color
scrollbar-3dlight-color
scrollbar-track-color
など細かく設定できますが、効果があるのはIEとOperaのみで他のブラウザでは表示しません。

いくつかポイントがありますが、iframeでページ中のスクロール領域に色を設定するには
・子Window側に設定する
・DOCTYPEを宣言している場合は、body,html内に記述する
・幅を縮めてもIE6で横のスクロールバーが出てしまう場合は、
 html{overflow-y: scroll}
 をいれてみる
などに注意する必要があります。
posted by うみおよ at 18:22 | Comment(0) | TrackBack(0) | CSS | このブログの読者になる | 更新情報をチェックする

2009年04月20日

IEでFlashの領域外の部分まで表示されてしまう

いやもう今日はホントにびっくりしました。
こないだまでIEでちゃんと表示されていたFlashが、途中Firefoxで開発を進めていて、今日になってIEで表示してみたら領域外の部分まで全部表示されてしまったのです。
キャラクターものの、HTML部分とFlash部分を組み合わせるもので1ピクセルのずれも許されないサイトを作っていたのに、崩れまくりw

いろいろ悩んだ末に原因がわかったので報告します。
結論からいうと、Flashのidと、スタイルシートで指定しているidがぶつかっていたからでした。
例えば、Flashのほうに「main」という名前をつけて、main.swfを作り、HTMLのほうもメイン部分に
<div id="main">
 ・
 ・
 ・
</div>
としていると、cssで指定している
#main{
width : 650px;
}

なんて部分がパブリッシュしたコードのid=main部分とかぶり、モロにFlashに適用されてしまうみたいです。
IE6,IE7と現象を確認しました。
もちろん回避するにはどちらか名前を変えればOKです。
posted by うみおよ at 13:24 | Comment(0) | TrackBack(0) | Flash | このブログの読者になる | 更新情報をチェックする

2009年03月28日

一つのフォームで複数のSubmit処理を行いたい

そんな場合は、
<input type="image" name="hoge1">
<input type="image" name="hoge2">

として処理を分けることができますが、今回お伝えしたかったのは、受け取る側の処理でして、PHPでこの処理をしようと思うと、
if($_POST["hoge1"]){
  ・・・
}

なんてやりがちですが、これでは動きません。
input type="image"は、クリック時の座標をPOST先に渡すことでも知られていますが、実はこれを利用して
if($_POST["hoge1_x"]){
  ・・・
}

とします。
ちょっとひっかかったので^^;
posted by うみおよ at 22:51 | Comment(0) | TrackBack(0) | PHP | このブログの読者になる | 更新情報をチェックする

2009年02月20日

方眼紙の無料ダウンロード

えー・・・
Web制作とまったく関係ないのですが、方眼紙のPDFってあんまりないようだったので、作りました。
買うほどのものでもないし、使いたいときないんですよねw

http://www.oyogu.com/soft/houganshi_pdf.html

今のところA4とA3版、各色揃ってますw
posted by うみおよ at 11:35 | Comment(0) | TrackBack(0) | SEO | このブログの読者になる | 更新情報をチェックする

2009年02月18日

画像加工サイト第2弾!

携帯の待ち受け画像加工サイトに続き、第2弾!
アップロード画像に格子をつけて、方眼紙を作るサイトを公開しました。

実は昔、Windowsアプリで作ったものがあったのですが、刺繍や爪楊枝アートなどで使用されているようで、作者の意図したものと違う使われ方をしておりますが^^;、みなさんのお役にたっているようなので、より簡単に使えるようにWeb版を作成しました。

まぁ普通はあんまり使う機会はないと思いますが^^

これはPHPのGDを使って格子を作るという簡単なものですが、いろいろと悩むところもあったので、またボチボチTipsを公開していきます。
posted by うみおよ at 18:07 | Comment(0) | TrackBack(0) | PHP | このブログの読者になる | 更新情報をチェックする

変数の型が整数型かどうかを調べる

PHPで、とある変数が整数型かどうか調べるには
is_int
を使います。
ところがブラウザから渡されたデータはすべて「文字列」として扱われるので、is_intではfalseが返ってしまうんですね。
気づかずにだいぶ悩んでしまいました。
ブラウザから渡された値の場合は、is_numericを使用するか、一度値をint型に変換してからis_intを使用されるのが良いかと思います。
posted by うみおよ at 14:52 | Comment(0) | TrackBack(0) | PHP | このブログの読者になる | 更新情報をチェックする
gooリサーチモニターに登録!