Chrome拡張 | qiita ( ˘ω˘)ﾉ"Y☆Yヾ(˘ω˘ ) twitter | Twitter のユーザーページ ・ Qiita のユーザーページを相互に移動する 

## :musical_score: 概要
Twitter のユーザーページ ・ Qiita のユーザーページを相互に移動する Chrome 拡張

qiita ( ˘ω˘)ﾉ"Y☆Yヾ(˘ω˘ ) twitter

を作成しました。

## <i class="fa fa-history" style="font-size:1em;"></i> 経緯
@ppworks さんや, @suzuki86 さんがちょっとした Chrome 拡張をさくっと作っているのを見て
「便利そう。自分も作成手順を覚えておきたい」
と思った。
ということで、まずは何か一つ作ってみることにしました。

* 処理内容自体よりも Chrome 拡張を作る手順を覚えること
* どうせ作るなら実際に使うもの

という点から @ppworks さんの

<i class="fa fa-external-link" style="font-size:1em;"></i><i class="fa fa-google" style="font-size:1em;"></i> [pplog ( ˘ω˘)ﾉ"Y☆Yヾ(˘ω˘ ) twitter](https://chrome.google.com/webstore/detail/pplog-%CB%98%CF%89%CB%98%EF%BE%89y%E2%98%86y%E3%83%BE%CB%98%CF%89%CB%98-twitter/hcllnjgfjhmjlcnophepcicggnpophfn)

を真似して

<i class="fa fa-external-link" style="font-size:1em;"></i> [qiita ( ˘ω˘)ﾉ"Y☆Yヾ(˘ω˘ ) twitter](https://chrome.google.com/webstore/detail/qiita-%CB%98%CF%89%CB%98%EF%BE%89y%E2%98%86y%E3%83%BE%CB%98%CF%89%CB%98-twitter/acoblfmcdfihphocnnbcokdchegphalf)

を作成しました。

## <i class="fa fa-flag-checkered" style="font-size:1em;"></i> ユースケース1
Twitter のユーザーを見て、
「このユーザーって Qiita を使ってるかな？この人が書いた記事を読んでみたい」
と思った時に、ユーザーページから 1 Action で Qiita に移動したい、
というケース。

※必ずしも Qiita と Twitter が同じアカウントとは限らないのは承知の上

## <i class="fa fa-flag-checkered" style="font-size:1em;"></i> ユースケース2
Qiita のユーザーを見て、
「この記事を書いた人ってどんな人だろう？どんなコンテキストを持っている人か気になるので
Twitter のアカウントを確認したい。連携ボタンがあるけど、ボタンを押すのが面倒だし、
ショートカットキー 1 発で移動したい」
と思った時に、ユーザーページもしくは対象ユーザーが作成した記事ページから
1 Action で Twitter に移動したい、というケース。

※必ずしも Qiita と Twitter が同じアカウントとは限らないのは承知の上

## <i class="fa fa-github" style="font-size:1em;"></i> chrome-qiita_beer_twitter GitHub
<i class="fa fa-external-link" style="font-size:1em;"></i> [qiita ( ˘ω˘)ﾉ"Y☆Yヾ(˘ω˘ ) twitter GitHub](https://github.com/tbpgr/chrome-qiita_beer_twitter)

## <i class="fa fa-google" style="font-size:1em;"></i> chrome-qiita_beer_twitter Chrome ウェブストア
<i class="fa fa-external-link" style="font-size:1em;"></i> [qiita ( ˘ω˘)ﾉ"Y☆Yヾ(˘ω˘ ) twitter Chrome ウェブストア](https://chrome.google.com/webstore/detail/qiita-%CB%98%CF%89%CB%98%EF%BE%89y%E2%98%86y%E3%83%BE%CB%98%CF%89%CB%98-twitter/acoblfmcdfihphocnnbcokdchegphalf)

※公開後、リンクを設定

## <i class="fa fa-flask" style="font-size:1em;"></i> 試用
### :dog: メニューバーを確認
![sample1.png](https://qiita-image-store.s3.amazonaws.com/0/43480/bcd906a6-8825-e113-4789-40edfdedefa9.png)

### :cat: Twitter から Qiita へ
* 私( tbpgr )の Twitter ユーザーページを開く
* Chrome 拡張のボタンを押す
* 私( tbpgr )の Qiita ユーザーページに遷移した

![usage1.png](https://qiita-image-store.s3.amazonaws.com/0/43480/8869d918-a651-71d4-1549-9d17a05b9cf8.png)

### :rabbit: Qiita から Twitter へ
* 私( tbpgr )の Qiita ユーザーページを開く
* Chrome 拡張のボタンを押す
* 私( tbpgr )の Twitter ユーザーページに遷移した

![usage2.png](https://qiita-image-store.s3.amazonaws.com/0/43480/115b09c1-6f85-0af2-a797-104a3b8e567f.png)

### <i class="fa fa-slideshare" style="font-size:1em;"></i> スライドショー
<i class="fa fa-external-link" style="font-size:1em;"></i> [qiita ( ˘ω˘)ﾉ"Y☆Yヾ(˘ω˘ ) twitter スライドショー](http://esa-pages.io/p/sharing/912/posts/39/d2de9dd9233fe24495f5-slides.html#/)

## :books: 外部資料
* <i class="fa fa-external-link" style="font-size:1em;"></i> [Chrome Extensions 公式](https://developer.chrome.com/extensions/index)
* <i class="fa fa-external-link" style="font-size:1em;"></i> [pplog ( ˘ω˘)ﾉ"Y☆Yヾ(˘ω˘ ) twitter](https://chrome.google.com/webstore/detail/pplog-%CB%98%CF%89%CB%98%EF%BE%89y%E2%98%86y%E3%83%BE%CB%98%CF%89%CB%98-twitter/hcllnjgfjhmjlcnophepcicggnpophfn)