毎日jp のトップページをいじる

4月1日に見た時は何かの冗談だと思ったけど、本物のリニューアルだったらしくそのままの配置で今日に至る。
『リニューアルアンケート』なんてものをいつの間にか始めているぐらいだから、余程不評で元に近いかあるいは別のアプローチで近々にでも今度こそ使いやすくしてくれるのだろう。

とはいえ我慢の限界。
明日にでも再リニューアルされていそうな気がしつつも、毎日jp のページを個人的に見やすくする、した。

トップページで見た目の比較

Before	After
薄い赤で網掛けした場所が 削った部分	4列中左から2番目を丸ごと追放 広告やリンクを適当に削除 記事幅を適当に調整

下部の「ライフスタイル」や「地域」を折りたたむともう少しコンパクトになるが、控えめに言っても『無駄に縦長』。

そして、毎日jp とは無関係に ココログ の制限、1MB超えのファイルをアップロードできない、というクソ仕様のおかげで画像が非常に残念な事に。

一般の記事は基本的に次のような感じ。

Before	After
薄い赤で網掛けした場所が 削った部分	基本的にこの程度

このWebサイトの見た目の変更に何を使ったかといえば Privoxy 。
Privoxy の 毎日jp 関係の設定、基本型はこの時なので、user.action と user-UTF8.filter に記述。

user.action

## # 毎日 用 (UTF-8) ## { +block{mainichi ads} } yeas.yahoo.co.jp ad.mainichi.jp .allabout.co.jp { +filter{mainichi-filters} } mainichi.jp

user-UTF8.filter (user.filter)

## # 毎日 用  (UTF-8) ## FILTER:  mainichi-filters #ヘッダさようなら ＆ 戻りアンカー埋め込み s@<div id="Header" class="clr">.*<!-- /Header -->@<!-- ヘッダ debris --><a name="Header"></a>@isU #トップ情報 消し s@(<!-- top info -->)<div class="SpecialEdition">.*</div>@$1@isU #ロゴなしが想像以上に締まらなかったのでロゴ追加 s@(<div class="NaviColumnHeader">.*\s)(<h2>カテゴリ</h2>)@$1<div  style="float:left;position:relative;"><img src="/image/header/logo_mainichi_s.gif" alt="毎日jp" width="104" height="22" border="0" /></div>$2@isU #左のゴミ iframe のタイトル s@<h2 class="ContentNaviHeader">(【PR】)</h2>@<!-- $1 debris -->@iUg #左の 地域ナビ s@<div class="AreaNavi NaviColumn">.*<!-- //AreaNavi NaviColumnn -->@<!-- 地域 debris -->@isU #左の 毎日新聞社CM消し 入り口残し s@(毎日新聞社CM</a></h2>)\s.*</div>@$1@isU #左の 本バナーアイコン消し s@<img[^>]*(?: \     \ssrc="/image/top/leftnavi/banner_  \ )[^>]*> \ @<!-- leftnavi banner debris --> \ @igsUx #左の2列目 丸ごとサヨウナラ：二列目:220px の幅を他で活用 s@<div id="LeftMain">.*<!-- //LeftMain -->@<div id="LeftMain"><!-- 左の2列目 debris --></div>@isU # LeftColumn width:335px;(一番左:100pxと二列目:220px を合わせたもの) の幅を変更 s@(LeftColumn{.*)width:335px;@$1width:102px;@isUg # MainColumn width:630px;の幅を変更 s@(MainColumn{.*)width:630px;@$1width:848px;@isUg #ThirdColumn width:315px; 中央メインの記事 幅を変更 s@(ThirdColumn{.*)width:315px;@$1width:533px;@isUg #LeftList RightList 中央下部の折りたためるニュース目次 幅を変更 s@(LeftList.*RightList{.*)width:314px;@$1width:414px;@isUg #SlideCNews width:315px; スライドニュース大枠 幅を変更 s@(SlideCNews{.*)width:315px;@$1width:520px;@isUg #SlideNews width:315px; スライドニュース中身 幅を変更 s@(SlideNews{.*)width:315px;@$1width:520px;@isUg #サムネ付き 幅を変更 s@(TopPhoto{.*)width:70px;@$1width:98px;@isUg s@<iframe[^>]*(?: \     \sid="frmct" | \     \sname="frmct" | \     \ssrc="http://ad.mainichi.jp \ )[^>]*>.*</iframe[^>]*> \ @<!-- iframe debris --> \ @igsUx s@<div class="S-Topics clr"><p><a target="_blank" href="http://mb.mainichi.jp/cgi-bin/ad.*<div class="S-Maimai">.*</div>@<!-- 右のテキストとマイマイ debris -->\n@siUg #s@<div class="S-Head"><h2>特集企画</h2></div>.*<div class="S-Body">.*</div><!-- //S-Body  -->@<!-- 広告連動 debris -->\n@siUg s@<div[^>]*(?: \     \sclass="SquareAd" | \     \sclass="Ad" | \     \sclass="AA" | \     \sclass="S-Maimai" | \     \sid="TopAd" | \     \sid="SuperBanner" \ )[^>]*>.+</div[^>]*> \ @<!--  div debris --> \ @igsUx s@<!-- ここから(ＡＡ|広告ー|特別企画|注目の情報|スポンサーリンク) -->.*<!-- ここまで(ＡＡ|広告ー|特別企画|注目の情報|スポンサーリンク) -->@<!-- $1 debris -->@siUg s@<div class="S-Topics clr"><p><a target="_blank" href="http://mb.mainichi.jp/cgi-bin/ad.*</div>@<!-- 右のテキスト debris -->@siUg s@<div class="SubContentsB"><div class="S-Head"><h2>おすすめ情報</h2></div>.*</div></div>@<!-- おすすめ情報 debris -->@siUg

右の「特集記事」が「協賛特集記事」というようなタイトルになっていないのが嘘を付かれているようで何となく不愉快なので、トップページから非表示になる日もそう遠くない。
広告で成り立つビジネスモデルを真っ向から否定したくはないけれど、広告のある初期状態のデザインは 毎日jp に限らずもはや思い出せなくなって久しい。


2列目の 毎日jp only な部分は残したかったものの、どうにもうまくできなかったので断念。
再リニューアルに期待。