blog*citron

• 050203
• 咲哉

ほしいですよねー！はてなー風。
といっても同じくプラグインなんか作る知識はありゃしません…
脚注機能使いたい…

（といっても、そんなにはてなの入力ルールを熟知してるわけではないんですが…)

• 050204
• takkyun

sbのご利用ならびにテンプレートの配布ありがとうございます。

はてな風までいかずとも、もどきなものだったら、私でも作れると思います。
# 一応、標準添付プラグインに sbtext_format.pl という奴はあって、ちょっとした Wiki もどきな書式で記述できます。

ざっと見た限り、結構書式の仕様が複雑なので、パフォーマンスがちょっと心配ですが、時間が出来たら、試作品作ってみますね。

• 050204
• 咲哉

わー！takkyunさんだ！
リストとか注釈機能がよく使われているような気がします…
楽しみですが、ご無理なさらないようにー！

• 050204
• ユヅ

sbtext_format.pl試してみよう！

●咲哉さん
おはよございます。本当に神様降臨で一気に目が覚めました（笑）
エントリの中で書く、他の人には説明のいる単語やものに、単語から自動リンクや脚注ついたら便利だなーとか。長文の時にはリストが簡単にできるのも見やすい記事になりそうですよね。

●takkyunさん
はじめまして。
こちらこそ素晴らしいスクリプトを提供していただいて感謝しております。私のblog生活はtakkyunさん製のスクリプトで埋まっています（笑）

わー！楽しみにしています。どうぞ無理のない範囲で頑張ってくださいませ。お忙しい中こんなところの要望を目に留めて下さり有難うございました。

※注釈やgoogle,amazonへの自動リンクをよく見かけまーす。

• 050206
• takkyun

試作品を作りました。
link

使って頂いて、こうだったらいいなぁとかご意見いただければと思います。

お忙しいとは思いますが、よろしくお願いします。

• 050206
• takkyun

追記です。

基本的には sbtext_format と一緒なんですが、以下の書式を追加でサポートしています。
・番号付きリスト「行頭に +」
・注釈「(()) で囲む」
・keyword, googleリンク「[keyword:キーワード], [google:検索ワード]」

なお、google は省略可能なので、[:検索ワード]としても google にリンクします。

後の書式は sbtext_format と同様です。

• 050206
• 咲哉

早速テストさせていただいていますー
注釈のナンバーが「0」から始まるので、これが「1」からだといいなーとおもいました。
あと、

「^」と「()」で挟まれた部分をリンク文字列とする

および、

google検索&はてなキーワード

の部分は、target指定はできないのでしょうか？
ご検討ください。よろしくお願いいたします。

• 050206
• takkyun

＞ユヅ様
すみません、この場を借りてしまって。
もう少しだけ。

＞咲哉
ご指摘の部分、修正しました。
ファイルを差し替えたので、お手数をおかけしますが、もう一度お試し下さい。

今度は target 属性の指定も出来るようにしました。ただ、設定はプラグインファイル内で行います。デフォルトでは _blank に設定されていて、外部へのリンクは自動的にそのターゲットのリンクになります。

脚注も 1 から始まるようにしてみました。

なお、脚注のクラスは footnote となるようにしています。

あと、リンクですが
^リンク名(アドレス)
という書式以外に
[リンク名:アドレス]
という書式も利用できます。お好きな方でどうぞ。
# もちろん、文章にアドレスを書けばそのままリンクされます。

以上、よろしくお願いします。

• 050206
• takkyun

あぁ、すみません。咲哉さん、呼び捨てにしています。申し訳ございませんでした。

• 050206
• 咲哉

＞takkyun様
確認しましたー！target指定も脚注番号もありがとうございます！
早速愛用させていただきたいとおもいますー！わーい！
あ、お名前はお気になさらずにっ！

＞ユヅさん
同じく場所をお借りしてすいませんm(__)m
こうなってくると早く本サイトもsb化したい気持ちが加速しましたｗ

• 050206
• ユヅ

わー仕事が速いです・・・！！ありがとうございます。すごく便利そう。
ちょっとFTPにログインできなくなっているのですぐに自分でテストが出来なくて悔しい…！（サーバーに調査依頼中です）
ここは好きに使っていただいて構いませんので＾＾
上にあげてもっとテストしてみたい人や意見が見えるようにしたほうがいいかな？

• 050206
• 咲哉

お言葉に甘えてもう1点気になる点を。

注釈なのですが、「本文」と「続き」どちらでも使うとそれぞれでナンバリングされる上に、本文でいれた注釈は本文の終わりに、続きで入れた注釈は続きの終わりに掲載されるようです。
これを通し番号＆エントリー下部にまとめて掲載はワガママリクエストなんでしょうか？
（うーん。仕組みがわからないからどのくらいムズかしいかわからにゃい…)

• 050206
• 咲哉

きゃーすいません。さらに追記ですっ

