あーもう、めんどくさいったらありゃしない(笑)
まぁ、仕方がないんですけれども。
うちの会社は携帯サイトについては現状オマケ程度でしかやってないので、正直ノウハウとか全然無いんだけれども、いざやるとなったら、最低限世に出しても恥ずかしくない位にはしておかないとまずいだろう。ということで、携帯サイトをつくるます。がんばるます。
既にPC用のサイトが出来上がっていて、そのページの内容を携帯でも見せたいという話です。
今後の事(メンテナンス)を考えて、3キャリア共通でいきます。というか、それ以上は僕の持ち場(スタティックHMTLのみ)ではたぶん無理っぽい。そこまで手間かけられないもの。
そんなわけで3キャリア対応HTMLの書き方についての情報をきちんとまとめられているサイトはこちら。
これらに一通り目を通せば、そこそこ現場でやってきた制作の人ならどうやって作るかは分かるはず。
- XHTML 1.0 Transitional
- 文字コードはShift_JIS
- CSSはインラインで記述
- docomoでXHTMLを表示するためにMIMEタイプを明示的にしていしてやる(HTMLヘッダへの記述と.htaccessでAddType)
- 画像はjpegとgif(jpegがベター)
これで3キャリア対応携帯サイトになると。絵文字は入れられないけど。
あとは、実際にPC用のHTMLをひたすら書き換えるわけだけど、便利なツールがあるのでご紹介。
- 文字コード変換ツール「KanjiTranslator」(フリーソフト)
文字通り文字コード変換ツール。最近はほとんどUTF-8なので、それを一括でSHIFT-JISに変換するのに使用。あっという間に変換できる。ありがたい。 - 変かな?v2.2 [半角変換ツール]
どうやらそういうツールがあったらしいのだけれど、サイトが閉鎖している模様で、入手できず。Vectorに載ってるのはバージョンが低くてフォルダ一括ができないから却下。 - Adobe Dreamweaver 10周年セミナー:全角・半角変換拡張機能
一括でやってくれるツールが見つからなかったので(知ってたら教えてください!)、ドリのマクロでやることにした。どのみち余計なタグを削るために1ページずつ見ていくことになるので、その時にマクロを実行すればいいだろう。 - FireMobileSimulator
”FireMobileSimulatorは、主要3キャリア(DoCoMo/Au/SoftBank)の携帯端末ブラウザをシミュレートして、モバイルサイト開発を容易にするために作成されたFirefoxのアドオンです。携帯端末のHTTPリクエスト、絵文字表示、位置情報送信機能などの動作をシミュレートすることができます。”
素晴らしい!
ということで、こんなXHTMLをテンプレートにして作業を進めました。
ポイントとして、docomoの”インラインスタイルシートのみに対応”には例外があって、aタグについては”style要素内にリンク疑似クラスを記述”とあるので、ここだけheadでstyle要素に記述してます。
<?xml version="1.0" encoding="shift_jis"?>
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis" />
<meta http-equiv="Content-Type" Content="application/xhtml+xml" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<title>title</title>
<style type="text/css">
<![CDATA[
a:link { color:#FF0000}
a:focus { color:#FFFFFF}
a:visited {color:#00FF00}
]]>
</style>
</head>
<body style="background-color: #0000FF;">
本文
</body>
</html>
一応ウチにある各キャリアの端末上の表示では特に気になるようなものは無かったけれど、端末毎にじぇんじぇん違う事があるっぽいので、あまり凝ったことはできないなぁ。なんて後ろ向きな発言をしつつ、もっと勉強しなきゃいかんなーと思いました。

THE BACK HORN、GRAPEVINEを聞いていたと言うだけあって、そのテイストが感じられる曲調。3ピースでも音にしっかりとした厚みがあって、バランスが良いと思った。
その名の通り、切なくて冷たい雨が降る。TK(男性Vo)のハイトーンは好みが分かれるところだが、345(女性Vo)とのツインボーカルが生み出す緊迫感はとても狂おしく、破滅的で情緒に溢れている。
でもね、曲はめっちゃカッコイイス。そういう細かいところを気にするアホウは僕くらいなもんで、良いアルバムに仕上がってますよ。
いやはや、凄いの見てもーた。基本はスクリーモなんですが、エモが来たと思ったらいきなりエレクトロニカなん?4つ打ちなん?っていう最高の一品です。
1曲目の「insurance?」からいきなり「It's Only Natural」と似たテイストのノリノリナンバーで、一気に持ってかれてしまいました。全体的に気持ちよく聴けるアルバムに仕上がっています。
埼玉産インディーズバンドLooking For。同郷なら応援しないわけにはいかない。とにかくメロディック・メロディックなのであります。まさしく僕好み。ありがとうございます。
初めて聴いた感想はズバリ「つまらん」。
で、封印しようかと思いつつ、他に聴くものもないし・・・などとループ再生していたところ・・・4,5回目くらいから良くなってきました。
僕のファーストインプレッションは、
「んー、フライングキッズ?いや、オリジナルラヴ?」
でした。
前作 rapture が割とアップテンポで勢いのある印象だったので、アップテンポ好きな僕には少し物足りないというか、お子ちゃまな僕の好きな路線とはちょっと違うかなぁという感想。
女性Vo.なんですが、彼女の声と曲の世界観が絶妙です。彼女の声を聴いていると、切なくなるような、苦しくなるような、かと思えば一気に解放されるような、フワフワ浮かんでいるような。
クラムボンが好きな人とかすんなり聴けるんじゃないかと思います。
正統派J-popとでもいうべき非常に聴きやすい作品。メロディーも心地よく耳に残る感じ。無意識のうちに結構気に入っていたらしく、このまえ気付いたら4曲目のサビをひたすら口ずさんでました。
コメントする