見出し画像

【1 week apps #1週間目】webで本を読む体験を楽しむサービス「BOOK」を作ってみた

画像1

どうもせせり(ooka)です

最近インタビューを受けたのですが、その時気づいたことが1つありまして


あれ?最近サービス作ってなくない?



という危機感的なサムシングです

ありがたいことに? 質問箱の一発芸人だった僕ですがその後いろんなお話を頂いてなんだかんだ楽しく生きているわけですが、サービスも特に作らず口だけだしていればいいというこのぬるま湯みたいな生活を続けているとどんどん感覚が鈍ってしまうんじゃないかなーと思いまして、これじゃあかんということで1週間に1つのサービス開発を目指して1ヶ月ほどリハビリしようかと思ったわけです



早速作ったのがこの「BOOK」というサービス

ドメインはbookrimということで「webと本の境界」をイメージしました。インスパイア元はskyrimです(やったことないけど


ざっくりどんなサービスか説明すると……このgifを見てもらえば99%分かると思います

画像2

まるで現実の本のようにめくれるわけです

え?何に使えるかって?






それはみなさんが考えてください


たぶん写真集とかイラスト集とか絵本とかのせるとちょっといい感じです。同じように画像を横に並べられるよりもかなり読んでる感があって楽しくなります


技術の話

cssのrotateYを3Dで表現している感じです

本来ならページめくり含めて「完全CSS only」で上の表現を実現できるのですが、iphoneでページ順序がぐちゃぐちゃになる重なり順のバグがあるため、jsを使ってかなりゴリゴリやっています

それ以外は……うん……めちゃくちゃベーシックな仕組みなので特に書くことはありません

一発ネタとしてはちょっとおもしろくていいかと思います

本当ならソースコード全部載せたいところですがマジックナンバー使いまくりで汚いのでGemfileだけ載せてお茶を濁しておきます

最後に

よかったら使ってください、半年くらいは多分残しておきます多分

ついでに「こんなサービス作って」みたいな要望あったらぜひコメントかリプライください

この記事が気に入ったら、サポートをしてみませんか?
気軽にクリエイターの支援と、記事のオススメができます!
11
個人開発者です webサービスをちょこちょこ作っています https://forio.net/u/1596435825474

こちらでもピックアップされています

1 week apps
1 week apps
  • 2本

一週間でアプリを作ろうという僕が勝手にやっている企画のまとめです 「こんなサービスが欲しい」「このサービスについて聞きたい」などあれば、第二週に作った「forio」までぜひメッセージを送って下さい https://forio.net/p/1596553503170

コメントを投稿するには、 ログイン または 会員登録 をする必要があります。