Category Archives: Firefox

codecheck.inに初コミット

初コミット、 いやー緊張しました^^;

僕のブログで一番アクセスがあるエントリー「User Agent Switcher の携帯用のXML」 で公開してる [useragentswitcher.xml]というファイルをcodecheck.inにコミットしました。

ついでに以下の機種情報(useragent)をXMLに追記しました。

  • FOMAの端末/カード製造番号付
  • movaの製造番号付
  • iPhone (新旧2つ)
  • iPod Touch (新旧2つ)

おかしいところがあったら指摘お願いします。
今後はXMLの修正は、codecheck.inの方で行わせてもらうつもりです。

タグ: , , , , ,

Firefoxを簡単に携帯エミュレータにするアドオン「FireMobileSimulator」が素晴らしい件について

追記 2009/05/24)
Webデザイナー向けの絵文字ライブラリを公開しました。
codecheck.in:PHP携帯絵文字表示ライブラリ(PHP埋込型・au絵文字名対応版)のダウンロードサイトはこちら

ダウンロードや使い方の説明は上記のリンク先をご覧ください。
絵文字一覧表はこちら


携帯開発者がずっと待望だったFirefoxのアドオンでの携帯シミュレーター、それがFireMobileSimulator

FireMobileSimulator でFDS実際に携帯サイト(FDS)を表示してみたのが左の画像。

  • PHPでの携帯分岐処理も出てる(UserAgent)
  • 絵文字変換にもちゃんと対応!
    (絵文字コードをDocomoの絵文字で、imgタグで置換されます)
  • オプションを見ると、機種固有IDとかGPSの位置情報も設定できる

今後に期待したい所

  • 指定機種の画面幅で表示(240px)になってくれるだけでも大分助かる。切り替えられたステキ。
  • 絵文字をAUで表示確認したい。
    (これも切り替えられたらステキ)
  • 携帯用CSSのエミュレート
    • DocomoがインラインCSSをどうレンダリングするとかがかなり大変そうだけど。。。

以下スクリーンショットとか。

[ツール]メニューから簡単に機種指定をできます。
一番下の[option]で各種設定。
FireMobileSimulator

機種固有IDも指定可能。
FireMobileSimulator のオプション画面1

デバイスの設定も追加できる。
iPhoneもしっかりありました。
UserAgentをXMLとかで インポート・エキスポートでやり取りできたらとてもステキなんだけどな〜
FireMobileSimulator のオプション画面1

位置情報まで設定できちゃいました!

GPS座標の入力画面
ただ私の環境ではAuでの位置送信ができませんでした。
(上記数字はAIPcafeの座標)

