LoginSignup
3
5

More than 1 year has passed since last update.

【1分で】SplatnetをPCで見る方法

Posted at

tl;dr

iksm_sessionをオンライン上で取得できるWEBサービスをつくりました。
これを利用することで公式ではスマホアプリでのみ閲覧可能なSplatnet(イカリング2)にPCからアクセスできるなど、スプラトゥーンに関する様々なAPIを叩くことができるようになります。

iksm.vercel.app_(Pixel 2).png app.splatoon2.nintendo.net_results(Pixel 2).png

Splatnetとは

任天堂のSwitchOnlineから閲覧可能なスプラトゥーン2の公式のアプリです。
直近の戦績や、ステージ情報など多くの情報を確認することができます。

これは実際にはWEBページを表示するwebviewのスマホアプリなのですが、実際にアクセスすると、forbitten(閲覧禁止)になっています。

app.splatoon2.nintendo.net_home(Pixel 2).png

これを許可させるために必要になるのがiksm_sessionです。

iksm_sessionの取得方法

現在ネット上に出まわっている情報だと、取得するにはアプリの導入など複雑な手順が多いのでシンプルなアプリにしてみました。

「イカスミちゃん」↓

iksm.vercel.app_(Pixel 2).png

紫のボタンをクリックすると任天堂のサイトからログインが求められ、ログインしてみると
確認画面が出てきます。

Screenshot from 2021-09-27 15-44-30.png

「この人にする」のボタンのリングをコピーして、「イカスミちゃん」上のフォームにはりつけると準備完了です。
ピンクのボタンをクリックして生成してみましょう!

Screenshot from 2021-09-27 15-48-02.png

Splatnet(イカリング2)にアクセス

無事iksm_sessionを取得できれば、今後しばらくは同じ端末ではすぐにiksm_sessionを取得することが可能です。
「イカスミちゃん」のhow to useからSplatnetにアクセスしてみましょう。

app.splatoon2.nintendo.net_home(Pixel 2).png

ここでF12(fn + F12)などで開発者ツール→Application→Storage→Cookies→iksm_sessionの欄に移動して、
取得したiksm_sessionに上書きしましょう。

Screenshot from 2021-09-27 15-52-32.png

リロードするとSplatnet(イカリング2)に入ることができます!

app.splatoon2.nintendo.net_results(Pixel 2).png

技術的なお話

今回の実装には以下のドキュメントを参考にして実装しました。
ツール等を作成した方々には頭が上がりません。

Next.jsをフレームワークとして開発しており、今回のコードは以下から見ることができます。
vercelによるSSRとサーバレスAPIを用いて、APiを作成しました。

また、スプラトゥーンの開発を後押しするためにAPIも公開しています

swaggerでのドキュメント作成を行っていますがコードの自動生成などは行っていないのでもしかしたら型が間違っているかもしれません。
質問などあれば答えますのでコメントにどうぞ。

3
5
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
3
5