テクノロジー系のニュースサイトとして有名なITmediaが運営していているサイトに、TechTargetというものが有ります。
TechTargetでは、IT製品や、サービスの導入・購買について有用な情報を提供してくれています。
利用は無料なのですが、一部会員登録しないと読めない記事もあります。
TechTargetはこんなページのサイトです。
で、非会員の立場で記事を読んでいると、具体的には以下のような感じで、記事の途中までしか読めなくなっているという仕組みです(記事によっては最後まで読めるものも有ります)
続きを読むには会員登録(無料)が必要です。 TechTargetジャパンは、企業情報システム担当者やエンジニアのための無料の会員制サイトです。 会員登録することで、IT関連の製品・システム導入や運用管理に関する技術資料やリポート、 そのほかの会員限定コンテンツをすべて無料で閲覧できます。 アイティメディアIDを持っている方は次のページでIDパスワードを入力してください。 登録されていない方は新規登録ボタンをクリックしてください。 |
今まで、この表示が出ていたらそれ以上先はあきらめていたのですが、よく見てみると、その先の記事内容が、背景に薄く表示されている事に気づきました(非常に薄いのですが、目を凝らしてみると文章が有るのが分かります)。
始めは、画像かな?と思ったのですが、試しに範囲選択をしてコピペすると、メモ帳にテキストの貼り付けも出来てしまいます。
…という事は、cssで見辛くしてるだけに違いない!!と思い、firebugを使ってソースを調べてみるとその通りでした。
以下、調査の結果です。
まず、薄く表示されている記事本文のエリアですが、firebugで見てみると記事本体はclass=”.CmsMembersControlIn”というdivタグに入っており…
こいつのcss定義を見るとopacity=0.05(0.5%表示)という、超薄文字での表示にされています。
ちなみに、”会員登録(無料)が必要です。”の表示は、”.CmsMembersControl”なdivタグに入っている”.memberboxout”クラスのタグでした。
そこまで分かれば、cssをいじってあげる事で、もう少し見やすく出来そうです。
この邪魔者を排除するために、firebugで以下のcss定義をしてみました。
記事の文字を100%表示にして、会員登録の枠は非表示にしてしまいます。
.CmsMembersControlIn opacity: 1; .CmsMembersControl .memberboxout display: none; |
その結果は以下の通り。
思ったとおり、記事が読めるようになりました。
手動で見られるようになったら、次はこれを自動化したくなってきます。
firefoxユーザなら、こんな時のために最適のプラグインが有ります。
それはStylishというもので、これは指定したサイトに来ると、事前に定義されたスタイルシートを自動で適用してくれるという便利プラグインです。
プラグインをインストール後、新しいスタイルを追加し、以下の定義を追加します。
@-moz-document domain("techtarget.itmedia.co.jp") {
.CmsMembersControlIn {
opacity: 1 !important;
}
.CmsMembersControl .memberboxout {
display: none !important;
}
} |
説明するまでも無いような定義ですが、これはブラウザで”techtarget.itmedia.co.jp”ドメインのページを開いたら、カッコ内にあるcssを適用してしろ。という内容です。
定義を保存後、TechTargetのサイトを再度表示させてみると…
自動で続き部分の記事が読みやすくなりました。
わかるFirefox―人気ブラウザの「基本操作」から「アドオン」まで
関連記事
コメントを残す