「自動改行」だと問題ないのですが、「sbtext」にすると、<P>の前後(前の行と後ろの行)の余白がなくなってしまうのはプラグインと関係があるのでしょうか…？
sbtextにするとタグが使えないので改行の1行あけっていうのができないのですが…
参考までにURL部分にsbtextで投稿した記事のURLいれてありまーす

• 050207
• 咲哉

<P>の改行が効かないのは
CSSの問題かも…
という気もしてきたんですが…
いまだ解決できず…

• 050207
• ユヅ

咲哉さん＞
CSSの最初の方にこれ入ってない？
div, p, hr, blockquote, address, noscript {
position: static;
margin: 0px;
padding: 0px;
font-style: normal;
font-weight: normal;
}
これからp抜いたらどう？

• 050207
• takkyun

＞咲哉さん
また差し替えました(ver 0.03)。

脚注の位置指定が可能になりました。
sbtext_format.pl の中で設定します。

'footnote' => 1, # 脚注の付加処理 => 0 : 各本文の後ろ , 1 : 後ろにまとめる , 2 : 個別表示時のみ表示

という行があってそこで脚注の表示位置を指定します(デフォルトは 1)。

また、脚注のマークアップを変更しました。
これまでは <p class="footnote">～</p> のように書き出していましたが、

<ul class="footnote">
<li>～</li>
：
</ul>

のようになります。脚注部分のスタイル指定が楽になると思います。

あと、段落で間が空かないのは、

div.entry_body p { margin-top: 1em; }
div.entry_more p { margin-top: 1em; }

というスタイル指定を css テンプレートに追加してみてください。
# 1em は 1 文字分の幅なので、大きさはお好みに応じて。

以上、ご参考まで

• 050207
• 咲哉

＞ユヅさん
わーん。ハリー愛用中なんですけど、その指定はいってないんですよー
<p>には指定してないっぽいんだけどなぁ。

＞takkyunさん
早速のご対応ありがとうございます！
リスト形式になってすっきりしましたっ
すいません。更なるワガママになってしまうのですが、
現在<div class="entry_more">～</div>のあとに
<ul class="footnote">～</ul>となっていますが、
それを<div class="entry_more">～</div>の中にもってくるのはムズかしいのでしょうか。
というのも、他の方が配布されてるプラグインを利用して
折りたたみの「Read More」を使っているのですが、現状だと、
「Read More」の後ろに注釈がでてしまうのです…(要するに隠れない)
外部で配布のプラグインなのが気にかかりますが…(申し訳ないというか…)

• 050207
• 咲哉

あ。書き忘れ。

takkyunさんのCSSで<P>の余白は調整できました
ありがとうございましたー

• 050207
• takkyun

＞咲哉さん
sbtext に対応した unyu.pl を同梱してみました。いかがでしょうか？

また、0.03 で sbtext を利用すると、rss ファイルなどが正しく出力されなくなってしまうバグも修正しました(ver 0.04)。

• 050207
• 咲哉

＞takkyunさん
毎度毎度の早いお仕事本当にありがとうございます！
新しいunyu.plで無事理想の挙動をしました！
ありがとうございましたっ！

• 050208
• ユヅ

咲哉さんちの脚注つきエントリ見て気づいた、針ネズミのテンプレだと罫線をつけてあるため、sup（上付）タグで罫線がズレてきますね。
罫線に沿わせたい場合はCSSで上付き分を下げるようにしておかなくてはですね。

• 050208
• 咲哉

＞ユヅさん
あのくらいはおっけー！とおもって
みなかったことにしてますｗ
<P>に余白つけても実は罫線ずれてるんですよね
（またもみなかったことにしてるｗ）

• 050208
• ユヅ

咲哉さん＞
罫線は17pxで合わせてあるので、Ｐについては余白分もボーダー含めて17pxになるようにpx指定すれば綺麗になるかと思います。
複数行すべてにボーダーはつけられないので（ブロック化される）、壁紙使うしかないんですよねえ…むむむ。

• 050209
• ユヅ

その後の実験。

行間をpxで指定して背景画像で罫線入れてるタイプのテンプレートの場合は、
Pの余白を17px（行間）にして、Blockquoteのmargin,paddinの上下部分を0にすれば、フォーマット導入後のはズレなくなります。

Pタグが各所に入ることがずれる原因のようですが、ないならないで改行に困ってしまいますよね…。
ただプラグイン導入後に綺麗に見えるようにあわせると、フォーマットをあわせていない記事はズレが起こります。
formatが入ってないところはPタグがもともと入ってないのでどーにも。
二者択一(；´Д｀)

• 050209
• ひろ

