Qiitaの記事がどこからアクセスされるのか？
その謎をあきらかにすべく我々はアマゾンの奥地へと向かった。
※普通にパソコンに向かい合った。タグを先にちゃんと見ることを推奨します
君も自分のQiitaの記事がどこからアクセスされたか気になるだろう？
少なくとも全俺は気になった。
Qiita最新記事一覧から飛んできたのか、Qrankや他記事(トレンドの記事)とかから飛んできたのか、はたまたTwitterから飛んできたのか。気になって夜しか眠れなかったんだ。
まずは設計図を見てほしい
人間が描いたのか？とか思っても言ってはいけない。
ちゃんと説明すると、下記の手順で行うのである。
①記事にアクセスされる
②CodePenのJavaScriptが実行される
③document.referrerをPOSTし、サーバに値を送る
④あとは煮るなり、DBに入れて表示するなりできる！！
※document.referrerは遷移元のURLを取得できるゾ！
これ閃いた自分は天才じゃないかって思った
codepenからリファラーを送信してみた
See the Pen mdbQbgO by かんちゃん (@sapporo_east_k) on CodePen.
できなかったんだよ😇
codepenのURLしかPOSTされなくて泣いた。
当たり前だよね、埋め込みだもん。実装する前に気づけ。QiitaからJavaScriptを実行しているわけじゃないからね！こうしてエンジニアは学んでいくのである。
※普通のサイトとかなら出来たはず。
次なる手段
アンケートにご協力をお願いいたしま
See the Pen enquete by かんちゃん (@sapporo_east_k) on CodePen.
一応、このアンケートで回答された一覧を見れるようになってます。むしろこれを支える技術とか書いたほうが良かったのか…？
（大阪書いたのはワイだけど、北京書いたの誰やねんwあとXSS対策の確認やめてw誰だNullバイトアタックやったの！wマジでPHP7で良かった…）
コードがレガシーとか思っても言ってはいけない
インターネット老人会の方がQiitaにIEでアクセスしてもいいように下記のリンクのコードとかコピペ使用させていただいた。
https://lab.syncer.jp/Web/JavaScript/Snippet/30/
https://so-zou.jp/web-app/tech/programming/javascript/ajax/post.htm
最初の方法で出来なかったから、ES2016ぐらいで書き直すほどの心の余裕はなかった。許してください。
(CodePenの)ご利用は計画的に！
この世界に新しいトリビアが生まれた
codepenには限界があります。容量と用途を守りましょう。
ふつうにGoogleアナリティクスで記事がどこからアクセスされたのかわかりそう！
でも記事単体で完結する方法を実装してみたかったんだ。
おもしろいいねと思ったらいいねボタンを押してくださると明日も記事を書けそうです