アニメランキング作成サービスの開発

2019-03-30に作成

image

アニメランキング作成サービスって?

アプリはこちら

アニメ視聴管理サービス「Annict」が提供している外部APIを使ったWEBサービス。

開発・保守期間

2016.11~
2019.11リニューアル

ゴールは?

React Nativeでアプリ化したい

annictクライアント…は無理かもしれませんが。

好きなアニメ10選をシェアしたい(実装済み)

ちょっと探したら「あにこれ」にはある機能なのですが、
アニメ視聴管理に使っているannictのデータを使って作りたいなーと思っています。

使っている技術など

  • サーバサイド:Java → NodeJS
    • フロントエンド:AngularJS → ReactJS
  • Heroku
  • Netlify
  • OAuth(twitter/annict API)
  • DBなし
  • GraphQL
所有者限定モードのためこのボードには投稿できません ボードとは?

フィードバック対応

IKENにご意見いただきありがとうございました。下記対応しました。

選択解除・コメント入力対応

ランキングに入れたアニメは外せないですかね?あと、コメントも書けるといいと思いました

一言コメントを各作品に入力できるようにしました。
また、「アニメ選択」の画面で選択中の番組をもう一度押すと選択が解除されるよう実装しました。

twitterシェア・画像保存に対応

ランキング作成後に何すればいいのかがちょっとわからなかったです。URLに保存してツイート機能とかほしいです。


画像保存も実装しました。レンダリングの精度はいまいちか...。

react-share

react-share
各種SNSへのシェアボタンを手軽に作れるコンポーネント。

html2canvas

言わずと知れた有名ライブラリ。reactでも問題なく使えます。

アニメ一覧の表示をシーズンごとにしました

年毎に全部比較するのは難しいため期ごとの選択もいいと思いました。