ScrapboxにTwitter共有を実装した話

背景

あ゛ぁ゛〜研究し゛た゛く゛な゛い゛ぃ゛ぃぃぃ〜〜〜

そうだ！ScrapboxにTwitter共有機能を実装しよう。

理想

基礎知識

Twitterは以下のようにすることで任意の文字列をツイートするURLとなる。

ScrapboxではAlt+Tのショートカットにタイムスタンプ機能がある。デフォルトだと以下のように現在の日時が記述される。

2022/3/17

合体

code:初期.js

scrapbox.TimeStamp.addFormat("YYYY年M月D日h:m");

これに変数として文字列宣言すればいけるいける楽々珍々

code:失敗.js

//ツイート文

var tweet = "ひゆうはじめさんのScrapboxの記事を共有しました。"

//ツイートURL整形

//スタンプされる文の整形

scrapbox.TimeStamp.addFormat(text);

result

ハイガバ、jsを書いているページで変数宣言したら、折角URL取得しても取得されるのはsettingのなんだよなぁ〜

ハイハイ、わかんないことは調べようねぇ〜。ナント！？タイムスタンプの引数に関数を！？

あと、日付も横着せずにjs側で文字列処理してあげようね！！

code:ヨシ.js

scrapbox.TimeStamp.addFormat(()=>{

var now = new Date();

var year = String(now.getFullYear()) + '年';

var month = ('0' + String(now.getMonth() + 1) + '月').slice( -3 );

var day = ('0' + String(now.getDate()) + '日').slice( -3 );

var hour = ('0' + String(now.getHours()) + ':').slice( -3 );

var minute = ('0' + String(now.getMinutes())).slice( -2 );

var tweet = "ひゆうはじめさんのScrapboxの記事を共有しました。"

return "記述日:" + year + month + day + hour + minute;

);

見栄え

Scrapboxくんは記事内の最初の画像をトップページで表示する。

そうだ、そもそも1枚目の画像をTwitterアイコンにしなければいい

https://gyazo.com/4031bb41108a1756d5556efc02346660

この画像を、見えないくらい縮小して例のタイムスタンプの頭に付けておこう

code:実装ver.js

scrapbox.TimeStamp.addFormat(()=>{

var now = new Date();

var year = String(now.getFullYear()) + '年';

var month = ('0' + String(now.getMonth() + 1) + '月').slice( -3 );

var day = ('0' + String(now.getDate()) + '日').slice( -3 );

var hour = ('0' + String(now.getHours()) + ':').slice( -3 );

var minute = ('0' + String(now.getMinutes())).slice( -2 );

var tweet = "ひゆうはじめさんのScrapboxの記事を共有しました。"

return "記述日:" + year + month + day + hour + minute;

);

完了

いや〜1時間くらいで終わると思ったら、がっつり1.5時間くらいやっちゃったね。

いい気分転換になりました、研究に戻りま〜す。

お世話になった記事