みかづきブログ その3

3ヶ月つづけてみました。

連続する2つのツイートで1つのイラストを完成させるツイートボタンつくりました。 🐳

1行でまとめると

f:id:kimizuka:20170622095320p:plain

こんな感じのことができるツイートボタンをつくりました。


はじめに

こどもの頃、FF6で連続魔が使えるようになったとき、最強じゃないかと思いました。

FINAL FANTASY VI

FINAL FANTASY VI

  • SQUARE ENIX INC
  • ゲーム
  • ¥1,800



クロノトリガーで2人技が使えるようになったとき、すごい概念だと思いました。

クロノ・トリガー

クロノ・トリガー

  • SQUARE ENIX INC
  • ゲーム
  • ¥1,200



ドラゴンボールの単行本の背表紙が1枚の絵になっているのを見たとき、かっこいいなぁと思いました。

DRAGON BALL モノクロ版【期間限定無料】 1 (ジャンプコミックスDIGITAL)

DRAGON BALL モノクロ版【期間限定無料】 1 (ジャンプコミックスDIGITAL)

(期間限定で1巻が無料だ!)



そんな思い出を元に(?)、連続押下でツイートを連投すると、1つのイラストが完成するツイートボタンをつくってみました。


DEMO

See the Pen DoubleTweetButton by kimmy (@kimmy) on CodePen.

ボタンを押す度にバッジの数が減っていきます。
順番に投稿すると、

f:id:kimizuka:20170622095320p:plain

こんな感じのタイムラインが完成します。
(3回目の投稿でようやくURLがシェアされます)


原理

OAuth認証なしで画像をシェアしてもらうために、 こちらの手法 をつかっています。

kimizuka.hatenablog.com

事前にツイートを用意しておけば、なにも難しいことはないのですが、2回連続で謎のURLをシェアさせられるのでちょっと怖いですね。。。

この原理をうまくつかえば、いつもより2倍ツイートされるウェブサイトをつくれるかもしれません。^ ^
Facebookでも同じようなことができそうなので、機会があったらつくってみたいです。