先日「文豪とアルケミスト」（以下「文アル」）のイベントの進捗を可視化するWebアプリケーションをリリースしました。

f:id:wifeofvillon:20170429192145p:plain

今回リリースしたWebアプリケーションについて

「文アル」のイベントは2017年4月現在以下の3種類があって、今回はイベントマップを攻略することで「歪んだ歯車」を回収する「歯車集め」です。

元々3月末のイベントに合わせて作っていた「学問ノススメ」成績表のソースをそのままコピーして、文言やタブの有無などを編集し、コードをES5からES2015に書き換えています。

機能概要

今回リリースしたWebアプリケーションには以下の機能を盛り込みました。

（よく見たらREADME.mdの記述が古い、直そう。）

前回の「学スス」リリース後、公式のスマホアプリリリースに向けた課題として「ES2015への書き換え」「Reactでの実装」「スマホ対応」を挙げていましたが、今回（機能をかなり削っているとはいえ）ES2015に書き換えたのでそのへんはすんなりいきそうです。

あと「スマホ対応」なんですが、そもそもユースケースとして「公式スマホアプリとブラウザ交互に立ち上げる」って非現実的じゃないか？と思わんでもないです。

今回イベントマップに1回でも潜書すれば歪んだ歯車が1000個もらえるようになったのでボタンを追加しましたが、「なんかごちゃごちゃしてるな〜」と「へんにスマートにするとわけわかんなくなるんだよな〜」という感覚の間で揺れ動いています。

あと、自分で使ってて気づいたんですけど、このアプリブラウザでタブ固定して使うんでアナリティクスにユーザー数現れないなって。

今日が中原中也の誕生日なことを忘れていたので文アル実装済み文豪カレンダー登録ページ的なものをReactの勉強も兼ねて作りたいですね。

↓スマホ版事前登録キャンペーン実施中 bungo.dmmgames.com