携帯サイトを自分でコーディングしてみよう。

六花の挑戦です。(・ω・)ノ

そもそも「携帯サイトを自分でコーディングしよう」と思ったきっかけは、現在の自分のサイトを移転したいと思ったから。

開設以来、ポケットスペースを利用して運営している「North Star Company」
今思えば、開設したのはHTMLもろくに知らない頃でした…。
さて、先日ポケットスペースのサーバメンテナンスが行われたようで。その影響か、サイトのトップページが表示されない事態に。
ひとまず問い合わせメールを送った数日後に復活しましたが、度々こういうこともあるし、開設当時に比べてバナー広告が目立つようになって不満が…。その上、更新停滞で存在意義も危うくなっているので、思い切ってレンタルサーバへの移転＋リニューアルすることにしました。

さて、そんなこと言ってる矢先に、会社にも携帯サイト制作のお話が…。
詳細は分からないものの、いずれにせよ携帯用のコーディング知識は必要だ！

…と思ってさっそく良さげな本買って来ました。ついさっきのことです。(^-^;

自分のサイトだけなら、適当にHTML書いて作ればいいや、と思っていましたが、この際なので勉強も兼ねてXHTML＋CSSで作ることにします。(・ω・;

今日はやること探す勢いで手が空いていたので、あれやこれやとネットで検索…。
出来れば１つのソースで３キャリア対応がいいなぁ、と思っています。
各キャリアの対応状況を理解した上でデザインせねば。

とりあえず今日思ったこと↓

■やりたいことにもよるけれど、各キャリアごとにページを用意しなくてもいけるかも？
■１ページのサイズは50KBぐらいまでがいいのか…なるほど。
■文字コードはShift-JISにするのが無難そう。
■docomoでCSSを使う時は、直接タグにstyle属性で書くしかないらしい…。（めんどくせー）
■DOCTYPE宣言はどうするのが一番いいのやら。(・ω・;
■各キャリアの実装状況を見て、ブラウザ戦争がふと思い浮かびました。PCサイトのコーディングって、ほんと楽になったんだなぁ…。
■ところで実機テストどうするんだ？（全キャリアの携帯は会社にもない）


…そんな感じで。（-_-;）
家に帰ったら、さっそく購入した本を読みます！

…ぼちぼち頑張ります。（´∀｀;
では。

すぷらい。

またまたお久しぶりです。
六花です。

最近あまりイラストを描いていないもので、すっかりサイトは放置です。
PCサイトの立ち上げどころじゃない…。


さて、現在お仕事の関係で、Ajaxなるものをお勉強中です。
Googleマップとかで有名な技術です。

…と、言っても、本格的にプログラミングを勉強しているわけでもなく、
Spry（スプライ）というデザイナー向けのライブラリを使ってみるところから始めています。
ようは、あらかじめアニメーションさせるための処理だとかは、全部用意してくれているというわけです。
あとはそれを使うための処理を書いたりして…まぁ、JavaScriptをそこそこ知っていれば、楽にエフェクトアニメーション付のコンテンツが作れるかなぁ、といった感じです。
アニメーションをつけることだけがSpryじゃないと思いますけど…。
（やっぱり非同期通信とか、XMLを使用してこそのAjax…？）

ひとまずAjaxが必要なお仕事が始まるまでに、SpryをとかSpry以外のライブラリも勉強してみたいと思います。

ちゃんとできるかどうか不安です…。
やっぱりJavaScriptちょっと苦手みたいです。
ActionScriptのほうがまだ出来るほうかも…。

ではでは。

------

ついでなので、この前ペンタブを使って着色したイラストを投下していきます。
ペンタブも練習中です。ただ、主線は相変わらずアナログ。