t0mori
お、日付が引っ張ってこれるのは良いですね、頂きます。今までカムさんのプチわくを改造して cite 属性と title 属性に日付入力欄を足して、日付は手入力してました。

しっかし、ホント、これはOKAMURAさんらしいBookmarkletだなぁ……。
 t0mori
一応報告。 iframe もダメなのを確認しました。
 KHOO
引用の仕方、正しく理解してませんでした。
マークアップって奥が深いんですね。
 OKAMURA
t0mori さん:
> しっかし、ホント、これはOKAMURAさんらしいBookmarkletだなぁ……。
三、四ヶ月前にここに書いたことをテーマに説明しているページを読んだことがあって、解説部分は多くはそれの受け売りです。どこだか忘れちゃったのでリンクしたくてもリンクできないんです。

> 一応報告。 iframe もダメなのを確認しました。
やっぱり駄目でしたか。今まで frame や iframe のページから引用しようとしたことがなかったので、公開前の検査で気付いて 10 分ほど悩んで捨てました。(^^;

KHOO さん:
> マークアップって奥が深いんですね。
ほんとそうですね。今でもこの引用について悩んでいるところがあります。
 mojo
日付の解釈が人によって変わってくるかも知れませんね。素直に<引用日時>が○月○日と思ってくれればいいのですが、引用元の記事が<書かれた日付>だと思ってしまう人もいるかも(僕がそうでした)。

たとえば紙媒体で新聞から引用するときには、「○○新聞○○年○月○日付けから引用」なんてことをやりますね。

このあたり、ネットでは記事を引っ張ってきた日時を入れるというのが標準的なのでしょうか。
 OKAMURA
mojo さん:
確かにそれがわかり難いです。引っ張ってきた日時が標準ということはないと思いますよ。単純に私がそうしているだけです。

本当は最終更新日時の方がよいと思うのですが、CGI が出力するページのなど必ずしもそれが取得できないから引用するときの日時にしました。

これも悩み中のことの一つです。
 OKAMURA
ただ、新聞などは毎日刷り上がる新聞のうちどれかを示すための日付という意味があると思うので単純な類推はできないとも思います。
 mojo
「光の中に去ってゆく君を見送る」より(引用日 2006年6月4日)

↑みたいな表記だと分かりやすいかなとも思いましたが、逆に混乱させてしまうかも。

まあ、元の表記でもサイトに飛んでいけば、いつ書かれた記事なのか分かりますもんね。
 OKAMURA
mojo さん:
「引用日」とか「引用日時」とか「時点での」とか色々ありますね。この辺のフォーマットもカスタマイザブルにすると、色んな工夫が出てきていいですね。
時間ができたらちょっと考えてみます。

追記:
引用元タイトル から引用日時に引用」だったら文字数を変えずに引用した日付だと日本語的にもはっきりしてますね。title 属性の方からはいっそのこと日付けをとっちゃいましょうかねえ。
 mojo
ご苦労様です。なんだか日本語って難しいですねえ。紙媒体と違ってウェブは「更新」があるので、こういうことをよけいに難しくしてしまいますね。
 t0mori
Web ページは常に変化する可能性が有るから、引用してきた日時で良いと思いますし、新しいフォーマットの方が自然に思えます。
僕が今までやっていたフォーマットはmojoさんの提案したのに近い(ように見えてどっちだかさっぱり分らない書き方ですが)、まじめに考えだすと奥が深いなぁ……。
 OKAMURA
mojo さん:
紙媒体の積み重ねと比較すると産まれたばかりの媒体ですから、色々びしっと定まりませんね。
# その前に私は紙媒体すらちゃんとわかっていませんが…。

t0mori さん:
なんか會澤さんのところで盛り上がっちゃいましたね。
 lomo
おはようございます
タイトル通りすごいこだわったbookmarkletですね!!
blog は気軽に引用したりされたりでマナーやマークアップに留意されている方ばかりとは限りません。
実際記述が面倒っていうのもあるでしょうし…
このbookmarkletのように簡単にベターな引用ができるツールがあればもう面倒とは言えませんね :P
 OKAMURA
lomo さん:
lomo さんのエントリに Trackback しようかどうか迷ったのですが、そこへのリンクがないので止めました。見付けてもらえて光栄です。

しかし、よく見付けましたねえ。
 panser
はじめまして!是非ともこのツールを利用させて頂きたいのですが使用方法がいまいちわかりません。お手数ですがアドバイスお願いできないでしょうか?
 OKAMURA
panser さん:
Windows の Internet Explorer 6 をお使いですか? その場合は次の手順でやってください。

【準備】
1. エントリのセクション「そこで bookmarklet」の中の三つの「引用」というリンクのうちどれかを右クリックする。
迷うときは真ん中の「日付のみ記載」のがよいでしょう。
2. [ お気に入りに追加] を選択して「お気に入り」の適当なフォルダに保存します。
迷うときはツールバーの[リンク]に表示されるフォルダがよいでしょう。

【使用】
1. 引用したいことが書いてあるページを IE で開きます。
2. 引用したい部分を選択します。
引用したい部分の始めの部分にマウスポインタを移動してマウスの左ボタンを押し、そのまま左ボタンを放さずに引用したい部分の終わりの部分までマウスポインタを移動させて左ボタンを放します。
3. 準備でお気に入りに入れた引用のリンクをクリックします。
このとき IE の設定によってはポップアップがブロックされます。[情報バー]のダイアログが出ているときはその[OK]ボタンを押して、IE のツールバーのすぐ下の警告エリアをクリックして[ポップアップを一時的に許可]を選んでもう一度 3 をやってください。ポップアップブロックを全面的に無効にするのはお薦めしません。
 Akira
はじめまして。先日この記事を知って、運用方法がわからず四苦八苦していましたが、なんとか使えるようになりました。ありがとうございます。

そこでお訊きしたいのですが、引用先へリンクを張る場合、「target="_blank"」を付ける付けないの通例はあるのでしょうか?
このブックマークレットは付いていませんが、個人的には付けたいなぁと。

JavaScript をみてもまったくわからず…。付ける方法や通例の事、
お教えいただきたいです。よろしくお願いします。
 OKAMURA
Akira さん:
このブックマークレットに target 属性がないのは XHTML 1.0 strict や HTML 4.01 strict というマークアップの規格の中に target 属性が存在しないからなのです。strict というのはその規格の厳密なバージョンという意味です。

このブックマークレットの主旨が、そういう規格にきっちり合わせた引用のマークアップをするというものなので、target 属性を付けるオプションは入っていません。

しかし、ブックマークレットが作ったコードを貼付けるページが strict ではなく transitional ならば target 属性を入れても間違いではありません。そうするためには…長くなりそうなので次のコメントで書きます。
 OKAMURA
1. 本体の HTML ファイルJavaScript ファイルをお持ち帰りする。
それぞれのリンクを右クリックでダウンロードしてください。

2. ダウンロードした JavaScript ファイルに手を加える。
詳細は後述します。

3. ダウンロードした HTML ファイルと JavaScript ファイルを自分のサイトの同じフォルダにアップロードする。

4. ブックマークに入れたブックマークレットに手を加える。
詳細は後述します。

【JavaScript ファイルの変更】
63 行目オリジナル:
html += indent+'\t<cite><a href="'+url+'">'+SafeHtmlStr(TitleValue)+'</a> から引用</cite>\n';
63 行目変更後:
html += indent+'\t<cite><a href="'+url+'" target="_blank">'+SafeHtmlStr(TitleValue)+'</a> から引用</cite>\n';

66 行目オリジナル:
html += indent+'\t<cite><a href="'+url+'">'+SafeHtmlStr(TitleValue)+'</a> から'+NowValue+'に引用</cite>\n';
66 行目変更後:
html += indent+'\t<cite><a href="'+url+'" target="_blank">'+SafeHtmlStr(TitleValue)+'</a> から'+NowValue+'に引用</cite>\n';

【ブックマークレットの変更】
ブックマークに入っているブックマークレットの内容のうち次の箇所
http://homepage.mac.com/yuji_oka...klet/ quote.html
を上の 3 でアップロードした HTML ファイルの URL に置き換えます。

【注意】
上の措置の動作確認はしていません。自分が作って利用しているものをもったいないから他の人にも使ってもらおうというのが公開の主旨です。自分が使わないので動作確認をする動機がありません。

本体の HTML と JavaScript ファイルの著作権およびその周辺権は放棄しません。個人的にコピーおよびその改変版を使用するのはよいですが、それを再配布したり他の人に使用させるのは控えてください。同じように target 属性が欲しい人には各自で個人的にコピーして改変し、その改変版を使用してもらってください。これに同意できないときはコピーおよびその改変版の使用は控えてください。

また、このサイトは既に終了していて参照のために過渡的に残している状態です。このコメントもいつ参照できなくなるかわかりません。内容が手元に残るようにメール等で相談されるのがよいかと思います。
 Akira
なるほど、規格としては target="_blank"は無しなんですね。

やっとスタイルシートの触りを理解しかけた所なのでJavaScriptは敷居が高いですが、
丁寧な解説をいただいたので挑戦してみます。本当にありがとうございます。
著作権の件は了解です。このサイトが無くなるとこの記事も読めなくなってしまいますね…。
困ってしまいます。近いうちに引用させていただきます。

今回はありがとうございました。
- 表示されません
Gravatar にサインアップするとメールアドレスの入力でアバターアイコンを表示できます。
コメントの入力ヘルプ,


(S(P)