2005 -10-31 ( Mon )

私が制作したテンプレートをSafariで編集すると、追記展開部分のリンクが一切表示されなくなってしまう不具合を発見したので、修正しました。
対象となるのは最近制作した、以下の四点です。

  1. beads_1
  2. beads_2
  3. hechima
  4. cycle

うぅ、Mac使いのユーザーさんのブログ見るまで気付きませんでした…今さら直しましたって言っても、当のSafari使いさんは「何これ、バグじゃん!」ってテンプレ変えちゃってるだろうな。ショボーン(´・ω・)

ところで、ダウンロードページに変更のお知らせを書いていたら、また投稿時間制限がかかってコメントできなくなりました。
これでまた、二ヶ月はダウンロードページに何も書けません。
あの〜深月さん、この仕様何とかなりませんか(こんなところでお願いしてみる)

More

何故Safariに限ってこんな不具合が起きるのか、詳しく書いておきます。興味のある方だけお読みください。
MacOSXの標準ブラウザ「Safari」は非常に優秀なのですが、
「文字コードにeuc-jpが指定されているテキストボックス内ではバックスラッシュ(半角の¥)が半角の?に化けて表示される」
という微妙なバグがあります。

参考:Safari で半角の¥、\を投稿すると文字化けする

普通にインターネットをやっている分には全く問題ありませんが、ブラウザ上でテンプレートを編集・更新することを前提にしているレンタルブログでは、予想も付かない不具合が出てしまいます。
Safari使いではないテンプレートの作者がJavaScriptやCSSの都合で使った「バックスラッシュ」が、Safari使いのユーザーさんが編集するときには「半角の?」に化けて表示され、更新した途端に表示がおかしくなってしまう…ということが、高度な技術を持ったテンプレート作者が多いFC2ブログではけっこう頻繁に起きているのです
(と言うか私が今そうなった 別に高度なことしてなかったのに 苦笑)。

今のところこれを解決する方法は、二つしかありません。
作者側が一切バックスラッシュを使用せずにテンプレートを作るか、ユーザーがテンプレートを更新するときはMacIE・Netscapeなどの他ブラウザを使うかです。
でもスタイルシートの解釈が優秀なSafariをテンプレートのプレビューに使えないというのは致命的ですから、作者側が対処するしかないんでしょうね。う〜ん。

とりあえず、次のテンプレートから追記展開スクリプトを今までの自作じゃなくて、詳しい方が作った既知のものに変えるしかないですね。

Theme
共有テンプレート  >> ブログ

Comment

便乗します。ウチでも、サポートフォーラムでも話したことがあるんですが、(洵さんとっくに修正済みだと思ってた……灯台下暗し。)
>高度な技術を持ったテンプレート作者が多いFC2ブログではけっこう頻繁に起きている
ということで、cfdnさんのテンプレートで起きます。ということは公式テンプレートのsampleやcfdn_09などを元にしたカスタマイズ共有テンプレートでも起きているということです。

これの回避方法はただ一つ。
「テンプレートの編集はSafariで行わない。」
これだけです(涙)。

