絶賛ShareHtmlをカスタマイズなうの@saita_ryouheiです。
↑のサムネイルはモザイク処理をしたカスタマイズしたShareHtmlの画面キャプチャーです。
一気にカスタマイズしたものを公開してもいいのですが、ボリュームが多いので分けようと思い、今回はカスタマイズ内容だけでも公開していきます。
その前に
カスタマイズするにあたりひろさん(@hiro45jp)に了承を得、カスタマイズしていますのでご理解ください。
カスタマイズ内容
以前公開したMyScriptsでShareHtmlを作成するスクリプト。
それで実現させた2つの事があったと思います。
- サイト名、サイトタイトルの除去
- 出力先の選択
これをカスタマイズしたShreHtmlに組み込みました。
サイト名・サイトタイトル除去
上記エントリーはDraftPadのアシストに関する内容です。
しかし、今回ShareHtmlに施したカスタマイズ内容は上記エントリーと同等の事をしています。
出力先の選択
本家、@hiro45jpさんのShareHtmlでは以下の出力形式に対応しているかと思います。
- プレビュー表示
- ポップアップのみ
- Textforceに連携
- DraftPadに連携
- するぷろに連携
カスタマイズしたShareHtmlでは上記出力形式は踏襲しています。
プラスで何個かアプリを足しています。
それと更にちょっとした工夫を施しています。
ちょっとだけ説明すると出力先を固定させないということです。
ブックマークレット生成時のUI
jQueryを使いちょっとだけリッチなUIにしています。
こちらは公開時に実際に触れてもらえれば分かるかと思います。
アニメーションを使い、面白くしています。
はてブ数
本家のひろさんのShareHtmlでは、はてブの数を表示するテンプレートだと思います。
それを選択性にし、表示したい、表示させたくないの両方の意向に沿えれるようにしてカスタムしています。
最後に
自分で言うのもなんですが、今回のカスタマイズ、結構良いカスタマイズしているんじゃないかな〜なんて自己満足しています。
ちょっとだけ入力項目、選択項目が増えたので使う側の負担がちょっと増えるのでそこだけが心配ではあります。
そこを我慢して頂ければ結構使いやすい、カスタマイズしたShareHtmlにじゃないかなと思っています。
本家ShareHtmlがかなりの普及をしているので自分のカスタマイズしたShareHtmlを公開した所で使って頂けるかは不安ではありますが、公開後、もしよければ使って頂ければと思います。
Leave a reply