2009-01

かっこいいアナログ時計の待ち受けを作りましょう。

必要なもの

1.かっこいいアナログ時計の画像

2.ちょっとしたFlashの知識

以上。

下ごしらえ編はざっくりとしたPhotoshopCS3を使用した画像の作成方法を載せます。

完成イメージはこんな感じです。

完成イメージ

1.新規ファイルをキャンバスサイズ240*320で開く。（携帯の画面サイズにより変更してください）

2.ガイドとなる円を描く

3.ガイドに沿って時計盤を作成する

4.無駄な機能の3つの円を配置

今回は無駄に月齢や生活防水機能がついているので3つの円を配置します。

12時、3時、6時、9時は短くなってます。

コツとしては12時と6時を作成しマージ、マージしたものを複製しCWに90°回転しまたマージ、またマージしたものを複製し30°ずつ回転していくときれいな円になります。

5.金属エフェクトを追加する

円達は下記のような設定でメタルさを出します。

5.無駄な円達にディテールを作成

新規ファイルを追加し、長い白線（6*15px）を均等に12個配置し、その間に短い白線（2*10px）を配置（下図04参照）

6.作成したベースを円形にする

ディテール用ベースをキャンバスの中心に配置（Ctrl+CをしてCtrl+Vをすると中央に配置されます）し、フィルター　＞　変形　＞　極座標　＞　OK

7.ディテールを追加する

最初のファイルに上記で作成したレイヤーをコピーしリサイズする。

（左の円の中身はなんとなく変えてあります。）

8.針や数字を入れる

これで3つの円達は完成。

9.センターにポイントを追加しガイドをはずして完成

お疲れ様でした。

アレンジ次第で無限の可能性を秘めています。

短針、長針、秒針についてはFlashのベクトルで作成したほうが仕上がりがきれなので次号（？）Flash作成の際に解説いたします。

ココで使用しているWordPressのテンプレートは海外のもので、｢コメント｣や｢タグ｣などちょこちょこと英語表記になっていました。

（ブログの内容を棚に置き、）アクセス数に関わらずコメントが一件もないのはこのせいだとポジティブシンキングした結果編集することにしました。

今回編集したファイルは/wp-content/themes/テンプレート名の直下にある
　・index.php
　・search.php
の2つのファイル。

Dreamweaverで編集後サーバーにアップしたら完全に文字化けしおりました。

ファイル自体がShift-JISになっていたのが原因ぽいので彦麻呂（秀丸）を使ってUTF-8に変換したらいけました。

実験用に設置したOpenPNEの招待メールを使用したところエラーがでた。

以前は問題なかったはずだがエラーが出た。

config.php、SSLの設定を変えてもエラーが出た。

なんでですのん。

エラーログの内容を見るとwebapp/lib/util/mail_send.phpの60行目に問題があるようです。

調べてみると

・レンタルサーバーではPHPをセーフモードで実行らしい。

・セーフモードのmail関数では引数の制限があるらしい。

セーフモードの場合でも必要な引数をスルーするように53行目らへんにある

if (MAIL_SET_ENVFROM){

をコメントアウトし

if ((MAIL_SET_ENVFROM)&&(!ini_get(”safe_mode”))) {

を追加。

ばっちり動きました。

異国にいたときは電車に乗っても、レストランに行っても、友達と遊んでいても通話以外に誰かが携帯電話をいじっているという光景を目にしなかった。

だって電話だからね。

今どうかは知らないが、携帯は電話をする道具として確立され、メールやWebはマイコンを使用するものだと決め事のようになっていた。

2年前にアメリカに滞在していたときはテキストメールといって日本で言うショートメールやCメールのようなものを多少使うようにはなってきてはいたが、まだまだ日本のように携帯に依存してはいない。

現在日本でベンチャー企業を立ち上げWebコンサルもやっていて感じた。

携帯はアツい。

遅いですかね？

ということで携帯用サイトを構築しました。

しかし、ユーザーに｢こっちがPC用アドレスですよ、そしてこっちが携帯用です。｣なんていうのもまどろっこしいですよね。

1つのアドレスを浸透させたいじゃないですか。

ですので、アクセスの端末によってサーバーサイドで判別することにしました。

User-Agentを取得して表示させるページを指定するするプログラムでも作ろうと思ったら.htaccessを作成するだけでいけるみたいですね。

遅いですかね？

以下がそのソース

①キャリアごとに表示するページを変えたい版

－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－

Options +FollowSymLinks

RewriteEngine On

RewriteCond %{HTTP_USER_AGENT} DoCoMo

RewriteRule ^$ http://hogehoge.com/i/index.html [R]

RewriteCond %{HTTP_USER_AGENT} SoftBank

RewriteRule ^$ http://hogehoge.com/s/index.html [R]

RewriteCond %{HTTP_USER_AGENT} UP.Browser

RewriteRule ^$ http://hogehoge.com/au/index.html [R]

－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－

*User-Agentは変わる場合がありますのでその都度変更して下さい。

②キャリアに関係ない版

－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－

RewriteEngine On

RewriteCond %{HTTP_USER_AGENT} ^(DoCoMo|KDDI|DDIPOKET|UP\.Browser|J-PHONE|Vodafone|SoftBank)

RewriteRule ^$ /m/ [R]

－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－

□作業内容

1.メモ帳などに上記ソース（①または②）を貼り付ける。

2.赤字の箇所を任意のアドレスに変更する。

3.ファイル名をhtaccess.txtで保存する。

4.FTPソフトで振り分けたいページのあるディレクトリにhtaccess.txtをアップロードする。

5.｢htaccess.txt｣を｢.htaccess｣（*頭のドット【.】を忘れずに）にリネームする。

6.携帯でアクセスしてリダイレクトされているか確認する。

参考までに我が社の環境です。

PCサイト　http://castage.net/

携帯サイト　http://castage.net/mobile/index.swf　（フラッシュインタラクティブ再生）

ルートディレクトリに下記のソースを.htaccessに記述してアップロードしました。

－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－

RewriteEngine On

RewriteCond %{HTTP_USER_AGENT} ^(DoCoMo|KDDI|DDIPOKET|UP\.Browser|J-PHONE|Vodafone|SoftBank)

RewriteRule ^$ /mobile/index.swf [R]

－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－

作業は簡単でしたが、この備忘録に時間がかかりましたっていう。