追記 2008/09/22)
AUでの位置情報の指定ができました!
単に私の位置座標指定を間違っていましたm(_ _)m
なんと制作者本人のthorikawaさんのコメントのご指摘のとおり、座標指定を正しく行い位置情報送信が成功しました。

  • ホットペッパーの携帯版にアクセスしたら403になった(IPで制限されてるっぽい)
  • 適当に検索して出て来た このへん.mobi ってサイトで[GPSから現在位置をセットする]を試してみたけどダメだった。
  • AUの位置指定はdms(dd.mm.ss.sss)度表示であり、Google Mapsからの座標はdegree度表示のため変換が必要
    • thorikawaさんが教えてくれた「経緯緯度の表示形式変換」のサイトを使うと楽です。
      (右側のdegree度表示の方にGoogle Mapsの座標を入れます
    • AIPcafeの座標だとこんな感じ
      東経 130.395505 → 130.23.43.818 (dms度表示)
      北緯 33.587851 → 33.35.16.264 (dms度表示)
    • 頭に「+(プラス)」を忘れずに!

改めて[このへん.mobi]で実際に試してみました。
位置情報通知確認画面

上の画面から見事に位置情報を送信できました!

住所が「福岡県福岡市中央区大名一丁目14付近」となってるのがわかると思います。
GPSの位置情報送信結果

かなりオススメです!
誰か作らないなら作るしかないかな〜と思ってたぐらいだったので、めちゃめちゃ感動したアドオンです。
Firebug,Webdeveloperについで必須のアドオンになりました。

携帯サイト制作オススメ書籍

携帯サイト コーディング&デザイン

モバイルユーザビリティ・デザイン Web制作者が身につけておくべき新・100の法則。
PHP×携帯サイト デベロッパーズバイブル

タグ: , , , , , , , , ,

本当に速いんかな?

Google Chromeですが、そんなに速いかな?
と思ったのが第一印象。

(なんだか喧嘩売ってると思われたらどうしよう)

メインがMac / Firefoxで、めっちゃ拡張入れてるそれよりも体感速度は確実に速いですが。
(IEは論外ねw)

少し古めのサブPCのWindows XPにも、ほぼプレーンなFirefoxを入れてるのですが、
そいつにChrome入れて比べるとそこまで変わらない気がした。
拡張もほとんど入れてないし、RSSなブックマーク(最新記事一覧の取得)もしてないFirefoxと比べてです。

Firefoxは便利な拡張をどんどん入れていって徐々に遅くなっているのに気付かずに慣れてたのかなーと。
Mac版も出て、拡張を入れても速いままかどうかですね。
(それでもWindowsではメインブラウザになりそうな予感)

Chrome(クローム)を、あえて「ちょろめ」とtwで呼んでる人達がいた。
なんだか可愛いw

関係無いけどWindows / Safari3のCSSのレンダリングは若干癖あるよね。

WebKitのレンダリングに泣いた事がある人はnishiaki氏の「Google ChromeとWebKit」を読めばいいと思うよ。

この投稿にタグはありません。

WindowsのFirefox3で白い半透明のDIVで覆われる原因はGoogle Analyticsだった

ある日、何も手を加えていないブログに、突然ブログ画面上が白い半透明のボックスに覆われてしまいました。
リンクも効かなくなりました。
Google AnalyticsがWindows/Firefox3でおかしくなった現象
現象は、Windows XP / Firefox3だけの現象です。

原因を調べると、アクセス解析で利用してるGoogle AnalyticsのJavascriptが関係してるようで、以下のDIVタグがページ内に生成されてました。

<div style="position: absolute; left: 0px; top: 0px; width: 100%; height: 1000px; background-color: rgb(238, 238, 238); opacity: 0.5; z-index: 100000; display: block;" id="ga_shade"></div>

このDIVが何故必要か、また検証してないのではっきりとわかりませんが、Google Analyticsのgoogle-analytics.com/ga.js 上で何かしら分岐処理にミスがあったんじゃないかなと予測してます。

尚、この現象はGoogle Analyticsの貼付けるJavascriptの新旧を問わず起きました。
私の方はここ最近のhttpsにも対応したJSで、同じ現象が起きたMutsulogは旧来のJSでした。

対応策として、CSSに以下を追記することで解決します。
!important指定で強制的に非表示にしました。

/* for Google analytics Bug on Win/FF3 */
#ga_shade, x:-moz-broken{display:none !important;}

x:-moz-broken はFirefox3から新たに対応してる疑似クラスです。
対応してない疑似クラスを指定したグループのCSS指定が無効になる現象を利用してます。

なんだか最近、Google周りで変な挙動が起きてるような気が。
前記事に書いたFirefox3でFirebugが異常に重い現象も正式にGoogle Gmailの方で告知されるようになりました。(この記事の追記で少し書いてます)

まーしばらくしたら対応してくれるでしょう。

追記:2008/11/09)
トラックバック先から、どうも[サイト上のデータ表示]を正しく閉じてないと起きる現象のようです。

Fragments of Life – blog画面上部が半透明の何かに覆われる(Firefoxだけ?)

Google Analyticsの機能で、[コンテンツ]→[サイト上のデータ表示]で表示した
ポップアップ画面を正しく閉じないと今回のような現象が起きるようです。
つまりはGoogle Analyticsのバグ?

ヘルプを探しても見つからなかったですが、確かにそれっぽい。

タグ: , , ,

Firefox3でFirebugが異常に重い

以下の環境で、Firebugが激重になったで思わずアドオンで無効にしました。

全部のページで重いわけでなくて、Gmailで重くなりました。
誰か同じ現象に合った人いないかな?
他のアドオンとの相性とかなんかなー。

追記:2008/7/13)
Firefox上でFirebugを有効にすると、Gmailで下記の警告が出るようになりました。
(Windows XP / Firefox2 )
GmailがFirefox3のFirebugで動作が重くなる

Firebug により Gmail の速度が低下します

ともかくGmailを見るときはFirefox2でもFirefox3でも、Firebugは無効にしておくおか、アドオンから一時的にはずしておいた方がよさそうです。

なんだか最近Google周りで不可解な現状が起きてます、、、どうしたんだろう?

この投稿にタグはありません。