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

ckoshien
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
所有者限定モードのためこのボードには投稿できません ボードとは？
2019-04 clear

ランキング作成機能

image

ライブラリ変更・実装変更

annictから最近見たアニメをGraphQLで取得してドラッグ＆ドロップで並び替える機能を作成しました。まだUIは整っていません(汗)

先日、ReactでGraphQLへアクセスする方法を書きました。

昨日作ったランキング作成機能ですが、コンポーネントがスマホのtouchイベントに対応していないことに気づきまして、急遽ライブラリの入れ替えと実装の変更を行いました。

使用しているライブラリ

学習コストは多少ありますが、react-dndほど難解ではない印象です。割とスムーズにドラッグ＆ドロップを楽しめるライブラリかと。

動作イメージ

annictアカウントをお持ちの方は是非遊んでみてください！
https://annict-access.herokuapp.com/

タグ

投稿月