はじめまして。横入り失礼します。
脚注についてなのですが、文中の「*1」等のリンクにtitle属性を付けることは可能でしょうか？
マウスを当てた際にポップアップで表示されるようになれば、長文エントリなどで上下に目線を動かす手間がなくなるかな、と思いまして。
ますますはてな風になってしまうのですが(^^;
御検討いただけると嬉しいです。

• 050209
• 咲哉

＞ひろさん
いいですね！それ！浮かびませんでした…
はてなあんまりつかったことないからだなぁ。
でも難しそう…

＞ユヅさん
CSSのmarginをpaddingにしたら大丈夫でした、罫線。ふぅ
supの位置もなおしたのでこれで大丈夫～

• 050211
• takkyun

＞ひろさん
近日公開予定の正式版では対応します。
# 手元のバージョンでは対応済みなんですが、これ1.15Rじゃないと有効じゃないプラグインになってしまったので……。

以上、ご参考まで

• 050211
• 咲哉

今携帯で自サイトをみて気付いたんですが
脚注にしろリンクにしろ反映されないようです
（書いたまま表示される）
これは携帯のテンプレをいじれば対応可能なんでしょうか

• 050212
• takkyun

＞＞咲哉さん
ご報告ありがとうございました。
早速修正します。

以上、よろしくお願いします。

• 050324
• jollyspace

はじめまして。
素晴らしいプラグインに出会えて感謝感謝です。それで、ひろさんがリクエストされていたtitleを使ったチップヘルプを付けてみました。
バグがあるかもしれませんが今のところ大丈夫そうです。
具体的な方法については、ちょっと面倒なのでトラックバックさせていただきました。参考になれば…。

• 050325
• jollyspace

たびたびすいません。
画像リンクの改造でバカなことをしていたのを発見し、スクリプトを修正しました。m(_ _)m

• 050325
• ユヅ

はじめまして。
おおおー、チップヘルプがつくようになってますね！
早速ためさせていただきますｖこうなったらいいな、を実現させる技術のある方は素晴らしいですね＾＾

ちなみに、エントリーからのこの記事へのアンカータグが一部消えているようです（笑）リンクは別にいいんですが、タグがそのままでちゃってるので見栄えの点で一応ご報告しますｗ

• 050326
• jollyspace

こんにちは。
あれ？そうですか？アンカータグ変ですか？おかしいですねー。こちらは何も問題なく表示されているのですが…。ソースを見ても問題ないし…。(w｣_w｣?)ハテ　文字コードが関係してるのかなぁ。UTF-8なんですが、、、

実は、MTとかWikiなどいろいろ遊んでいたことがあり、いろんな入力方法を通過してきましたが、はてなは強力でしたね。sbでも似たようなものがあればいいなと思っていてここにたどり着いたわけですが、使い始めるとさらにあれもこれもと欲しくなって、いま、独自バージョンを作れないかと模索中です。。。（できるんかな（汗））

この際、Shift_JISで全部作り直そうかな…。記事もほとんどないし。（こんなことばかりやってるからいつも記事がない（爆））
でもそうすると外国語入力に問題が出そうですね。語学系統は別のブログにするか…。

• 050326
• jollyspace

あー、いま分かりました。トップページの方ですね。エントリーページばかり見ていました。確かに変ですね。なぜだろう。。。
それにUTF-8がだめなら文字が化け化けになるはずですし。。。原因を探ってみます。
なんだかバカバカしいコメントになってしまいましたのでこれも含めて削除していただいて結構です。すいません。m(_ _)m

• 050326
• jollyspace

変なふうに表示されていた原因が分かりました。ちょっと別の実験をしていてスクリプト名を変えれば良かったのに同じものでやってしまって、バグを仕込んでいました。紹介した改造部分とはまったく無関係のところでした。紹介している改造自体は間違っていないと思います。とにかくページを汚してしまって申し訳ありませんでした。コメントの削除をお願いします。m(_ _)m

• 050327
• ユヅ

トップページのほうです～。
悩ませてしまってすみません；
汚されてるとは思いませんし、誰に返信しているのか他の方がわからなくなりそうなのでこのままにさせてください（笑）

sb_text_formatについて今気になっている点は２つほど。
・[asin:番号]を使ってアマゾンの商品にリンクを貼ろうとすると、asin番号がそのまま表示されて番号にリンクが貼られるのですが、商品名にリンクを貼るようにできたらなぁと思いました。（商品名は自分で記入する形で）
・アマゾンへのリンクをはると、ユーザーが登録しているアフリエイトIDではなく、simpleboxes-22になってしまうこと（笑）
書き換えればいいんですが、利用される方によっては何処を触っていいか…という場合もあるので設定できるようになると親切かなと思います。

引用にした時に上部にだけ1行分の空白が空くのもちょっと気になるところ。margin,paddingを0にしてもだめでしたー；
これはCSSで直せそうな気もするんですが。

• 050329
• jollyspace

コメント削除却下了解しました。（笑）

さて、改造第２弾を公開しましたのでよろしければ参考になさってください。

• 050401
• ユヅ

●jollyspaceさん
仕事がはやい・・！
第２弾もさっそくＤＬです★

blockquote pは私もやってたんですが効かなかったんですよ～なぜか；
div.entry_body blockquote pにしたら上手くいきました＾＾

• 050402
• jollyspace

＞ユヅさん

いま、wikiとはてなを参考にした独自バージョンを作りたいなと思っているところです。（「思っている」という部分が重要^^;）
CSS関連は構造次第で変更部分が微妙に違ってくるんでしょうね。