ライブドアブログ
2013年07月05日
Firefoxのリフレッシュ(再インストール)
EC-CUBEのカスタマイズと検証を行なっていたところ、Ajax的なUIのページが異常動作しているので、当初はEC-CUBE側を疑ってみたものの、手っ取り早くFirefox以外のブラウザ使ってみるかなとIEを試してみたら動作が正常。おまけにOpera、Chromeでも正常動作。これでFirefoxが犯人だとハッキリ分かった。
とは言っても何が原因?EC-CUBEのAjax的な実装はほとんどjQueryで行われていると認識しているので、jQueryの最新版をDLして差し替えてみたけど変化なし。という事でFirefoxが完全にブラック決定。
中途半端なのはイヤだけど、かと言って一から設定やり直しとかありえないので、設定ファイル等のバックアップはSyncにお任せして、潔く完全アンインストール実施した。アドオン用の自分で作った定義ファイルをバックアップしておけばよかったなと思いつつも、まぁそれくらいは再設定しても良いかなと割り切った。
結果的にFirefoxはキビキビ感を取り戻して、PCの処理が速くなった気がする位の変化を見せている。当然ながらEC-CUBEの方も問題なく操作出来るようになった。特にレイアウト編集画面は最悪で、ブロックが一箇所に全部集まって重なってたんよね(w
これでかなり快適になったし、検証もきちんと出来るようになったので良かった良かった。
余談ながら、先日記した、ライブドアブログの現行投稿画面をFirefox+Stylishで<p>タグを使った場合は段落として空白が開く様に定義した訳ですが、段落間を適当に20pxとしていたのを、文字の大きさに忠実にしてみようかなとem定義してみた。1emだと少し開きすぎな気がするので、0.7emか0.8emがちょうど良いかなと思っているところ。
@namespace url(http://www.w3.org/1999/xhtml); @-moz-document url-prefix("http://livedoor.blogcms.jp/blog/sasapurin/article/edit") { #punymce p{margin: 0 0 0.7em !important;} .articleEditOldLink{display:none !important;}
旧投稿画面ばっかり使ってきたけど、現行投稿画面にも概ね慣れつつ有るように思います。もう少し使ってたら自然に慣れるやろ。気に入らない所はStylishでちょっと修正する位は出来ると分かったので、なんとか付き合っていこうと思います。
2013年07月02日
もう旧投稿画面へのリンクイラネーです
人間ってホント気が変わるもんだなって我ながら思います。ずっと旧投稿画面を使ってきたのに、不満を一つ解消したらまた別な不満が出てきます。
もう、旧投稿画面へのリンク要らないです。
クリックし慣れてるもんだから、無意識にクリックしちゃって、入力中の文字がフラッシュしてしまうのがマジウザーですわ(w
いや、笑い事では無いんですよ。一応テキストボックスを保護するアドオンを入れてますけど、完全に保護出来る訳じゃないですからね。
てことで、もう「旧投稿画面で記事を書く」ってリンクは邪魔っていうか存在してほしくないので消すことにしました。幸いライブドアさんが、きちんとクラス定義してくれているのでStylishで容易に消すことが出来ました。
@namespace url(http://www.w3.org/1999/xhtml); @-moz-document url-prefix("http://livedoor.blogcms.jp/blog/sasapurin/article/edit") { #punymce p{margin: 0 0 20px !important;} .articleEditOldLink{display:none !important;} }
これで現行投稿画面で過ごすしかなくなりました。
幅が広すぎるのがイメージ的にまだ慣れないですが、慣れるしか無いのでこれで行こうと思います。廃止されるものをいつまでも使ってるのは非合理的ですからね。新しい環境に慣れる方向で行きたいと思います。
しつこいけど現行投稿画面のカスタマイズ(成功?)
現行の投稿画面にP要素で段落間のマージンを設定したい要件で、お手上げだと感じてライブドアのサポートにフォームから問い合わせた。もうお手上げだしっ!
しかしなかなかスッキリしない。返答が返ってくるのに時間がかかるだろうし、無視されるかも知れない。そうなると悔しいので頭の中から追い出す為には自力で解決させるしかない。我ながら困ったもんだと思う。
ここはFirebugでもう一度解析だ。投稿文字入力フィールドの部分はiframeになっているのは先の投稿で気づいていたけれど、よく確認するとiframeにもidが「editor_1_f」という名前で定義されている。
これ、もしかしたらiframeの方を指定してp要素のmargin指定したら上手く出来るかも知れないなと思った次第。これ位の事を試すのは大した作業じゃないのでやってみたが、ちょっと横着してみた。CSSの定義だからどっちかが適用されれば良いだろうから列記してみた。
@namespace url(http://www.w3.org/1999/xhtml); @-moz-document url-prefix("http://livedoor.blogcms.jp/blog/sasapurin/article/edit") { #punymce p{margin: 0 0 20px !important;} .editor_1_f p{margin: 0 0 20px !important;} }
こんな感じでStylishに定義してみた。予想だと後者の.editor_1_fのpが適用されると踏んでいた。ところが・・・
適用されているのは前者の方だった。
続きを読むやっぱり現行投稿画面は不便
先ほど、ライブドアブログの旧投稿画面が廃止になるという件で、新投稿画面の見た目(段落)がわかりづらい旨不満を記したが、文句言うだけでは能がないのでちょっと工夫を試みた。
結果的には、上手くいかなかった。
投稿画面の修正となるとライブドアブログを使用している全ユーザーへの影響がある。そこで自分だけが納得出来れば良いので、FirefoxにStylishというアドオンを入れて、下記の様にしてみた。お試しボタンをクリックすると定義した通り段落間に空白が表示されて非常に見やすくなる。一瞬成功だと思った。
@namespace url(http://www.w3.org/1999/xhtml); @-moz-document url-prefix("http://livedoor.blogcms.jp/blog/sasapurin/article/edit") { #punymce p{margin: 0 0 20px !important;} }
しかし、実際にStylishの定義を保存してページを読み込んでみると、途中までは問題なく段落と段落の間に空白(margin)が表示されるのだが、ページの読み込みが終わると、ガクンと動いて段落間の空白が消されてしまう。
Firebugで調べてみると「http://livedoor.blogcms.jp/css/cms2/blog/common/puny_mce_inner.css?1234567890123」てな感じのスタイルシートが適用されていて、この定義でPに対するmarginが0に設定されている。コイツが原因だ。このスタイルをFirebugで禁止マークにすると定義した通り段落間に空白行が再現出来る。つまりStylishによるCSS書き換え処理は一応行われていると見て良いだろう。
続きを読む旧投稿画面が廃止だって?
ライブドアブログを使いはじめてどれくらい経つだろうか・・結構投稿してきた気がする。私はもっぱら旧投稿画面で投稿してきた。
というのも、私はHTMLタグの<p>を段落として意識的に使っているので、旧投稿画面を開いて<p>hogehoge</p>って感じにしてから記事を入力している。改行すると新しく<p>タグが入って段落として認識出来るから便利なのだ。強制改行はSHIFT+ENTERとすれば<br>が入るので問題なし。
なぜ旧投稿画面を使うかと言うと、2カラム構造にしているサイトイメージとちょうど良い幅の文字入力フィールドが使えるので、イメージ的にも入力しやすいことと、<p>で段落として改行したら、次の行との間に間隔が開くので自分も入力しながら読みやすいからである。
しかし、どうやらライブドアブログもこの旧投稿画面を廃止する方向で決定したらしい。仕方ないので今、超久しぶりに現行の投稿画面で入力しているが、実に入力しづらい。慣れの問題と言えばそれまでかも知れないが、感覚的にしっくりこないし、実際に生成されているHTMLソースも整形してくれなくて非常に読みづらく不便なことになっている。
ま、無料で使わせてもらってるので贅沢は言わないって感じにしとくけど、この画面は実際に使いづらいので、今後はWindows Live Writerを連携させて、画像アップロード等の操作が終わった後の整形とかはWLWの方で行うしかないのかなと思っているところ。
HTMLソースレベルでは確実に悪化すると思うんだけど、その辺り運営側はどう考えているんだろうかな?ま、方針があってそうやってるんだから部外者の意見なんてどうでもいいんだろうけど。こうなると自分の満足行く結果が得られるように考えて工夫してみるしかないね。
関連ページ
- ササのライブダアな日誌:やっぱり現行投稿画面は不便
- 正直に書くブログ : 旧投稿画面が廃止になる件で
- ササのライブダアな日誌:しつこいけど現行投稿画面のカスタマイズ(成功?)
- 正直に書くブログ : Firefox+Stylishで現行投稿画面を快適に使う