IE6 カウントダウン、現在の状況

前にここに持ってきていますが、またIE6 カウントダウンの紹介です。

２０１１年の夏に紹介した時には、日本ではまだ7％も占めていたIE6 も、現在では4.7％まで減ってきました。
着実にIE6 は死滅への道をたどってるってわけです。

下の画像を見てもらうと、グリーンになってる国がたくさんありますね。
1％以下がグリーンになるので、あと数年後にはこれらの国からIE6 は完全に姿を消しているはずです。
日本も早い事グリーンになってほしい！

２０１２年１２月現在（クリックで拡大します）

しかし、中国は未だにオレンジ。
２０１１年は30.50％だったから確かに減ってきてはいるけれど、まだまだ多すぎる。
世界のウェブデザイナーがIE6 への対応をしなくなってきているので、中国のIE6 利用者は表示が崩れたホームページしか見られなくなりそうです。

しかし、日本ではまだ4.7％使用されているから、テンプレート制作時にIE6 を無視できる日はまだ遠そうだ・・・
皆さん、引き続きお願いです。
IE6 とIE7 はすでに古くなりすぎているので、早くIE9 かIE10 にアップデートしてくださいね！

「南の島の仲間たち」を更新しました

公式および共有テンプレートの中からフラッシュ使用のテンプレートが一掃されて、恐らくフラッシュはもうどこにも残っていないはずなんですが、実は一つ運営側が消し忘れたテンプレートがありました。
それが「南の島の仲間たち　2カラム」です。

普通フラッシュはテンプレートのトップにあるので、ページの一番下にあるフラッシュを見逃したんだと思いますが、なぜか3カラムの方はすでに削除されてます。スタッフ数人で削除作業に当たったんでしょう。

恐らく、忍.者ブログで最後まで残った唯一のフラッシュ使用テンプレートだったと思うんですが、いつかスタッフの誰かが気が付いて削除される可能性も十分にあるので、先回りすることにしました。

フラッシュを削除して画像に入れ替えたんですが、スタッフの方は見逃し作品があったのに気が付いてびっくりしたかも（笑）

しかし、去年はテンプレートを申請して１か月たっても審査してくれなくて、お伺いを立てないといけなかったのに、今回はすぐに更新されました。
どうやら運営側が落ち着いてきたようです。

広告もプラグインの中に入れちゃったし、これで移行を考えなくてもよくなってきましたよ。
広告を記事下から消したい方は「忍者ブログの記事下に来る広告を消す方法」を参照してくださいね～

忍者ブログの記事下に来る広告を消す方法

去年忍者ブログが記事下にドでかい広告を表示したあとブーイングの嵐が巻き起こり、たくさんの利用者が忍者を去っていきました。

忍者ブログへの苦情も相当の数に上ったはずです。
スタッフ側ｊはそうなることを事前に分かっていたのかどうかは謎ですが、広告費を払う方にとっては広告の表示頻度が減ったわけだから、損をしたことになるんじゃないでしょうか？

広告への苦情を受けて忍者側が対応策を出すまで、どれだけの利用者が忍者を去ったのか興味深々ですが、その反面で移行したくてもできない人たちもいて、毎回あの広告を見てうんざりしているわけです。


というわけで、今回はどでかい広告を記事の中から消す方法を紹介します。
と言っても、広告はブログを無料で利用する場合は絶対表示させなければいけないので、プラグインに移動してしまうことにしました。

今までこんなに大きな広告をプラグインに貼りつけることは考えられなかったので、どのテンプレートもプラグインの幅が狭いのですが、どんなに幅の狭いプラグインでも大丈夫。

サンプルはこのブログのプラグインを見ていただければ分かります。
横にスクロールするようにCSSを指定し、後は広告のタグをプラグインに張り付けるだけ。
誰でも簡単にできるので、ぜひとも広告を記事の中から追い出してください！

CSSの指定
まずはCSSの指定ですが、「テンプレートの設定」→「テンプレート編集ページ」へ行きます。
余談ですが、また忍者が仕様を変えましたね。
いつの間にか、右側に実際のブログの内容のプレビューが出るようになってます。
また苦情がきたのかも・・・

左側下のCSSの中からプラグインの指定箇所を探してください。
忍者オリジナルのCSSを使用しているテンプレートなら、PluginContentsと書かれたところがあります。

