ビューワー

本棚のウェブアプリが欲しくて、まぁこんなのを作ってある。

作品のviewer部分は操作しないと分かりづらいのでスクショは撮らない。よく考えたら18禁なだったのでモザイク。
dmmは同人を電子で買うと、サークルによってはjpg, pdfでもダウンロードできるようになっている。上の画像はそれ。

要件的には

- 本一覧の表示
- 本をお気に入りできる
- 履歴を表示
- 著者、サークル、タグが設定できる
- 本情報を編集できる
- 本のページを見開きで表示
  - モバイルでも操作可

とかとか。そもそもこれを最初に作ったのは4年くらい前か。
sinatraで第一弾を作って満足してたんだが、段々ファイルが増えてきてもうsinatraの領分では無いのでは?
という気がして、railsの勉強がてら作りなおそうというのが第二弾。
その後、色々勘所が分かってきて、勉強の試行錯誤の後とかかなりゴミが溜まっていて、
今の知識ならもっとキレイに作れる！という気持ちで作ったのが第三弾。
その後転職して、railsを業務で使えて、テストもかけるようになったし、
第三弾までは見た目が非常に悪かったのを今ならキレイに書ける！という気持ちで作り直したのが第四弾(現行)。
実際、第四弾は1週間くらいでテスト含めて実用できるレベルまで作れた。
その後もチョコチョコ修正を加えてより便利になっている。

でまぁ最近、komifloというのが出てきて、俺が作ってるやつやんけと思い使ってた。
どうにもビューワーがゴミで、俺の作ってるやつで不満点を解消させてやろうという決意をした。何が駄目かと言うと、

- 作品ごとに読み込み
  - シコってる時に「THE END」と出てくる謎仕様
- 複数作品を一気に読めない
  - シリーズものはとか、間に余計なものは要らない
- 先頭のページに戻るのがだるい
- 作者の作品一覧からだと並び替えが出来ない
  - シリーズ物が3->2->1という順番でしか連続で表示できない
- 星マーク(お気に入り)とハートマーク(Like)の違いが意味不明

で、自分のviewerで改善策を実装してみた。

スクショ...は分かり辛いのでやめた

OnTheGoとかネタみたいなModelを作ったが、プレイリストを作って作品を全部連結させてるだけ。
実際全部の表示には時間かかるが、その日その日のオカズはたかだか10作品程度しかないはず(1作品20ページとして200枚の画像、1ページ2MBと考えても大したことない量)で、lazyloadしているから特に待ち時間は発生しないし、重くても一度読み込んでしまえばどうでも良い問題。
シリーズ物は間に「THE END」みたいなエロゲの中出し外出し選択肢みたいな余計なものは無く、スムーズにシコれる。
更に、ループ機能をつけているので、4作品目の最後のページが右にあって1作品目の最初のページが左にある状態が作れるので便利。作品ごとの並び替えは当然できる。
一つ問題があって、プレイリストを表示後に、別タブで別作品をプレイリストに追加したり、プレイリストの並び順を変えると、
プレイリストを表示しているタブで再読込みする必要があり、大量の画像をまた読み込むハメになって辛かったので、
imgタグを全部最新のものとreplaceする機能もつけた。画像は既にブラウザが持ってるので差分だけ引っ張ってくれる。次の日にシコるときにはプレイリストを削除する運用。

komifloのビューワも良いところはあって、

- 見た目が素敵
- その作品の一覧がサムネで見れて移動できる
- その雑誌の作品一覧が一覧で表示できて移動できる

この辺は真似したくて、いい加減ピュアなjs,css(sass)の小手先だけだと辛いので、
せっかくなのでviewerを独立させてAngularDartで作りたい。

40kmとカリギュラ

先々月くらいにロードバイク買っていて、夜中に10kmくらいをちょこちょこ走って慣らしておいて、
そろそろ昼間に荒川サイクリングロードを走ってみたいという気持ちに駆られ、ようやく走ってきました。
そもそも荒サイまでが遠く、車の通るところを走らざるを得ないので、涼しい朝方に走ろうと思い4時に家を出ました。
どこまで行くとか決めてなかったので適当に走っていたが流石に決めておかないと帰りの体力が無いな。
で、結局帰ったのは8時だったので、10km/1時間くらいだという結論。
当面の目標は実家までの80kmオーバーなので、その予行演習というか、今のうちに装備が足りないとか知っておきたかった。
とりあえず靴とサドルは換えておきたい。

