 
|
はてなキーワード: スタイルシートとは
こんなチラ裏みたいなところに書くぐらいなら、はてなアイデアに投稿するか、直接メールするか、他社サービスに乗り換えるか、はてなに就職しろって話なんだろうけど、はてなアイデアは不具合の修正以外はまともに採用されることが殆ど無いし、直接メールは単なるクレーマー扱いされて終わり。はてなに就職は居住地域とスキルの問題で無理っぽい。他社サービス乗り換えはSBMというサービスの性質上、どうしてもユーザーが多いほうが情報が集まりやすいので(ほとんどがゴミだとしても)問題の根本解決にはならない。というわけで、ここに落書きする。
現在はてなブックマークでは設定できるカテゴリが8種類、社会や政治経済から、サブカル系の「おもしろ」まであるが、R-18カテゴリがない。表向きは規約で「不適切なブックマークは削除する」となってるが、一日何千件もあるブックマークから「不適切」を探しだして削除するなんて無理に決まってるし、削除される頃にはホッテントリになって衆目にさらされることになる。表向きエロ禁止のニコニコ動画ですらR-18のカテゴリタグでゾーニングしているというのに、はてなは何年もこの状態を放置している。エロ画像のまとめスレなんてゾーニングすべきだし、技術的にも不可能なわけでもないのに。
はてブにはブックマーク先のページから画像を引用してくる機能があるが、これも機械的に引用してくるため明らかに不適切な引用がみられる。例えばニュースサイトで他のニュースへのリンクのための画像を拾ってきたり、バナー広告画像を広ってくる場合もある。更に最初に上げたエロの問題では、明らかに閲覧注意のエログロ画像を拾ってくる場合もある。画像の判定なんて技術的に困難だろうから、せめて画像非表示をオプションで用意してくれてればいいのだがそれもやらない。俺はあまりにも不愉快だったので、ユーザースタイルシートで消したが、はっきり言って初心者(中級者にも？)対処が難しい。
はてブにはコメントが不愉快なIDを非表示にする機能があるが、コメントやID名が非表示になってもタグだけは表示されたままである。本来のタグクラウド的なものなら別になんともないが、非表示になるようなユーザーは大抵タグもおかしい。タグで特定の組織や人物へのネガキャンをやっていたり、タグで誹謗中傷のような事を書いている。これも技術的に不可能とは思えないが、何年も放置されている。これもユーザースタイルシートなりグリモンなりを使えばいいのだろうが、中級から下のユーザーには無理だ。
SBMの性質上、どうしてもノイズ的なブックマークや見たくないページ・キーワードも目に入ってしまう。例えば2chまとめサイトや産経msn、ネトウヨ/ネトサヨのブログなどがホッテントリになることが多い。正直なところタイトルを見ただけでうんざりすることも多いので非表示にしたいのだが、そのようなオプションはない。これもグリモンで対処するしか無いのだが、こんなの標準とは言わなくてもせてめ有料ユーザー向けのオプションとかでつけるべきじゃない？ニコ動にだってNGワード機能はあるんだから。
はてなスターははてブ大喜利のための座布団で一番の売りの機能なのだが、これもいろいろおかしい。一人で10個も20個も連打する奴もいるし、非表示ユーザーからも送られてくる。非表示ユーザーからのスターなんて不愉快なのだが現状拒否することはできない。
まずはてなはすべてのサービスにおいて非常にSPAMに対して脆弱。はてなダイアリーはそうでもないが、はてなハイクはほとんどSPAM対策なんかされていない。さらに規約違反報告フォームも何処にあるのかわかりにくい。はてブには一応規約違反フォームへのリンクがあるが、これって機能してるんだろうか？。何回かSPAM報告をしてるんだが全然対処されたことがない。断っておくが別に俺が気に入らないからSPAM扱いしているわけではなく、明らかにSEO用のリンクページへのブックマークや、複数アカウントの不正使用っぽいものを報告しているのだが全然対処されたことがない。
また、はてなにはサブアカウント機能があるがこれも悪用しようと思えばいくらでも悪用できる。5件ぐらいサブ垢でブックマークすればトップの新着には載るので、botなんかを使えば簡単にホッテントリを偽造できる。
以上の点から初心者やビジネスユーザーには非常に不向き。だってエロ画像とかネトウヨ/ネトサヨの演説とかが転がってて、2chまとめサイトや産経msnばかりがホッテントリになっていて、SPAMもいっぱい上がってるSBMを仕事で使える？そんなの自分の母親に勧められる？俺はすすめられないし、仕事ではGoogleブックマークを使ってる。
近藤淳也氏は「自分の家族や友人に安心して進められるサービス」を標榜しておられるようだけど、今のはてなブックマークはとてもじゃないがそんなサービスではない。ギークやネット原住民(笑)相手に商売するならいいんだろうけど。ニコ動だって最初は2chにいるようなネット原住民(笑)を相手にしてたけど、今はアメーバやGreeにいるような人も相手にするようになった。まあ、ニコ動はニコ動で違う問題があるけれど。
ここで「いやなら使うな」というマジックワードが登場しそうだが、別に嫌なんじゃなくて改善してほしいのだ。しかし最近のはてブの仕様変更といえば新着人気ブコメの表示とかなんか斜め上の方向の仕様変更ばかりだ。
プログラミング言語ヒエラルキーにおける罵倒 http://anond.hatelabo.jp/20070502200124
phpのいやなところ / perlのいやなところ http://anond.hatelabo.jp/20070522174725
LL編プログラミング言語ヒエラルキーにおける罵倒 http://anond.hatelabo.jp/20070503000905
1年くらい前にKENTWEBでCGIを覚えた私はどれくらい時代にとり残されているんだろう http://anond.hatelabo.jp/20070427114039
PHPで自称ギークとかアホか。 http://anond.hatelabo.jp/20080527201030
文系の大学出身の人が気軽にプログラマになることはお勧めしません。 http://anond.hatelabo.jp/20080830010043
[Perl][PHP][Python][Ruby] 無題 http://anond.hatelabo.jp/20080731154801
プログラミング始めてみた(笑) http://anond.hatelabo.jp/20080201185253
日本が誇るスゴ腕geekの紹介 http://anond.hatelabo.jp/20090102145542
PHPの比較の素晴らしさ加減は正常 http://anond.hatelabo.jp/20090617130518
言語による分野の住み分けがすでにできてるんだよ http://anond.hatelabo.jp/20110220120714
なぜJavaの求人が多いのか考えよう。 http://anond.hatelabo.jp/20110220101806
LL言語が後退局面に差し掛かっている件 http://anond.hatelabo.jp/20110210084023
これからweb開発に携わりたいと考えている人にお勧めの言語 http://beta.anond.hatelabo.jp/20110220013933
※はてな匿名ダイアリーの標準スタイルシートでデコるバッドノウハウ http://anond.hatelabo.jp/20100827202157
pタグやdivタグのclass要素を指定できるのでHTMLでそのまま記述する。
いつくかはてなダイアリーでの使用可能なはてな記法は無効になっており、例えばキーワードリンク無効記法が使えないためフォントカラーが キーワードリンクの黒に潰されちゃうかんじ。
以下サンプル。アルファベットはクラス名(自動アンカーついていててコピペしにくい。ソースみたほうがいいかも)。
a.keywordcloud10 を空白で刻むことによってうざいかんじになる。荒し用。
初めてサイトを作りたいと思ったとき、誰しもまず調べた瞬間htmlとかいうものに出会う。
でも＜html＞＜head＞だののタグをずらずら見た時点で大概覚えようとするのを挫折したはず。
あれは真性の初心者にとって難解すぎる。例えば簡単な文字を羅列するだけでも
＜html＞＜head＞＜body＞＜br＞＜/body＞＜/head＞＜html＞とワケワカランタグが多い。
しかも漸く出来たコレだけの文字羅列を見たところで、到底WWWで見られる美しいデザインとの程遠さに絶望する。
どうやったって一ヶ月頑張っても無理だろ！みたいな。
だから初心者にはホームページビルダーのような作成ソフトを渡したほうが早いと思う。
構文が汚いとかそんなことよりも、まず紙の上に絵を描くような感覚でイラストや文字を入れられるし
実際最初から手打ちして作った猛者より作成ソフト使用した数のほうが多いはず。
最初は構文なんて覚えなくても、とりあえずサイトがそこそこ見栄えよく初心者だって出来る！という
達成感でサイト作成という事象に興味をもてるようになればいい。
そのうち他のサイトを見て、こういうデザイン入れたいなと思って自ずと向上心が湧く。
例えばテーブル組んだりスクロールバーの色を変えたりフレームのボーダーラインを消したり拍手設置しようとしたり･･･。
そこでcssやJavaScriptやperl（cgiやphp）に興味が湧きだす。コピペしたりしてサイトへ貼り付ける。
そうやっているうちにcssやJavaScriptって外部スタイルシートや.jsとして別ファイルに分けられるんだ！とか知り
ここらへんでhtml、cssのタグの意味を何となく理解出来るようになっているという。
更にはCMSに手を出して･･･
気が付くとホームページビルダーは使わずterapadかなんかでソース手打ちし、綺麗さとかに気を配れるようになる。
これって一から英語の授業を受けるより、アメリカ本国へ何年か住み続けるうちに何となく英語理解するのに似てる気がする。
初心者の為といっていきなりタグ記述テンプレのサイトを見せて学べというのは、実のところ実用的ではない。
最近だったらレンタルブログもそう。とっかかりはレンタルブログでもいいが→
テンプレートを使っていても徐々にテンプレートを少し変えたいと思い調べる→
鯖の仕組みを理解する→以下続く
みたいな流れで自学学習していく。
学校で学ぶ人ならまだしも、例えば同人サイトを自分も作りたい！とか店の商用サイトを作りたい！とか
本格的に勉強はしたくないけど興味と意欲をそこそこもっている初心者サイレントマジョリティ層には
最近の広告で一番煩わしいなぁと感じるのがFC2の「Powered by FC2携帯変換」とかいうバーコードリーダーと、「6ヶ月以上更新のないサイト」に表示される警告。
一回消しても毎ページに表示されるんだからたまったもんじゃないです。
どうにかならないもんかとスタイルシートをモニョモニョいじってみたら一応消えたので、メモしておきます。
やっつけ仕事なので修正しなければいけない点があったら指摘してください。
アドオンの「Stylish」を利用します。このアドオンについての詳しいことははしょりますが、
@charset "utf-8";
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("web.fc2.com") {
/*携帯変換 非表示*/
div#fc2_qr_code_header{display:none !important;}
/*更新警告 非表示*/
div#fc2_ad_box{display:none !important;}
}
/*携帯変換 非表示*/
div#fc2_qr_code_header{display:none !important;}
/*更新警告 非表示*/
div#fc2_ad_box{display:none !important;}
まずこれをメモ帳にコピペして適当な場所に保存します。拡張子はcssで。
私は「userStyleIE.css」という名前にしておきました（ネーミングセンスないな！）
んで、
「ツール」＞「インターネットオプション」＞「全般」＞「ユーザー補助」と開いていき、
「スタイルシート」という項があると思うので、そこの
「自分のスタイルシートでドキュメントの書式を設定する」にチェックを入れたら、先程保存したファイルを指定して、OKを押します。
これでたぶん煩わしい広告は出てこない……はず。
最近マークアップエンジニア志望の若者と話す機会が多いのだけれど、そこで気づかされるのは、彼らの中に過去のHTML（特に90年代以前の仕様）を読んだことのあるという人が、驚くほど少ないことだ。
例えば「マーク・アンドリーセンをどう思う？」と聞くと、「アンドリーセンって誰ですか？」という答えが返ってくる。「ヨスケの独自要素で何が一番好き？」と聞くと、「見たことがありません」と言われてしまう。「ではきみは、昔のHTMLを見たことがあるの？」と聞くと、たいていが「とほほでやっていたものくらいなら……」という答えしか返ってこない。
今の若い人の間では、HTMLを体系的にとらえようという人は少ないようだ。見るのは専ら近年の話題仕様ばかりで、歴史を辿ってみたり、系譜をひもといて標準化団体ごと理解しようとする人はほとんどいない。
これは、ちょっと由々しき問題だと思わされた。HTMLは、もう長いこと（90年代の早い時期から）インターネットの王者としてあらゆるWeb関連技術の上に君臨してきた。だから、Webを作ることを仕事にしたいなら、何をするにせよ避けて通ることはできない。
HTMLは、表・画像・フォーム・音楽・デザイン・フレーム・動画など、さまざまな分野においてその時代々々に達成された最新の成果を持ち寄るようにして作られてきたところがある。だから、HTMLを読まずして現代のインターネットは語れないと言ってもいいくらいだ。
もし何かクリエイティブなことをしたいのなら、HTMLを読むことは欠かせない。また、単に読むだけではなく、それを包括的・体系的にとらえることも必要だ。なぜなら、HTMLを包括的・体系的にとらえることによって、現代のインターネットそのものを、包括的・体系的にとらえられるようになるからだ。そしてそうなれば、Webを作ることの道理や筋道が理解でき、何かクリエイティブなことをする上で、大きな助けとなるからである。
そこでここでは、昔のHTMLをほとんど見たことがないという人や、あるいはHTMLそのものもあまり見ないという人のために、これを見ればHTMLを体系的に理解でき、現代インターネットの成り立ちや実相までをも包括的にとらえることができるようになる、7本の仕様を紹介する。
ここで紹介するHTMLは、いずれも後のWeb業界に決定的な影響を与えたものばかりだ。これらが、HTMLという標準のありようや方向性を決定づけた。この7本を見れば、HTMLというのはどのようなきっかけで生まれ、どのような変遷を辿って、どのような足跡を残してきたかというのが、体系的に理解できるようになる。そしてそれが、世界のインターネット利用シーンにどのような影響を及ぼしてきたかということも、知ることができるようになるのだ。
まず最初は、ちょっと強引かも知れないけれど、第一次ブラウザ戦争前のHTMLをひとまとめにするところから始める。
80年代末にティム・バナーズ＝リーの発明したHTMLというメディアは、その後『HTML 1.0』（1993年）『HTML+』（1994年）『HTML 2.0』（1995年）などの仕様で次第にそのスタイルを確立していき、マーク・アンドリーセンが一大産業として発展させた後、『HTML 3.0』に行き着く。そして幸運なことに、ここに集大成されるのだ。
ブラウザ戦争前のHTMLは、これ1本だけ読めば良い。このHTMLに、戦前のHTMLの全ての要素（属性）が詰まっている。このHTMLを見れば、HTMLのインターネットの王者としての風格、スターという存在の大きさ、作者以上にブラウザが重視される「産業」としての側面、お尻Pから終了タグ省略可へ・文字情報から画像付きへと移り変わった技術革新の変遷など、戦前のHTML史やWeb業界のありようが全て分かるのだ。
このHTMLの魅力は、説明し始めるといくら紙幅があっても足りないので、ここではその一端を紹介するにとどめておく……といっても、気の利いたことを言えるわけではない。『HTML 3.0』の魅力を知るには、まずは読んでもらうこと――これに尽きるからだ。そして、もし一度でも読めば、その魅力はたちどころに理解できるだろう。
『HTML 3.0』を見て驚かされるのは、現在のHTMLと比べても全く遜色ないところである。破棄されてから14年の時が経過しているが、現代人の読解にも当たり前のように堪えうるのだ。それは、逆にいえばHTMLというものは、今から14年前、つまりこの『HTML 3.0』が作られた時点で、様式として一つの完成を見たということでもある。
『HTML 3.0』は、HTMLという標準が到達しようとした一つの極みである。それゆえ、HTML史というものは、『HTML 3.0』以前と以降とで分けられるようになった。これ以降に作られたHTMLで、『HTML 3.0』の影響を免れたものはないからである。
iモードが世界のHTML史に与えた影響というのは、一般に理解されているよりもはるかに小さなものである。日本人というのは、「日本の技術が世界に影響を与えた」というと、なぜか鼻高々と聞いてしまうところがある。「日本はガラパゴス」という言葉は聞いたことがあっても、「それって日本人が過小評価しているだけじゃないの？」と、眉に唾をしてとらえるところがある。
しかしiモードは、真に日本のHTML史を塗り替えたサービスの一つである。特に、このサービスの後世に与えた影響には、本当に計り知れない大きさがある。
iモードは、ドコモのメインストリームだったポケットベルが、それまでの栄華の反動で深刻な低迷期に陥っていたPHS流行後すぐの時期、そんなポケットベルに取って代わって、日本で最も輝いていた携帯サービスであった。それゆえ、広末に見蕩れた世界のHTMLファンたちは、iモードのWebサイトを見ることによって、失われかけていたWeb制作の魅力を再発見することにもなったのである。
iモードは、没落したHDMLに変わってモバイルWebの命脈をつなぎ止めた、言うならば救世主のような存在であった。海外のモバイル陣営が営々と築きあげてきたそれまでの栄光を切り捨て、日本の後代へと引き継いだ重要なリレー第一走者としての役割を、HTML史において担ったのである。
そして、そのバトンを受け取った日本の若きWebデザイナーたちが、2000年代に入って雨後の竹の子のように現れたことで、モバイルWebは鮮やかな発展を遂げる。だから、もしiモードが存在しなければ、HTMLの様相は今とは違ったものになっていたかもしれないのだ。
そんなiモードHTMLのバージョンはいくつもあるのだが、中でも特に多くのHTMLファンを――取り分け日本の若きWebデザイナーたちを魅了したのが、この『Compact HTML』である。この仕様の一番の魅力は、なんといってもその大胆に構築されたW3C Noteであろう。HTML史において、これほど拡張多く適当なディテールで構成されたNoteは他にない。そのためこのNoteは、これ以降無数に手本とされ、真似され、拡張されることとなるのである。
正字正仮名の影響を受けた日本の若き日記書きたち――言うなれば「CSSコミュニティ」――が頭角を現す直前のW3Cで、HTML史に乾坤一擲の巨大な爪痕を残した1本の仕様が誕生する。
この時期、情報技術の進歩によって、HTMLにもさまざまな新しいテクノロジーがもらたされていたのだが、それらを十全に取り入れたばかりではなく、縦横に駆使することによって、これまでとは全く違った国際化、全く違ったアクセシビリティ体験を生み出すことに成功したのが、この仕様『HTML 4.0』を勧告したWorld Wide Web Consortiumである。
『HTML 4.0』は、HTML史において最も革新的な仕様の一つとなった。この仕様に初めて触れた当時のWebデザイナーたちは、そのあまりの目新しさに度肝を抜かれた。そこでは、これまで全く見たことのないマークアップがくり広げられていた。そのため、これまで想像さえしたことのなかった全く新しいHTML体験を、そこで味わうことになったからである。
W3Cの果たした一番の功績は、テクノロジーとHTMLを見事な調和をもって融合させたことだろう。例えばそこでは、「スタイルシート」という新しい技術のデザインと、それでレイアウトされたページが閲覧者に与える独特の感覚というものを、双方ともに熟知していた。だから、それらを効果的に融合させることによって、全く新しいHTML体験を生み出すことができたのである。
この仕様『HTML 4.0』には、そうしたテクノロジーとHTMLとの融合が、至るところに散見できる。その数の多さとクオリティの高さによって、HTMLはここに、新しい時代の幕開けを迎えるに至ったのである。
先に述べた「CSSコミュニティ」がWeb日記業界に論争をもたらすのは、2000年代に入ってからのことである。そして、そのきっかけとなったできごとの一つが、1947年生まれの非政府組織で、IECとも協力した生粋の工業標準化団体であった国際標準化機構が、この仕様『ISO/IEC 15445:2000 (ISO-HTML)』によって成功を収めたことである。
このHTMLは、単にJIS的に標準化しただけではなく、文化的な意味においても、フラットでリニアな構造の力を広く世界に知らしめることとなった。この仕様の成功によって、世界の人々は、レベル付けされた見出しの魅力の大きさを知る。そしてそれが、やがて見出しのレベル分けが世界のスタンダードとなり、誰もが当たり前のように使う状況を育んでいくのである。
またこの仕様は、CSSコミュニティそのものにも大きな影響を与えた。この仕様の成功に刺激を受けた才能ある若きコミュニティ住人たちが、その後立て続けに台頭し、いくつもの名サイトを生み出していくからである。
それらが相まって、やがてCSSコミュニティは空前の黄金時代を迎えることになる。その端緒となり、道筋を切り開いたのが、他ならぬこの『ISO-HTML』なのだ。
『HTML 4.0』で繁栄の足がかりを築いたW3Cは、この仕様『XHTML 1.0』によって、ついにその栄華の頂点に達する。そして、それを成し遂げたメタ言語も、W3C勧告のの一つであり、また『HTML 4.0』を作ったSGMLの改良でもあった、Extensible Markup Languageであった。
この勧告は、史上最も商業的に成功した仕様となる。そのためこれ以降、この勧告にならって商業的バズワードを盛り込んだ仕様が数多く作られるようになり、しかもそれらが、実際に大きな商業的話題を集めていくのだ。すると、そこで生み出された多くの意見は、やがて再びW3Cに還元され、さらなる発展をもたらすことにもつながった。
そんなふうに、この仕様がきっかけとなってW3Cにもたらされた意見は、HTMLという言語を変革させていくことになるのだが、それに伴って、HTMLそのものにも大きな革新をもたらすことになる。
その変革も、他ならぬW3Cの手によってなされた。ここで『XHTML 1.0』の成功によって手にしたメンバーをもとに創設した文書マークアップの開発集団「HTML Working Group」が、より魅力的な拡張性を追求していく中で、やがてM12n（モジュール化）という技術の開発に至るのである。するとそれが、これまでのHTMLを一変させたのだ。
M12nは、HTMLに魅力的かつ効果的な特殊語彙を、DTDでしかも複雑怪奇にもたらすことに成功した。おかげでそれは、あっという間に世界から見捨てられていった。そのため今では、M12nの使われているHTMLを探す方が難しくなったくらいだ。それくらい、この『XHTML 1.0』がWeb業界にもたらした変革には、大きなものがあったのである。
2000年代以降、繁栄を謳歌したW3Cは、しかしその栄華の大きさゆえ、00年代中盤に入るとそれを存続させることに力をそがれてしまい、革新的な仕様はなかなか生まれてこなくなった。
しかし、そんな時代が5年は続いた00年代の後半になって、今度はその栄華のただ中で育った新しい世代のHTML WGメンバーたちが台頭してくることにより、再び変革の時を迎えることとなる。
その新しい世代のHTML WGメンバーとは、マイクロソフトやモジラ・ファンデーション、オペラらに代表される「ブラウザベンダ」と、無関係な編集者たちであった。
彼らに共通するのは、文書構造に不必要なものなら全て――とるに足らないガジェット的なものまで含めて――残らず切り離そうとする「オタク的な性質」を持っていたことだ。
彼らは、それまで見過ごされがちだったHTMLの些末な要素にスポットを当て、それを別仕様に押し出すことで、従前とは一風変わった、新たな魅力を持った草案を生み出していった。そして、その真打ち的な存在として00年代の後半に登場したのが、XHTML2 Working Groupだ。
XHTML2 WGは、特に99年に最後の草案が作られたこの仕様『XHTML 2.0』によって、オタク的なHTMLの楽しみ方が、一部のマニアだけにとどまり、それ以外の多くの人たちには受け入れられないことを証明してみせた。この失敗が、デ・ファクト的な新生HTML WGにさらなる脚光を浴びせることになったのはもちろん、それに影響を受けたWeb WorkersやDOM Level 3 Eventsといった、次世代のWeb標準たちの誕生にもつながっていったのである。
最後は、第二次ブラウザ戦争の集大成ともいえるこの仕様である。
『HTML5』は、HTML史においては『HTML 3.0』と同じような意味を持つ。つまり、それまでのHTMLの要素が全て詰まっているのだ。この仕様を見れば、それ以前のHTMLの歴史というものが全部分かる。
『HTML5』には、HTMLのあらゆる要素が詰まっている。ここには、『HTML 3.0』のような歴史的な仕様としての「総合性」があり、『Compact HTML』のような「実装の実在さ」がある。『HTML 4.0』のような「マルチメディアとアクセシビリティの融合」があり、『ISO-HTML』のように「セクション構造の魅力を全世界に知らしめ」た。また、『XHTML 1.0』のように「バズワード的に成功」したのはもちろん、『XHTML 2.0』が別仕様に押し出した「オタク的ガジェット」にも満ちている。
全て詰まっているのだ。なんでもあるのである。つまりこのHTMLは、『HTML 3.0』と全く同じ意味合いを持っているのだ。HTML史というものは、『HTML5』以前と以降とで分けられる。これ以降に作られるHTMLで、『HTML5』の影響を免れるものはないであろうからである。
以上、これさえ読めばHTMLを包括的・体系的にとらえることができる7本の仕様を、制作された年代順に紹介した。
こうして見ると面白いのは、歴史的に重要な仕様は、必ずしも定期的に現れるのではなく、あるところでは連続しているし、あるところでは長らくなかったりすることだ。それはまるで「素数の分布」のようだ。一見規則性はないように見えるものの、何かしらの法則が隠されているようでもあり、興味深い。
それから、ここに挙げた仕様は、いずれも「読むことによって他の仕様にも興味が移行する」ということを念頭に選んだ。
例えば、『HTML 3.0』を読んだならば、ブラウザ戦争前夜の独自HTML拡張に自然と興味がいくだろうし、『Compact HTML』を読んだなら、iモードのそれ以外のバージョンのHTMLも見たくなるだろう。CSSコミュニティについてもそれは言えるし、『ISO-HTML』を読んだなら、このHTMLを流行らす土壌ともなった「フラットでリニアな構造」というムーブメントにも自然と興味がわくはずだ。さらには、『XHTML 1.0』はXMLオタクになるきっかけになるだろうし、『XHTML 2.0』はその他の「オタク的なXML EventsやXForms」の仕様も見たくなるという効果を持っている。
ただし、最後に選んだ『HTML5』だけは、こうした例とは別に考えなければならないかも知れない。なぜならこのHTMLは、完成度があまりにも高いために、これを見た後に他のHTMLを読むと、どうしても物足りなく感じてしまうからだ。
しかしいずれにしろ、これらの仕様を読むことによって、HTMLをさらに愛さずにいられなくなるのは疑いない。そしてまた、これらの仕様を読むことによって、HTMLを包括的・体系的に見る目を養ってもらえれば、その後のクリエィティブな活動にも、大きな助けとなるはずだ。
上に挙げた仕様への理解は、以下に紹介する著作を読むことによって、さらに深まる。これらを読むことによって、ぼくは「HTMLを体系的に見るとはどういうことか」を学んできた。
高校時代に読んだこのサイトによって、「リソースとは何か」ということを、ぼくはを知った。
「HTMLはSGMLの応用だ」ということが、このサイトを読むことでよく分かる。何気なく見ていた省略記法でも、その裏には、実にさまざまな技術や、それを開発してきた歴史というものが隠されていた。
世界がCSSコミュニティの何に驚かされたかといえば、それはやっぱり精緻に書き込まれた正字正仮名にだ。ノジタンの日記には、HTMLの本質が詰まっている。だからこそ、あれだけ多くの日記で多くのコミュニティ住人に、言及されたり模倣されたりしたのだ。
ここでは取りあげられなかったのだが、とほほ氏がHTMLというジャンルに及ぼした影響にも、本当に大きなものがある。そして、ぼくが上に挙げた感想のいくつかは、このサイトに書かれていたばけらさんとの「スタイルシート論争」を参考にしたものなのだ。
これらのサイトを読めば、どんなHTMLが素晴らしく、どんなHTMLがそうではないというのが、よく分かる。その判定基準を知ることができ、審美眼を養うことができるのだ。なにしろ、あのCSSコミュニティ住人の言うことなのだ。これにまさる教科書は、他にはない。
【元ネタ】
こういう場合、
ともかく長文をだらだら書かれるよりはずっといい。そもそも各記事の間が明確に分かれていない増田では。
この後コピペされることを期待するなら（元記事は増田へのコピペだがオリジナルだか知らんが、充分それを意識しているように見える）、はてな記法は不便なだけであるな。
それを言ったら普通のHTMLも同じでは。プレーンテキストでコピペされる事を想定しなければならないなら、それはマークアップではなく、文章を書くときにそう作らなければ無理。タグが重要である情報をコピペするときは、ソースを表示してソースまるごとコピペすべき。はてな記法は記法をHTMLに変換しているだけだよ。だから結果は普通のHTMLで表示される。
プレーンテキストよりも、ずっと情報量が増す。その重要性が理解できない場合は、ちょっとマークアップ言語をキーワードに調べてみて。
HTML書くとき見栄えは全てスタイルシートで作るか、ある程度は見栄えをfontなどのタグで作るか、どっちが一般的かって話に近い気がする。
そういえばinheritなんてものがあるのを忘れてた。
// ==UserScript== // @name add style // @namespace http://anond.hatelabo.jp/ // @include http://anond.hatelabo.jp/* // ==/UserScript== GM_addStyle( "font{color:inherit;font-size:inherit}"+ "u, s, strike{text-decoration:inherit}"+ "b{font-weight:inherit}"+ ".section{max-height:80em;overflow-y:auto}" );
firefoxオンリーだそうで http://anond.hatelabo.jp/20090120114819 ユーザースタイルシート的には
font{color:inherit;font-size:inherit}
u, s, strike{text-decoration:inherit}
b{font-weight:inherit}
.section{max-height:80em;overflow-y:auto}
かな？
その他は http://anond.hatelabo.jp/20090120094216 の辺で。
それでストーカーするには Web::Scraperでその辺のタグの有無をチェックして DBIx::Simple で記録すればよいかな？
ついでに WWW::Mechanize::Plugin::Web::Scraper で封じ込めという手もありそう。
http://anond.hatelabo.jp/20090120114819
追加でこんなかんじにした
// ==UserScript== // @name add style // @namespace http://anond.hatelabo.jp/ // @include http://anond.hatelabo.jp/* // ==/UserScript== GM_addStyle( "font{color:black;font-size: 100%}"+ "s, strike{text-decoration:none}"+ ".section{max-height:80em;overflow-y:auto}" );
あ、GM_addStyle使ってるから動かないのかな。
前回は何日くらい活動してたっけ？
ここまでひつこいとストーキングしたくなる。
まずは張っとく
あと、自分のぐりもん
// ==UserScript== // @name add style // @namespace http://anond.hatelabo.jp/ // @include http://anond.hatelabo.jp/* // ==/UserScript== GM_addStyle( "font{color:black;font-size:100%}"+ "s, strike{text-decoration:none}" );
IEは「ユーザースタイルシートのススメ - Personnel」を参考に、
#hatena-anond font{color:black;font-size:100%} #hatena-anond s, strike{text-decoration:none} #hatena-anond center{text-align:left}
某ソフト紹介サイトは有料ソフトを広告として、金とってトップページに掲載してるんだけど、
無料ソフトとあえてカテゴリわけをせずにごっちゃごちゃに表示してる。
これは有料、無料で区分すると、人が全部無料に流れちゃうから。
これといっしょで、ニコニコ側が掲載、閲覧して欲しい動画というのは少なからず存在する。（政治系のとか、出すのに金とってそうなやつ）
だけど、そればっかりにしちゃうと面白みがないというか、企業や銭のにおいがしてくるので、（出してる側が文句付けそうだし）
ごちゃごちゃにしてそれが表にでてこないようにしてるわけ。
なのでこれはしょうがない。整理を許可すると真っ先にそれらが排除されるだろうし。
IT業界は狭くて関係しそうな人に付き合いのある方もちらほらいるので、ここに書いておく。
「なにアツくなってんねん」と思わんといてください。
前からなんだかキモチ悪いな、と思っているサービスがある。
ある会社が展開している行動ターゲティング広告だ。
ページを見ている人の行動履歴からその人に適した広告を表示するというサービスなのだが、行動履歴の取得方法が不気味。
おそらくほぼ全ての人が 【自分の行動履歴が取得されている】 とは知らずに広告が表示されているのである。
ブラウザの「バグ」を突いたようなやり方を使っており、ユーザの知らないところで「過去の訪問履歴」を取得しているのだ。
行動ターゲティング広告はどこまで許されるのか
カンタンに言ってしまうと、ユーザの目に見えない所に大量のリンクを張ったコードを埋め込み、過去に訪問したかどうかを取得している。
つまりユーザの全ての履歴を取得できるのではなく、リンクを張ったサイトの訪問履歴しか取得することはできない。
これらの行動ターゲティング広告が、どこのサイトの履歴を取っているのか実に気になっていたのだが、昨日、高木浩光さんのブログでそのリンク先を知る方法が明らかになった。
楽天ad4Uの隠しリンクを露出させるユーザスタイルシート
ブログの記事では楽天の広告が紹介されているが、Livedoorでもほぼ同じ広告が使われている。
高木さんのCSSをちょっといじって「replace」の辺りを変更すれば、リンク先のhtmlをまとめて確認することが可能だ。
今回は、Livedoorに張り付いていたある広告を調べてみた。
リンクの数、なんと8474個！？
まずはリンクの総数だ。その数はなんと 8474 もある。
上述の通り、そのユーザの過去の訪問履歴を全て取得できるのではなく、リンクを張った中に訪問済みサイトがあるかどうかを調べる仕組みだから大量のリンクを送り込む必要がある。それにしても多い。
さらに驚いたのが、サイトへのリンクだけではなく Yahoo! や Google での検索クエリもたくさんあることだ。
検索クエリというのは、サーチエンジンで検索する際に発行されるURLだと思えば良い。つまり、訪問済みのサイトを調べるだけではなく、どのワードで検索しているのかまでも調べているようだ。
実に細かいワード単位でリンクが張ってあり、「ローン」や「保険」など広告需要が高そうな単語から、「○○学校」などかなり細かくセグメントされたキーワードまでもある。
「ダイエット」というワードもあるので、こうした言葉や訪問サイトを組み合わせれば性別や年齢層もある程度は絞り込まれてしまう。
今のところは、こうして得られた行動履歴データはローカル側で処理されていてサーバには情報が蓄積されていないようだが、今後どうなるかはわからない。
広告そのものを否定するつもりはなく、自分と全く関係ない広告が表示されるぐらいなら興味関心のありそうな広告が表示されるのはむしろ歓迎だ。
しかし、ユーザの知らないところでソフトウェアのバグをついたような仕組みを使って、過去の訪問サイトや検索キーワードまで調べているのは正直、良い印象は持てない…