2018-11-11

Qiita記事にブックマークレットのリンクを埋め込む

投稿:2018-11-11, 更新:-, Tag:Qiita,tips,bookmarklet,ブックマークレット,codepen

課題

Qiita記事にブックマークレットのリンクを貼ってもURLエンコードされたり、そもそもURLが削除されたりして直感的にブックマークに登録してもらえないよ!

解決策

CodePenを使うよ!

https://codepen.io/

CodePenにあたらしいPenを作り、<a>タグのhref属性にブックマークレットのコードを貼って、Qiitaに埋め込むだけ!

使用例

拙作「QiitaのtipsをQiitadonの左下に表示」ブックマークレットを例に挙げます。

右ペインのリンクを右クリックすると、ブックマークレットをクリップボードにコピーできるぞ! ソースコードもそれっぽく表示されるのでついでがいいね!

See the Pen qQaRJN by hidao (@hidao80) on CodePen.