で、最近カリギュラをやってたんですが、まず良かった点。
歌は良かった。おんぼろとか大好きです。絵もキレイだしよい。まぁ3DCGの方はウンコなんだが。
モブも仲間に出来て戦闘できるっていう謎システムもすごいなと思った。戦闘システムは確かにボス戦とかなら面白いが、雑魚戦がクソ面倒くさいことになるのは分かるやろって感じでAUTOの仲間AIを優秀にさせてうまいことやってくれよ...。
悪かった点。UIがクソ。一番上で上を押したら一番下に行く、横押したらページ送り、が常識では?
コントローラのマッピングもクソで、会話時にL1で加速で、フィールドではR1で加速、
さっきの横押してページ送りもWIREでは有効だけど、戦闘時には出来ない・・・。
こういうの細かいけどめちゃくちゃストレスで何故改善しないのか理解できない。
それと500人以上のすべてのモブにイベントが用意されていて、
確かにすべてをやる必要ないんだけど、無意味過ぎて理解できない。
これが10人とかで、全部イベントが違うとかなら文章ちゃんと読んでやるけど、
こんなに多くて、同じような内容もいくつかあるので、もう全部飛ばしていいなとなるので一切イベントの内容分からない。
無駄な努力で完全にオナニーだと思う。
しかもこれクリアするまでかなり面倒くさくて、
まず1個ずつしか受注出来ず、さらに
クリア条件見る
->クリアできるか調べる(必要な装備があるか?必要なトラウマ持ちがいるか?をクソUIで下ボタン連打したりして探す)
->モブ一覧から呼び出す->エントランスに入り直して出現させて話しかける
->パーティに入れる
->必要な装備をクソUIで探して装備 or 必要なトラウマ持ちをモブ一覧からクソ操作で呼び出してまたエントランスに入り直す
->無駄な文章をスキップで飛ばす

フリューはクソゲー会社とは聞いてたけど、まじでクソゲーだった。

キーボードについて

HHKB Pro2使っているんですが、会社ではエルゴドックス使ってる人もいたりする。
まず人間は肘を曲げたとき手は内側にあるのが自然で、さらに手の平は内側を向くのが自然。
体の近くに置くのであれば一般的な非分割キーボードでも問題ないはず。 手は体の中央ライン上にあるし、手のひらは下を向いているので。 この場合Yとか6とかが押しづらいことになるが仕方ない。 まずいのはHHKBみたいな少し高さのついたキーボードだと、手のひらを上に向けて外側に向ける必要があること。 これのせいで自然で無くなり手首が痛くなる。
次に分割キーボード。これは腕を前に伸ばしているパターン。 非分割キーボードだと、体の前面を狭めるポーズになるので良くないということらしいが、 非分割キーボードでも肘を外側に曲げていれば良いはず。 エルゴドックスだと、若干親指側に高さがあって、より自然な形になるようにしているがこれでもまだ不十分だと考える。
どちらも手のひらを下に向けるという点から抜け出せていないのが問題ではと考えていて、 分割キーボードを立てて、表面が斜め前と上を向いている状態になるのが自然なのでは、と考えている。
常々、「机の上にキーボードを置くのは体に悪いのでは?」と考えている。 椅子に座ったとき、腕にとって自然な位置はお尻の横、更に地面に近いところではないだろうか。
最近は太ももの上にキーボードを置くこともあるが、「腕を前に出して上にあげる」の「上にあげる」を無くせただけで、 それでもまだ、「腕を前に出す」という不自然なポーズになっているのは確か。 なので椅子の横にキーボードがあればなぁと考えたりもしたが、 それだと、「ずっと同じ位置に腕がある」という不自然さも残る。
キーボードがあるところに手を持っていくのではなく、手があるところにキーボードがあるのが、より自然なのではないだろうか。 手首にリストバンドがあって、そこからキーボードが手のひらに向かって伸びているのも考えたが、 「そもそもキーボードに拘る必要なくね?」ということに気づき「ウェアラブル キーボード」とかでググるとそれなりにある。

• https://www.tapwithus.com/
• https://vimeo.com/90766615

なのでこういう系が盛り上がってくれると良いなぁという思い。