ScrapboxからTwitterへ出力する方法ーいつもていねいに

このブログ「いつもていねいに」を書いている 小田やかた です。
プロフィールはこちら、Xのアカウントはこちらです。

ScrapboxからUlyssesに出力する方法を以下の記事で紹介しました。

ScrapboxからUlyssesへ出力する方法日々、Scrapboxにアイデアメモを保存し、それをもとにUlyssesでブログの記事を書いています。となると、Scrapb...

それをScrapboxからTwitterに出力するスクリプトに改変しましたので共有します。

１　Scrapboxのページの全文をTwitterに出力する方法
- （１）コード
- （２）使い方
２　Scrapboxの選択したテキストをTwitterへ出力する方法
- （１）コード
- （２）使い方
３　おわりに

１　Scrapboxのページの全文をTwitterに出力する方法

（１）コード

Scrapboxのページの全文をTwitterに出力するスクリプトです。

以下のコードをScrapboxのユーザーページに書いてください。

すると、Scrapboxのページメニュー（右端に表示されるメニュー）にボタンが追加されます。

code:JavaScript
　scrapbox.PageMenu.addMenu(\{
　title: 'Twitterへ出力',
　image: 'https://gyazo.com/9cc74405e15f74b137313dcc84ba1580/raw',
　onClick: () => window.open(`https://twitter.com/intent/tweet?text=${encodeURIComponent(window.scrapbox.Page.lines.map(line => line.text).join('\n'))}`)
  })

（２）使い方

右端のページメニューに新たに追加されたアイコンをタップすると、以下の動画（iPad）のとおり、Twitterが起動しページの全文が出力されます。（動画が始まったら右端のメニューに注目してください）

２　Scrapboxの選択したテキストをTwitterへ出力する方法

（１）コード

次にScrapboxのページの中の選択したテキストをTwitterに出力するスクリプトです。

以下のコードをScrapboxのユーザーページに書いてください。

すると、Scrapboxのテキストを選択したときに表示されるポップアップメニューに「Twitter」というメニューが追加されます。

ちなみに、ポップアップメニューは、パソコン、もしくは「JS BOX」、iPhoneアプリ「Porter」でしか表示されません。（私の環境の場合だけかもしれませんが）

code:JavaScript
 scrapbox.PopupMenu.addButton(\{
   title: 'Twitter',
   onClick: text => \{
 const encodeText = encodeURIComponent(text);
 const url = "https://twitter.com/intent/tweet?text=" + encodeText;
 window.open(url, "_blank", "width=600,height=300");
   }
 })