3月 02

HEROES QRコード

■HEROES もっとスポーツを楽しもう
http://mobile.heroes.ne.jp/
■千葉ロッテマリーンズ大塚明公式サイト
http://mobile.heroes.ne.jp/ohtsuka
■千葉ロッテマリーンズ塀内久雄公式サイト
http://mobile.heroes.ne.jp/heiuchi
■千葉ロッテマリーンズ青野毅公式サイト
http://mobile.heroes.ne.jp/aono
■千葉ロッテマリーンズ内竜也公式サイト
http://mobile.heroes.ne.jp/uchi
■千葉ロッテマリーンズ大嶺祐太公式サイト
http://mobile.heroes.ne.jp/ohmine
※携帯からしか携帯版は見れません。UA切替でもないっぽい。

HEROESの携帯版が本日昼頃公開!
HEROES本体+大塚明選手ら千葉ロッテマリーンズの選手5名のサイトが携帯からも見れる様になりました!!

今回はコーディングだけじゃなくてPC版のデザインを元にデザインもウチがしました。
携帯サイトのデザインって単純に見えてファイル容量・キャリアごとの制約・ユーザビリティの特殊さとか注意しない事がいっぱいあって結構大変なんです。

それを全部ふまえつつKさんのPC版素敵デザインをどこまで忠実に携帯版化出来るかでスゲー悩みました。
まだまだ勉強中なので使いづらい所とかあったら教えてね!

画像の拡張子の切り替えとか絵文字の出力とかローカル環境の整備とかプログラマのアッキーさんに滅茶苦茶苦労&お世話かけつつ出来上がったので是非携帯からアクセスしてみてね!

デザイン渡した時にアッキーさんに「相当忠実に再現してんね」って言われて嬉しかったわぁ〜
何かWebに関してはプログラマさんに褒められんのが一番嬉しいかもしんない。
何か「プログラマ」ってだけで褒め言葉にものすごい説得力ある気がすんだよね。何でも知ってるし。

生まれ変わったらプロ野球選手かおまわりさんかプログラマになりて〜なぁ〜

2月 19

使ってるサーバがPHP5対応になったので携帯用プラグインを変えてみた。
Mobile Eye+からKtai Styleに変えてみた。

こっちは絵文字が使える上テンプレートもいじれるらしい。
暇を見てカスタマイズしよ〜っと♪

ついでに例のプロジェクトOP用にモバイルサイトを個人的に開発中です。
CakePHPで掲示板と簡単なページを作ってみようかと。
執筆の合間だからいつ完成するか分かんないけど頑張ります!
やっぱWeb遊びも好きだからやめらんねー!

1月 13

前提条件

  • 携帯サイトで<div>や見出し(<h1><h2>…など)に背景色をつけたい
  • <p>はdocomoで上下にスペースが空きすぎて使いづらい
  • 携帯サイトでもW3C準拠のソースを書きたい

全てに挙手っていうウチと気が合いそうな人にはXHTML 1.0 Transitionalをオススメします。
あなたとはとても仲良く出来そうです。
ついでにパ・リーグ好きだったりしたら付きあって下さい!位の勢いですw

Continue reading »

1月 04

Web年賀状制作復習メモ第一弾。
「とりあえず携帯サイト作るのにコノ辺は知っとこう」的なネタです。

知識0から今すぐ携帯サイトを完成させなきゃいけないWeb屋さん(先月のウチだ)に読んで頂けると、(先月のウチから削られた)睡眠時間をプレゼントできるかと思います。

最近の携帯Webブラウザは頭良くてCSSも割かし分かってくれます。
けどちょっと凝ったデザインをやろうとするととたんにツンツンしだします。
でれツンで非常に萎える事この上ない…。

主観でかしこさを羅列するとこんな感じ。
au > softbank >>> 越えられない壁 >>> docomo

ちなみにウチの知識レベルはこんな感じ。

XHTML・CSS ★★★★☆ そこそこ自信有り
PHP ☆☆☆☆☆ 超うんこ
携帯サイトの知識 ☆☆☆☆☆ 的場の打率程度

で、制作時に困った事ランキングは以下の通り。

  1. コーディング・CSS
  2. 絵文字
  3. pngとgif
  4. 1ページあたりの容量

ググれば解説はいっぱいあるけど小難しくて「結局の所、結論は!?結論だけ教えて!!」と頭がスポンジになりました。
ので、能書き抜きで出来る限りバッサリきっぱりクッキリ要点のみまとめます。

Continue reading »