私の場合、通常のブラウズはSafariで(だってやっぱり一番キレイ♪)、テンプレートの編集時のみFirefoxで行っています。
うっかりSafariでやってしまって「あっ!間違えた!」と慌ててエディタにコピーし「?」を「バックスラッシュ」(今Safariなのでカタカナ)に置換してもっかいペースト、ということもしょっちゅうやっていますが(^^;

>WebbingStudioからMacOSX使いさんへお知らせ

こんばんは。
テンプレートの修正、ありがとうございました!
しかも、またまたすんごく素早い対応で、感動しました。
「あれ?”Read more”がでないや・・・」って思ったんですが、
ま、良いか♪って、サラッと流していました(^_^;)
良かった。「自分で何とかしよう」とか、変な気を起こさなくて。
自分では絶対解決できてなかったと思います。
safari、色々便利でメインブラウザにしているんですが、こんなバグがあったんですね。
テンプレート編集はIEで。これからはそうします。

あ、それからflashの画像、勝手にキャプチャしてblogに貼り付けてしまいました。
先に断りを入れようと思っていたのですが、
早くしないとハロウィンが終わってしまう・・・と思ったもので。
その後に事後報告ですがここに記載しようと思っていたんですが、
気が付けば(と言うより気が付かなかったんですが)
あまりの眠さに夢の中でした。
事後報告ですみません。問題がございましたら言ってください。

>WebbingStudioからMacOSX使いさんへお知らせ

>sugarさん
いや〜、CSSハックにばかり目が行っていて、Safariのバグについて知る前にHTMLの中に書いた「\」のことをとんとわすれていました。お莫迦です。
HTMLは一度形が決まってしまったらあまり見直しをしないもので…(と言い訳してみる)。

公式テンプレートは、趣味でやっている私たち以上に様々な表示環境を考慮しなくてはいけないのだと思います。
「構造と装飾の完全分離+アクセシビリティを重視したウェブサイト構築」でご飯を食べているのだから、やはりその辺をPRしなければならないでしょうし(^^;

>「?」を「バックスラッシュ」(今Safariなのでカタカナ)に置換してもっかいペースト
おぉ、そうやって直しているんですか!
Safariユーザーの皆さんの苦労がしのばれます(;;)
と言うか、微妙なバグを残してくれたものです…

あ、ちなみに私は見出しにArialやGeorgiaを使ったときに映えるので、普通の文はアンチエイリアスかかってない方がいいなあ(笑)

>mlhさん
こちらこそありがとうございます。そちらのブログを拝見しなかったら、ずっと気付かないままでいるところでした。
テンプレート配布をやっていると、こうして他の表示環境のユーザーさんに教えられることが多く、助かっています。

ここのお客様にもSafariを使っている方は多いのですが、皆さんカスタマイズには苦労してらっしゃいます。
MacIEはスタイルシートに関する読み間違いが多いので、SafariとIE両方起動して、IEで更新しながらSafariでプレビュー、という方法で対処しているようですよ。
でもそれを知っていながら失敗するWinユーザーがここにいるわけで…(苦笑)すみません。

キャプチャは構いませんよ〜
丁寧に紹介していただいて、とても嬉しいです♪普段のと並べて比較してるところで、自分の作品ながら笑ってしまいました。

>WebbingStudioからMacOSX使いさんへお知らせ

Mozilla を、ファ、Firefox を…
紹介していただけたら約一名勝手に喜びます(笑
(by Firefox 大好き)
名前が出てこなかったので… orz

でも、編集する側がバックスラッシュだと気づき難いと思うので、作る側は大変ですね。他にも注意することが多いですし。
ただ、私は大変な方が張り合いがあってイイです(笑


そういえば、Opera は
*:before, *:after {content: "";}
というのがあると改行が化けるか何かでおかしくなったと思います。友人作のテンプレートで起こったそうです。
(公式をベースにしたとか何とか…)

>WebbingStudioからMacOSX使いさんへお知らせ

火狐使いのR'styleさんこんばんは〜
そうだ、MacにもFirefoxがあるんだった。IEとダブル起動するくらいならこっちの方がいいですよね。

というわけでWin・Mac共にFC2BLOGの編集にはFirefoxを!(私も火狐使い♪)

Operaはcontentの初期化でバグるのですか。
私はCSS2をほとんど使っていないので、あれってそれほど必要なものなのか?初期化をする意味はあるのか??とか考えてしまいます。
古いOperaには全称セレクタ(*)周りの重大なバグがあったようですが、これも関係あるのでしょうか。

いずれにしても、入力フォームで修正することが前提になるテンプレートで完全に不具合を回避することは難しいですね。流石にテンプレートの更新までいろんなブラウザを試してられないし…
結局のところ、難しいことはするなというのですか( TдT)ああぅ

>WebbingStudioからMacOSX使いさんへお知らせ

Firefoxユーザーですが、Macのfirefoxはゴ…(略)。

>WebbingStudioからMacOSX使いさんへお知らせ

あう!だめですかMacFx。

う〜ん、Mac使ってないので情報だけではよくわからない…
あのお弁当箱みたいなMacがほしい今日この頃。

>WebbingStudioからMacOSX使いさんへお知らせ

Safariがつかえる環境(つまりOSX)なら、テンプレートの編集もmacIEよりFirefoxがオススメですね。見栄えの確認もそのままできますから。

>お弁当箱みたいなMac
danielさんもお弁当箱ユーザになったし、洵さんもこの際!

あ いえ
http://browsershots.org/
つかってください。管理編集時のbugまでは分かりませんが……

>WebbingStudioからMacOSX使いさんへお知らせ

>洵さんもこの際
それ以前に自分専用のWin機が欲しいです 三´_ゝ`)
学費のローンが終わる春まで我慢します
・・・
誰かお金くださ(殴)

>browsershots
ここ、先日ブクマしましたよ〜
自分の持っていない環境を確認できるのが便利ですよね。
表示されたときにパソコの前にいるかどうかが最大の難関だと思いますが(^^;お店の内装がやっと決まったので、早速活用しようと思います。
Post comment

管理者のみ読めるようにする

Trackback

trackback URL
http://webbingstudio.blog10.fc2.com/tb.php/249-941fe0e1
引用して記事を書く(FC2ブログ用)

What's new