読者です 読者をやめる 読者になる 読者になる

めもりすずこ

めもりすずことは、僕に関する出来事を記録することにより記憶を助ける文書である。

#ABPro 2016で発表したMimori Suzu Codeについて

こんばんみ.ABPro2016で「かわいい💕ツイート🐔が作れる💪エディタ✒️ Mimori Suzu Code」を発表しました.当日のツイートの様子はTogetterでまとめられています.

togetter.com

かわいいツイート #とは

かわいいツイートとは以下の通りです.

つまり,このようなツイートが作成できるエディタを構築します.かわいいツイートを目指す理由は,汚いツイートよりかわいいツイートの方が多方面に有益であるからです.RTといいねの数が実証していますね.

準備

かわいいツイートの取得

Node.jsでTwitter APIを叩き,三森さんのツイートを取得します.RTは省き,本人のツイートのみを取得するようにしました.

f:id:mimorisuzuko:20160925165959p:plain

ツイートの加工

取得したツイートを加工していきます.

まず,ツイートに含まれる不要な文章を消します.不要な文章とは,例えば,古い引用RTの形で含まれた他の人のツイート,画像やリンクのURL,ハッシュタグなどです.

そして,不要な文章が無くなったツイートをいい感じに分けていきます.これが1番大変でした.上記で挙げたツイートもそうですが,三森さんのツイートは句読点はもちろん,顔文字,絵文字,「笑」などが文章の区切り文字になっています.

推しのために丹精込めて手動で分けていくのは天にも昇る気持ちになると思いますが,作業の過程で本当に天に召される可能性があったので丹精込めてプログラムを書きました.

github.com

www.npmjs.com

エディタの外観を作る

Visual Studio Code上でDev Toolsを開いてDOMの構造や色を参考にして作成しました.見た目通り,中身もしっかり組んであります.

当日

ツイートするところを直前に組み直したのでライブデバッグする羽目になりました.

おわす.

github.com