rch850 の上澄み

技術的な話題とか、雑談とか。タイトルを上澄みに変えました @ 2020/09/02

2014年大晦日ハッカソン提出遅れました

あけましておめでとうございます。りちゃです。

大晦日ハッカソン2014 にかこつけて、前から考えてたネタを実装しようとしました。

f:id:rch850:20150101001702p:plain

これが何かって言うと、パケットの行方を可視化したかったんです。

  • Chrome Extension です
  • Google Map をポップアップに表示するのに、ものすごくハマった。
    • manifest.jsoncontent_security_policy"script-src 'self' 'unsafe-eval' https://maps.gstatic.com https://*.googleapis.com などと書く。unsafe-eval とか、できれば書きたくないけど、とりあえず動かすためってことで、とりあえず。
  • Chrome Extension では webRequest の onComplete ってやつで引っ掛ければ、閲覧中のサイトの通信を引っ掛けてアクセス先 IP を知ることができる。
  • ipinfo.io を使って IP から緯度経度を出している。無料だと1日1000リクエストだからそのうち死ぬ。GeoIP 使うのがきれいな方法な感じはするけど、時間なかった。

コードはこちら: https://github.com/rch850/kirakira

名前の通りキラキラするような表示にするのが夢。