/* プラグイン表示部分 */

div.PluginContents {
    padding: 5px 10px;
}

上の部分にoverflow: auto;を加えます。
overflow: auto;というのは、内容（この場合は広告）がもしはみ出たら、ブラウザの設定に従って自動的にスクロールを出す指定です。

ただ、上の指定だけだとすべてのプラグインに影響し、カウンターの下に出てくるグラフが見えなくなるので、広告だけがスクロールするように .ninjaad というクラスを追加して書き込みます。
下に忍者オリジナル用のCSSを書きましたので、クラスにPluginContentsを使用しているテンプレートの場合はコピーして使用できます。プラグイン表示部分の指定の下に貼り付けてください。

/* プラグイン忍者広告表示部分 */

div.PluginContents .ninjaad   {
    padding: 5px;
    overflow: auto;
}

忍者ブログとは全く違う方式で書かれている場合は、プラグインの内容が表示される個所を探してください。
変更したら、プレビューがおかしくなっていないか確認してから保存します。

IE6 ではカラム落ちしてプラグインが記事の下になってしまいますが、どうせIE6は中国以外は消滅への道をたどっているし、IE9 が出てから自動的にIE9にアップデートしているPCが多いのでI無視しています。もしIE6 やIE7 を使用している読者から表示がおかしいと言う報告があったら、IE8 かIE9 、またはFirefoxをインストールするように勧めてあげてください。

注）どうしてもIE6のカラム落ちを防ぎたい場合は、上の指定に幅指定を加えてやるとカラム落ちしません。このブログでもIE6だけ幅指定をしてカラム落ちを防止していますが、テンプレートによってプラグインの幅はそれぞれ違うので、HTMLの知識がある人はプラグインの幅に気を付けて指定してみてください。


広告のタグの貼り付け
次は広告のタグの貼り付けです。

管理ページ左側の「プラグインの設定」ページに入り、プラグインの追加をクリックして「フリーエリア」を追加します。
新しいプラグインは自動的にカテゴリー１に入ります。
プラグイン設定ページから新しいプラグインの「表示設定」をクリックして編集ページに入り、タイトルを「AD」に変更して、「プラグインHTMLの変更」部分に広告の独自タグ<!--AD1-->を貼りつければ、記事下にあった広告は自動的にプラグインに移行します。
この時に広告タグの前後にHTMLを付け加え、CSSの指定が有効になるようにします。

<div class="ninjaad"><!--AD1--></div>

プラグインカテゴリーを変更する場合は、ページの一番下で変更したあと、保存します。
また余談ですが、知らない間にいろいろ変わるから、プラグインカテゴリーの変更場所が分からなくて焦りました。前の仕様は簡単でよかったので、ちょっと残念！

以上の作業を行うと、狭い幅のプラグインの場合には自動的にスクロールが出るので、IE6以外ではテンプレートが崩れることはありません。
忍者側では、強制ではないですが広告はできるだけ上の方に貼ってくれるようにとお願いしています。広告料金でブログサービスを運営しているのだし、一番上でなくても、真ん中くらいには持ってきてあげましょう。

忍者の改革は続く

６月に入ってから、久しぶりに新着テンプレートを見ようと思ったら、共有テンプレートがまた減っていました。
以前は１４００点以上あったと記憶しているんですが、現在は750点ほどしか残っておらず、なんとテンプレートの数は半分になってしまいました。
長万部町の公式テンプレート、「まんべくん」はダウンロード数がわずかであるにもかかわらず未だ健在ですがね（＾＾；）

ご自分のフラッシュテンプレートまで没にしてしまったところを見ると、６月初めに起きたフラッシュプレイヤー問題が根元にあるんですかね？
前回確認していなかったので今回削除されたのかと思ったけど、よく考えてみると前回は私のフラッシュ使用テンプレートが削除されたから、もしかしたらその時点ですでに他のも一斉に削除されていたのかも・・・

今回は他のフラッシュテンプレートがどうなったのか気になったので検索してみたら、公式のフラッシュテンプレートまで削除されてました。
去年ADOBEがモバイルでのフラッシュ開発を止めると発表したのが原因だと思われます。
ということは、運営側はモバイル部門を重視しているってことになりますね。

