2009/3/19 木曜日 – 19:48:40
(
8)
(
0)
(
1)
(
1)
Total: 10
今制作してる携帯サイトの案件で、かなり参りました。
携帯サイトで共通パーツがあり、ページによって表示／非表示させたり順番を並べ替えないといけなかったしてしたので、
Dreamweaverのライブラリを使いました。
そしたら、Dreamweaver CS3でフォルダへのリンクの不具合を解決するハック – kazkiScopeでも書かれてる以下の不具合に遭遇。
不具合その2：ライブラリでフォルダをリンク先に指定したとき、末尾のスラッシュが外れる
これも再現してみます。ライブラリを作成して、特定のフォルダへのリンクを作成します。
<a href="../folder/">フォルダへのリンク</a>
（/Library/test.lbi）
そして、このライブラリをルート直下のhtmlに配置してみると、
<a href="folder">フォルダへのリンク</a>
（/test.html内）
……リンク自体は有効だけど、末尾のスラッシュが外れている。
そう！これ！同じ問題起きたよ！
docomoはリンクでディレクトリ指定するとき、最後の”/(スラッシュ)”が無いと、
『サイトが移動しました(301)』
とエラーメッセージが出てしまいます。
参考サイト）
DoCoMo サイトが移動しました(301)：クリエイターズブログ：ほのおのクリエイターズ
DoCoMoで「サイトが移動しました(301)」が出る場合 – Apelog
kazkiScopeさんのエントリーでは親切にも解決策も書いてくれてた。
「ライブラリ内でのフォルダに対するリンク先は、href=”../folder/./”というように最後に”./”を追加して指定する」
おー！これで治る、いやっほー♪
と思って試してみたら、、、、
Mac / DW CS3では不具合が治らなかった….orz
結構、昔からの問題みたいでDW8ぐらいからあったらしい。
（2chでも「テンプレートのオプション領域で代用してる」、って人もいた。）
今回は、全ページPHPなサイトなので、ライブラリ(.lbi)を、PHPで書き直してPHPのincludeさせる方向で修正する事にしました…orz
あまりに悔しかったので、Adobeサポートセンターに不具合の以下の報告した。
******不具合報告******
不具合の内容:
・Libraryでディレクトリ指定のリンク（最後が”/”スラッシュで終わる形)をすると、
利用したHTMLでは、最後の”/”スラッシュが無くなる。
このままだと一部のブラウザで301エラーを返してしまう。
(docomo携帯ブラウザ等)
問題の再現方法:
1.ライブラリでリンクをディレクトリで指定
/Library/test.lbi
<a href=”../directory/”>リンク</a>
2. 1のライブラリをHTMLで利用する
結果:
<a href=”directory”>リンク</a>
と、”/”で終わらない。
期待した結果:
<a href=”directory/”>リンク</a>
スラッシュでリンクが終わる事。
明示的にディレクトリを指定してるのだから、”/”で終わらせるべき。
決してイレギュラーな使い方じゃないと思うんだ。
kazkiScopeさんもエントリー中で書かれてるけど、なんとかしてくださいよ、Adobeの開発者さん。
テンプレート機能とかは満足してるのだから。
この投稿にタグはありません。
2009/3/17 火曜日 – 5:19:21
(
3)
(
0)
(
0)
(
0)
Total: 3
Ezwebかどうかを判断する際に、UserAgentに’UP.Browser’の文字列があるか無いかで判断するのが一般的だと思います。
function is_ezweb(){
return strpos($_SERVER['HTTP_USER_AGENT'], 'UP.Browser') !== false;
}
これはこれで間違いないんですが、単体でチェックする時には注意が必要です。
個人的に、Ezwebかどうか判断する前にSoftbank機種かをチェックしておかないといけないと思ってます。
理由は忌まわしきVodafoneの804SH,802SHのせいです。
追記) 他にもありましたm(_ _)m
2009年3月現在：903SH,902SH,804SH,802SH,802N,703SHf,703SH,703Nの8個
docomoにも過去、’UP.Browser’の文字列がある機種があった模様。
PANASONICのPHSの[P-PAT]と[D2]の2機種。(WAPブラウザだったらしい)
しかし、正確なUseragentはおろか発売時期すら確認できず。
完全に無視してよい機種だと思います。
(追記ここまで)
Read More »
タグ: CakePHP, PIF, UserAgent, メモ, 判別, 役に立たない, 携帯サイトデザイン, 書いてみた
2009/3/12 木曜日 – 13:30:49
(
1)
(
0)
(
1)
(
0)
Total: 2
ハマったので自分なりのメモ。
後々追記／編集していきます。
■3キャリアでの共通文字サイズ（大中小）の指定
<span style=”font-size:x-large”>大</span>
<span style=”font-size:medium”>中</span>
<span style=”font-size:xx-small”>小</span>
- AUの古い機種(PENCK)では、小サイズは x-smallでもいけたのに、最近のAUではダメだった。
- docomoのFOMA(N703i)ではx-smallでもxx-smallでもOKだった。
- ３段階以外の文字サイズは無いっぽい
■marqueeについて
- <div style=“display:-wap-marquee; -wap-marquee-loop: infinite;“>docomoは全角で32文字まで</div>
と書く。（無限ループ）
- wap-marquee-loop: infinite; を書かないとauでループしない。1回で終わる。
- docomoで全角32文字以上はスクロールから消える。
- <div style=“display:-wap-marquee;”><marguee>全角で32文字まで</marguee></div>
とすれば、PCでもプレビューできるし古い機種でも対応できるけれども、auでは上記の問題で1回しかスクロールしない。
AUで表示されないので二重指定しない。
- テキストの真ん中揃え指定してる中で、margueeを使うと不具合。
<div style=“text-aling:center;>
<div style=“display:-wap-marquee; text-aling:left;>流れる文字</div>
</div>
とすると一部のSoftbankで、真ん中からスクロールされる現象に。display:-wap-marquee; を指定するdivに、左寄せを指定して回避。
<div style=“text-aling:center;>
<div style=“display:-wap-marquee; text-aling:left;>流れる文字</div>
</div>
■リンクのフォーカス時の背景色について
各キャリアとも<head>内に指定できる（docomoは唯一まともに書けるCSS）
<style type=”text/css”>
<![CDATA[
a:link{color:#006666;}
a:focus{color:#ffffff;}
a:visited{color:#ff00ff;}
]]>
</style>
docomoのせいで外部CSSでまとめて指定は無理。
各ページに個別に書く事。
□docomoの場合
リンクがフォーカスされた場合、背景色がa:linkの色、文字色がa:focusの指定色になる。
そのため、 a:linkとa:focusの色はなるべくコントラストがハッキリしてる方がいい。
例） 上記の設定だと、リンクの色がこれだったら、フォーカスされたらこんな感じ
□AUの場合
各リンク色が背景色、文字色は補色(反対の色)になる。
例）上記の設定で。
未訪問(a:link)のリンクの色がこれだったら、フォーカスされたらこんな感じ
訪問済(a:visited)のリンクの色がこれだったら、フォーカスされたらこんな感じ
タグ: CSS, TIPS, メモ, 携帯サイトデザイン
2009/3/10 火曜日 – 10:24:13
(
0)
(
0)
(
0)
(
0)
Total: 0
Netbeansの日本公式キャラクターの「ねこび〜ん」が一周年を迎えました。
（ワーパチパチパチ^^/）
ねこび〜ん生誕1周年記念企画でバースデー壁紙が配信中です。
さっそくディスクトップと携帯の待受を変更。
Read More »
タグ: NetBeans, ねこび〜ん
2009/3/7 土曜日 – 21:51:59
(
0)
(
0)
(
0)
(
0)
Total: 0
年始ぐらいから大変お世話になってる書籍です。
「携帯サイト」と聞いただけでアレルギー反応出してるWebデザイナーやプログラマーさんにオススメです。
Read More »
タグ: PHP, 携帯サイトデザイン, 絵文字
