ブックマークレット」カテゴリーアーカイブ

(はてブ数表示つき)Markdown用のリンクを生成するブックマークレット書いた

投稿日:

先日、こんなのを書きました。
Markdown用のリンクを生成するブックマークレット書いた | Shimabox Blog
そしてついでといってはなんですが、上記リンクにはてブ数も表示するタイプも書いてみたのでサラッと残しときます。

はてブ数を表示するには

まず、はてブ数を表示する方法ですが 自分のブログに「○○users」を表示する – はてなブックマークヘルプ にある通り、

<img src="http://b.hatena.ne.jp/entry/image/はてブ数を表示したいサイトのURL">

といった形式でimgタグを書く必要があります。そうすると、はてブ数が表示されます。
今回のタイプは上記のタグを前回生成したリンクの後に付与しただけのものになります。

こんな文字列を生成します。

[自分のブログに「○○users」を表示する - はてなブックマークヘルプ](http://b.hatena.ne.jp/help/entry/count#count "自分のブログに「○○users」を表示する - はてなブックマークヘルプ")<img src="//b.hatena.ne.jp/entry/image/http://b.hatena.ne.jp/help/entry/count#count" style="vertical-align:middle;margin:3px 0 3px 5px;">

  
貼り付けるとこうなります。  
自分のブログに「○○users」を表示する – はてなブックマークヘルプ

ソース

ソースはこんな感じです。

javascript:!function(){var e=document.body,t="___bookmarklet-display-title___",l=document.getElementById(t),i=document.title,n=location.href,o="["+i+"]("+n+' "'+i+'")',a='<img src="//b.hatena.ne.jp/entry/image/'+n+'" style="vertical-align:middle;margin:3px 0 3px 5px;">';null!==l&&e.removeChild(l);var d=document.createElement("textarea");e.insertBefore(d,e.firstChild),d.id=t,d.value=o+a,d.style.width="100vw",d.style.position="fixed",d.style.top=0,d.style.left=0,d.style.zIndex=2147483647,d.focus()}();void(0);

この文字列をコピー後ブックマークに保存して、任意のサイトで実行するとマークダウン用リンク + はてブ数 を表示する文字列が生成されます。

続きを読んでみようかな…

Markdown用のリンクを生成するブックマークレット書いた

投稿日:

ちらほらと鳴き出すセミが出てきたよ(5•7•5)。そういえばセミが鳴くのはオスの求愛行動って聞きますが、早く地上に這い出てしまったセミは子孫繁栄に失敗しやすいのか、はたまた成功しやすいのか気になる所ですね。

話は変わって、何かマークダウンで書いている時に参考サイトのリンクを書くタイミングで僕はよくこうなります。

  • titleを抜き出すのめんどくさい
    • ソース見たりとか
  • titleコピって、URLコピって、リンクの書式書くのめんどくさい
  • そもそもリンクの書式ってどうだったっけ?

はてなだと、確かURLを貼ったら自動で生成してくれたから楽だったんだけどWordpressだとそこまでやってくれない。だからいつも自作業。
※なんかそういうプラグインあるんだろうか
※ほかのCMSは分かりません

で、 リンク(インライン)の書式 ※1 はこう。

[リンクテキスト](URL "タイトル")

(自分の中では、リンクテキストとタイトルは一緒になる事が多いと思う)

例: こう書くと

[セミはどうして(あんなにうるさく)鳴くの|科学なぜなぜ110番|学研サイエンスキッズ](https://kids.gakken.co.jp/kagaku/110ban/text/1233.html "セミはどうして(あんなにうるさく)鳴くの|科学なぜなぜ110番|学研サイエンスキッズ")

セミはどうして(あんなにうるさく)鳴くの|科学なぜなぜ110番|学研サイエンスキッズ
こうなります。

書式とか覚えればいいんだけど、普段の業務でマークダウンを書く機会がそこまで無いからいつもググっています。

というわけで上記問題を解決する為、リンクの書式を生成するブックマークレットを書きました。
(リンクの書式は色々あるんですが、自分が使うのはほぼ上記の書式※1なので上記書式のみの対応です)

続きを読んでみようかな…