PickleというURLがあるツイートだけ見れるTwitterクライアントアプリを12日間で作ってみた。

By@mtoksuyOn 2013年07月10日

Tag To
つくってみた
TwitterAPI1.1
Twitterアプリ
Pickle

PickleというURLがあるツイートだけ見れるTwitterクライアントアプリを12日間で作ってみた。

Twitterで仲良くして頂いている方と会話をしていた時にタイトルのようなクライアントアプリを作るって決めてから、その日の夜にTwitter API1.1って何だろうって軽く検索していたら意外と簡単な雰囲気でコードが書かれていたので開発に手をつけました。Pickleを作った理由、工程、ネーミングの由来等を書いていきます。

Pickleとは?
- 1.Pickleの想い
- 2.Pickleの使い方
- 3.ネーミングの由来
Pickleを作るきっかけはここからスタートしました
いざ、開発してみるとエラーの山に・・・
神記事が僕の前に現れました
完成までにかかった開発期間は12日間
Twitterでネーミングを募集してみた
Pickleで絶対に達成したいリスト
Pickleを開発する際に勉強になった記事リスト
まとめ

Pickleとは?

まずはここから説明していきたいと思います。

Pickle

Pickle(ピックル)はURLがあるツイートだけ見れるTwitterクライアントアプリケーションです。

Pickleの想い

どんな人に?

クリエティブな仕事をしている人の為に作りました。
ワークタイム中に情報を得たいあなたに

ワークタイム中でもPickleをさっと開いてURLのみを閲覧する事が出来ます。
情報を得るもう一つの手段

Pickleを使えばフォローしている人達が注目している記事も瞬時に見つかります。

Pickleの使い方

TLを見る

URLがあるツイートだけを見る事が出来ます。
お気に入りに入れる

後で読みたい記事やお気に入りにとして残したいツイートをお気に入りへ。
Buzzを見る

1日、1週間、1ヶ月のレンジで注目の記事を気軽に見つける事が出来ます。

ネーミングの由来

Pickle(ピックル)とはピクルスのようなという発想と

LINKをPickするという意味合いからPickleと名付けました。:)

Pickleを作るきっかけはここからスタートしました

こんなツイートをしました。

わーん。もう、TLで質の高い記事をツイートしているのを発見するのは効率悪すぎるなー。目視て。。。そうゆうクライアントかツールないのかなぁ。なかったら作ろ、時間短縮にもなるし。
— マツオカソウヤ (@mtoksuy) June 25, 2013

その後にこんなやり取りがありました。

@mtoksuy 面白かったのでつい笑　その面白いの種類がすごく気になります、単純にTL荒らしまくってハリケーンの如く大災害みたいなものかと思うのですがあばばば。TL早すぎて有益な記事見つけるの大変と仰っていたので、「あっ･･･」となりまして･･･。
— うんせせ(サイケデリア充) (@unkonoseseragi) June 26, 2013

やばい、あのツイートで傷つけてしまったかも、、と思いPickleを作ろうと決意。

早速、夜にTwitterAPI1.1なるものを探しまくりました。

おいら、これ見てURLを張っているツイートのみのTLを表示するクライアント作る!! | PHPで『Twitter API 1.1』を使って、つぶやきの検索結果を取得したときのメモ | ユメミチ http://t.co/FPqKwhDjp0
— マツオカソウヤ (@mtoksuy) June 26, 2013

いざ、開発してみるとエラーの山に・・・

もう、アクセストークンとかなんやらで意味が分からない挙動に速攻で挫折しました。

ログイン機能を使わないでAPIだけで呼び出して表示するのはPHPで『Twitter API 1.1』を使って、つぶやきの検索結果を取得したときのメモに載っているソースコードでまるまるコピーすれば動くのですが実現したい事はログイン機能を付けてユーザー情報を参照する事でしたので、どうすればいいのかわからなくなってしまいハマってしまいました。

まさにわからない事がわからない状況に陥ってしまいました。

神記事が僕の前に現れました