デザインが素晴らしいxinxin さんの作品の中の、黒猫のフラッシュを使用したテンプレートも削除されてしまいましまいました。あれはすごいな～と思っていたので、すごく残念です。
xinxin さんご本人はすでに忍.者を離れて他へ行ってしまわれたようなので、どこかであの黒猫を復活させているかもしれませんが・・・


さて、忍.者の改革は去年から絶えることなく続いていたと認識させたられたのが、テンプレート編集エディターの廃止です。
あの編集エディターを使ってテンプレートを作り、共有テンプレートとして申請していた人も結構いましたし、et さんの「簡単カスタマイズ」をダウンロードして自分好みのデザインにしていた人も多かったはず。

近年の共有テンプレートの多くが編集エディターが利用できない仕様だし、これだけ昔のテンプレートが削除されてしまっては不必要とされても仕方ないのかもしれません。
でも、あの編集エディターを楽しく使っていた人たちにとっては残念な限りですね。


も一つ、改革が管理ページや営業方針だけではないと感じたことがあります。
最近テンプレートを続けて登録されている方がいらっしゃいますが、この方のテンプレートはHTML5とCSS3を使用しています。
この方はたぶんスタッフの一人なんじゃないかと勝手に思ってるんですが、忍.者がHTML5の使用に前向きであることを物語ってます。

モダンブラウザではすでにHTML5とCSS3にだいぶ対応していますし、これを使えばだいぶ楽になります。
時代はHTML5に向かって着実に動いているんですね。

なら、いい加減、絵文字に使われているIE独自実装のalign 属性値、absmiddle とか、他のいろいろを何とかしてほしい。
向こうから勝手に出てくるヤツはこちら側では変更できないから、W3C Validator でいちいちエラー指摘されてしまうんで・・・

Firefox でFlash を表示させなくするRealplayer

前回の記事が２月だから、すっごくお久しぶりです。
すでにあちこちで報告されていますが、Flash Player の最新版（６月初めの時点）をインストールすると、Fierfox でFlash が表示されない、Flash があるはずのところが空白になる、などの問題が起きています。

Fierfox 愛好者の私のところでも、Flash があるはずのところが白い空白になってしまい、「なんじゃこれはぁ～」の状態でした。が、すぐに検索して調べようともせず、そのまま放置しておりした（＾＾；）

Flash Player の最新版が出たのは６月８日だから、なんと３週間もほったらかしだったんですが、ついに検索することにしたら、すでに解決策が出てる（嬉）
実は一度、Firefox のせいかと思ってFirefox を再インストールしてはみたんですが、問題はそこじゃなかったんですね～

問題が出た後、Adobe が修正版を２１日に出し、うちのPCはすでに自動的に修正版をアップデートしていました。これでほとんどの問題は解決するはずなんですが、なぜか私のタワーPCでは何の変化もない。
が、ノートブックを見るとちゃんと普通に見えるようになっていたので、タワーPCのほうにはまだ何か障害の元があるはずなんですよね。

Adobe とMozilla のトラブルシューティングページと他の解決サイトを見たら、Firefox にRealPlayer Browser Record Pluginのプラグインが入っているとFlash が表示されなくなると書いてあったから、恐らくこれが原因でしょう。

Adobe のページでは、プラグインを無効にするだけでいいと書いてあるけど、実際に試してみた人によると、それだけでは解決しなかったそう。
私の方も、プラグインを見てみたら、初めから無効に設定されていた。

サイトでは、Realplayer をきれいさっぱりアンインストール（削除）したら、Flash がまた表示されるようになったそうなので、私もRealplayer をアンインストールしてPCを再起度したら・・・

Flash が見えるようになった～（嬉）


ダウンロード用のプラグインならFirefox から別のプラグインが出ているから、Realplayer がなくてもインターネット上の動画をダウンロードするのには困らないです。
まあ、この問題で今一番困ってるのはRealplayer だから、そのうち修正版がでるのは確実ですけどね。

今回の問題解決に役立つサイトを下に持ってきましたので、問題がでて困っている方は参考にしてください。
Mozilla Flash Player の最新版で発生しているいくつかの問題について
Adobe Flash Player 保護モードのトラブルシューティング（Firefox | Windows）
WEBプログラミング NOW! Firefox+Flash 11.3のProtectedMode（保護モード）の問題