京ぽんでモブログ

デスクトップモードで文字を一段階小さくしたらカレンダー切れがなくなりました。これだと少し文字が小さいのでズームを一段階上げると閲覧にもちょうど良く。
ですが、この作業自体を毎回行うのはちょっと面倒ですね…。

>>司さん
　再度のコメントありがとうございます。
　さっそく、私も再度、このブログをデスクトップモードにて、文字サイズ12 dot 、ズーム110% で表示させてみました。
　すると、カレンダー部等のサイドのカラム部もパソコンで見ているようなレイアウトで表示できました。
(人-)謝謝(-人)謝謝

　でも、デスクトップモードっていうのは、ほんとに最終手段ですよね。普段はやっぱり縦スクロールのみで閲覧可能なケータイモードでの閲覧がメインになるかと思います。

　まぁ、出先で自分のブログをケータイでチェックするということはあまりないので、非常用でもいいんですけど…。

　それにしてもスクロールボタンで半画面しかスクロールしないっていうのは目線が次、どこにおいていいのかわからずツライです。
(´･ω･`)ｼｮﾎﾞｰﾝ

お邪魔します。
デスクトップモードでカレンダーの切れるのは、CSSの記述がそうなっているからです。
カレンダーを含むサイドバー (ID:right) に対して width: 19% と指定されています。スクリーン幅がある程度より狭ければ内容が切れるのはPCであろうと同じです。

仮想デスクトップサイズは…。VGAでないというのが笑い所でしょうか。
# 640x400はPC-9801かX1turboか。

もしWX310SAを満喫したければ、メディアタイプ handheld で携帯機器専用CSSに挑戦しては如何でしょう。NetFront v3.3が認識するかは不明です、というか誰も興味が無いのか。AH-K3001VのOperaは認識しましたんでデファクトスタンダードです。

>>もとひこさん
　はじめまして。コメントありがとうございます。

　そうなんです、 CSS の書き方が悪いのはわかっているんですが、どこをどのように直せばいいのかわからないんです。
　サイドバーが画面全体の19% ですから、 NetFront はそのスタイルシートの設定を元に表現しているんでしょうけどね。

　本当であれば、カレンダー部の文字の大きさを画面の大きさに合わせて変更できるようにすることができればいいんでしょうけどね。知識がおいついてきません。＿|￣|○

　とりあえず、カレンダー部のフォントサイズを一番小さい xx-small にしてみました。
　ん～。これだと、文字サイズ12 dot 、ズーム110%でカレンダー部はいい感じですね。

　って、よく見たら、昨日の記事でも同じ設定でした。フォントサイズを変えた意味が…。

　再度、「handheld メディアタイプ」でググってみましたらもとひこさんのおっしゃる意味が少しわかったような気がしました。

　見る端末に対して、 CSS での設定を変えてあげる様に書式を指定してあげるんですね。

　どこをどのように設定していけばいいのか、まだまだわかりませんが、少しずつ勉強していきたいと思います。
　貴重な御意見をありがとうございました。

モックアップを作ってみました。
http://www1.ttcn.ne.jp/amotohiko/temp/iamk.net/
# 京ぽんOperaのバグに悩まされたのは秘密(w

ミソは、
・CSSファイルのリンク時にメディアタイプ指定を追加。
・携帯機器向けのファイルでは、「段組」の解除と幅指定の解除を !important で上書き。

FirefoxとかOperaなら、スタイルシート切り替えで雰囲気を試せます。

少なくとも数日後には消しますが、問題があるようなら直ぐにでも。

ファイルは次の3つですが、2番目は書き換えていません。
http://www1.ttcn.ne.jp/amotohiko/temp/iamk.net/index.html
http://www1.ttcn.ne.jp/amotohiko/temp/iamk.net/styles-site.css
http://www1.ttcn.ne.jp/amotohiko/temp/iamk.net/styles-site-ssr.css

あとは煮るなり焼くなり。

>>もとひこさん
　わざわざ特別サイトを作成してくださってありがとうございます。

　さっそく、 WX310SA にて

http://www1.ttcn.ne.jp/amotohiko/temp/iamk.net/

　に、アクセスしてみたのですが、 WX310SA の NetFront では

>>・携帯機器向けのファイルでは、「段組」の解除と幅指定の解除を !important で上書き。

　というのが効いていません。(「ケータイモード」と「スマートフィットモード」ともに)

　私の勉強不足が大きいのですが、 WX310SA の NetFront からアクセスしたときに「携帯機器向け」だと判断させることができていないように思います。

　その後、本屋でホームページ作製関係の本を立ち読み(^^;してきましたが、 JavaScript でモバイル用のアドレスに飛ばすのも一つの手かなと思いました。

　ちょっと JavaScript の知識も全然ないもので、いまだにそういったサイトにできていないのですが、これらは今後の課題とさせていただきます。

ふむ、残念というか。回避策 (メディアタイプ "handheld" は根本的なものじゃないと思ってます) が使えないのは余りにも痛いですね。

> JavaScript でモバイル用のアドレスに飛ばすのも一つの手かなと思いました。
飛ばさずともCSSファイル指定を書き換えることでもOKでしょう。ただしそれをするのは簡単ですが、
> ケータイモード
> 　Mozilla/3.0(WILLCOM;SANYO/WX310SA/2;1/1/C128) NetFront/3.3
>
> Smart-Fit モード
> 　Mozilla/4.08(MobilePhone; NMCS/3.3) NetFront/3.3
>
> デスクトップモード
> 　Mozilla/4.08(MobilePhone; NMCS/3.3) NetFront/3.3
>
がやはり痛すぎる。Smart-Fitモード、デスクトップモードで "WX310SA" が入ってない、限りなくバグに近い仕様が…。
W-ZERO3でもNetFrontが使える訳で、こちらは480×640とWX310SAの4倍の面積。同じCSSで対応させるのはちょっと厄介です。
で、区別させたいんですが、区別しきれないと。
無論JavaScriptが無効だと使えないのが一番の難点。

いや、それよりも仕様にちょっと立ち入ったことを聞くとNDA (秘密保持契約) を要求するAccessって。

>>もとひこさん、毎度ありがとうございます。

　メディアタイプによる回避策なんですが、 WX310SA 以外からのアクセスではきちんと表示できるんでしょうか？(って、それは Firefox や Opera で確認してみればいいんですね(^^;)

>飛ばさずともCSSファイル指定を書き換えることでもOKでしょう。ただしそれをするのは簡単ですが、

　うーん、簡単と言われてもそれを実行できるだけの能力が私にはありません。ごめんなさい。

　とりあえずケータイモードでは「 WX310SA 」の文字があるのでそれをキーワードに専用の CSS に対応させることができるのでしょうか？

　ケータイモードと Smart-Fit モードの違いって、このユーザーエージェント以外に何が違うんでしょうね。

　私にはケータイモードだとマルチファンクションキーの左押しで「戻る」ができなくなるのがツライです。(2ちゃんねる閲覧でリンク先に飛んだ時、マルチファンクションキーの左押しで戻ると読んでいた所まで戻れますが、メールボタンでの戻るだとページの最初に戻ってしまうように思います)

　あとは W-ZERO3 がどのようなユーザーエージェントで現れるかですね。

とりあえず出来はしたのですが、Firefox、Opera 7.03では機能するのに京ぽん用Operaで動きません。変なことはしてないのに。というかOpera 7.03/WinとOpera 7/WX300Kにそんなに違いがあるのか。

とりあえず
http://www1.ttcn.ne.jp/amotohiko/temp/iamk.net/
に仕込んであるのでどぞ。ソースは↓
http://www1.ttcn.ne.jp/amotohiko/temp/iamk.net/ssr.js

ダメです。京ぽん、というかOpera for SmartPhoneのバグの為、WX300Kではダメでした。

店頭展示のWX310SAで件のURIを参照してみましたが、だめですね。難しいことはしてないんだけどなぁ (というか態と解釈されやすいように書き換えてある)。

>>もとひこさん
　引き続き、検証作業ありがとうございます。
　私も何回かは試してみたのですが、フレーム無しにはならなかったんですよね。
　せっかくいろいろ試してくださっているようですが、私の知識ではソースを見ても何がなにやらわかりません。
　お役にたてずに申し訳ありません。

http://www.sigeharu.com/~airh/up/img/9560.jpg
http://www.sigeharu.com/~airh/up/img/9561.jpg
共にWX321JのNetFront3.4です。きちんと表示されるようになりました。
スクロールも1・3・5行・全画面の選択制に

　Wx321Jユーザーさん、新しい機種での当ブログの表示をわざわざ画面まで撮っていただいて、コメントありがとうございます。

　私のブログなんですが、この記事を書いた後に、スタイルシートを3カラムでも%(パーセント)指定ではなく、dot(ドット)数指定に変更しました。

　その結果、WX310SAでも縦一列に表示できるようになったと思っていたのですが、今は W-ZERO3 [ es ] に機種変してしまったせいで、確認のしようがありません。

　それでも、ネットフロントの仕様変更は嬉しいですね。

　私の機種変は今後まだどのようになるかわかりませんが、WX321Jのスレもこれからチェックしてみようと思います。

　情報ありがとうございました。