開発総時間 2時間も経たない内に「もう無理かも。。」と諦め半分でひたすら様々な方法でググりまくった結果、神記事に出会えました。

神記事

PHP と Twitter API で OAuth 認証を行う「タイムライン取得」「呟き（つぶやき）投稿」「ログイン」

この記事半端ないです。この記事を見るだけでwebサービスは作れます。

本当に、本当にありがとうございました!

完成までにかかった開発期間は12日間

ログイン機能が実装されてからの開発はサクサク進みました。

開発にかかった時間を大雑把ですが、さらしたいと思います。

サーバサイド

データベース

全てに絡まっている場所ですので時間は計算しにくいですが2日はかかりました。
URL抽出機能

少し前にBuzzfeedというwebサービスで様々な機能を作りましたので、そこから拝借。最適化しなおして3時間はかかりました。
設定機能

APIの制限で自由に出来ませんでした。3時間くらい。
Ajax機能(お気に入り機能、フィードバック機能)

Jqueryでやりたいなーってところから入ったので少し時間がかかりました。1日くらい。
Buzz機能

まだ完全には完成はしていないのですが、2日はかけました。

フロントサイド

マークアップ

かかった時間は計算しにくいですが2日くらい。
デザイン

デザインというデザインしていなくてすいません。。1日くらい。

ドメインとサーバ

ドメイン

ドメインを取得したのですが、ここが一番時間かかりました。というのも相手側のトラブルでネームサーバーの変更が出来ない状態で急いでいる趣旨を伝えてようやく復旧しました。10日間は待ちました。。
サーバ

最初から借りていましたのでそこに入れました。3分。

とまぁ、振り返るとやりたい事がシンプルでしたのでサクサクと開発は進みました。ただ、12日間もかかってしまい自分自身の技術力のなさと集中力のなさが露呈してしまい、これからはその足りない部分を補完しながら次の新たなサービスを作れたらなって考えています。

Twitterでネーミングを募集してみた

URLを抽出してTL表示出来た頃に、このwebサービスは完成できると思いましたのでネーミングを考えたのですが、中々良い案が浮かんで来なかったのでTwitterで募集してみました。

※全員にツイート表示許可は得ました。

【ゆるぼ】URLがあるツイートだけ見れるクライアントアプリ(閲覧とふぁぼに特化)作ったけど名前が決まっていないのでアプリ名募集。拡張機能としてはユーザーのTLを自動集計して人気のある記事(URL)を1日、1週間、1ヶ月で見れるページも作成。
— マツオカソウヤ (@mtoksuy) June 27, 2013

ネーミングを考えてくれた優しい方々。

ゆーあーるえるを狙ってげっと。とかね？
— うんせせ(サイケデリア充) (@unkonoseseragi) June 27, 2013

つぶっくまーく！tbookmark？
— 岸本健一郎 (@ken_kishimoto) June 27, 2013

進撃のブックマーク！
— 岸本健一郎 (@ken_kishimoto) June 27, 2013

今思いついた！えきちゅう！！（有益な情報中毒）
— うんせせ(サイケデリア充) (@unkonoseseragi) June 27, 2013

「ハイパーリンク」と「タイムライン」でHyperLine..
— 鈴木うし 4.3 (@g737a6b) June 27, 2013

@mtoksuy 「つまみぐい」を提案しますー。「今日のつまみぐい」とか「今月のおいしいところ」とかが機能名のイメージです。「つぃまみぐい」を思いついたのですが、言いにくくて。
— 狛犬丸によ (@komainumaru) June 27, 2013

@mtoksuy LinkだけをpickしてくれるのでLinpick(リンピク)ってどうでしょう｜ω・）
— 角田(Scoob実行委員会)綾佳 (@spicagraph) June 27, 2013

@mtoksuy つまみつながりで、LINKとpinchos（スペインの串にささったつまみ）あわせて「linchos」（リンチョス）も考えてみました。チョスにほんのりとchoiceの面影も入れつつ…。エキゾチックすぎますが。「clippingmania」も考え文字制限でアウト。
— 狛犬丸によ (@komainumaru) June 27, 2013