電子書籍のようなサイトの作り方

Question

プログラミングを始めて間もないのですが、
今、ＷＥＢページで、電子書籍のような、本やマンガを書こうと思っているのでが、

マンガのサイトのようなページをめくる働きをするコードの書き方が分からなくて困っています。

どの言語を使って、どういうコードを書けばいいか教えてくれると幸いです。

また、作り方が掲載されているサイトなどはありますか？

理想のサイトは漫画読破のように、スライドさせて次のページが出てくるかんじの物です。

Answer 1

いきなりコード書くのではなく要件定義、基本設計など含めた「全体の構想、必要なデータ、機能要件非機能要件」をきちんとかためてください。

あとは言語や環境は道具に過ぎないので「好きなので、得意なので」にとどまります。

また、作り方が掲載されているサイトなどはありますか？

少し意地悪な言い方をしますと、
あなたが作りたいものはあなたしか知らないので、
あなたが作りたいものの作り方を掲載しているサイトなどは世界中どこ探してもありません。

よくあるのが「Twitterのような」ですけど、
それはあくまで”ような”でありTwitterと完全に同じものではないですし、
「Twitterの作り方載ってるサイトある？」と聞かれても「ない」としか答えようがないです。

ただし、見て仕組みを学ぶ（というより整理・想像）ことはできます。
URL,何をしたら何が起きるのか、画面遷移
ユーザー入力、バリデーション等々。

でもそれはあくまでユーザー視点で見える範囲だけのこと。
一般ユーザーが登録出来たり管理するデータがあるようなアプリケーションの場合、大抵は「管理システム」というのがあります。システム管理者しか使えない機能群です。
teratailにもおそらくあるはず（teratail.comドメイン配下に作られてないかもしれないけど）。
ユーザーを管理したり投稿を制御したり、マスタ情報の追加・編集・削除だったり。

その部分も含めて「自分で考える」のです。
そのために決めなければならないことが多くあります。
「自分で作りたいものは自分しか知らない。自分しか作れない」です。

で、

マンガのサイトのようなページをめくる働きをする

ここだけなら、もう少しキーワードを具体的にすればプラグインなりライブラリなり出てくるのではと思います。
もし自身が参考にしたり普段見ているサイトで同様の動作を実現しているようなところがあれば、解析してみるのも一つの手です。
さいわい、HTML、css、JavaScriptなど「フロント」の機能はブラウザが解釈して動作を実現しているのでコードが確認できます。

「こういうサイトで実現されてるような」を見つけているのであれば、何かのプラグインなり自作するなりで実現されているわけですから、無理に自身で作る必要はありません（基本は要素の操作でそのように見せてるだけなので物凄く難しいことをしているわけではないはずですが）

---

やるべきことは「要件の具体化」「やりたいことに近いことをしているサイトの検証」でしょうか。

まあいずれにしても、いきなりコードを書かないことです。
HowよりWhyやWhatを優先、確定してください。

Answer 2

keeentttさんがやりたいことは、本やマンガの作者なのですか、それとも本屋さんなのですか。

あなたが、自分の描いた本やマンガを多くの人に見てもらいたいなら、そういうサイトに投稿するという方法もあります。

手作り感満載のサイトを作って家族や友人だけに見てもらうというのなら、ページめくりのことは忘れて面白い漫画や本を書く方に集中した方が良いでしょう。

あなたが、便利な電子書籍サイトを作って他の人たちにも投稿してもらいたいなら、単にページをめくる機能が充実しているだけでなく、もっとたくさんの機能を実装する必要があります。

目的をよく考えて、自分が本当にやりたいことに集中することをお勧めします。

Answer 3

ＷＥＢページで、電子書籍のような、本やマンガを書こうと思っているのでが、

どの言語を使って、

HTML、CSS、JavaScriptです。
基本的に。
あとは、CMSなどを使って、
コンテンツ管理をするならば、そういった言語やシステムの使い方を覚える必要も出てきます。

どういうコードを書けばいいか教えてくれると幸いです。

丸投げに答えることになるので、記載はできません。
なので、上記の言語などの使い方を自身で勉強して下さい。

また、作り方が掲載されているサイトなどはありますか？

調べたらいっぱい出てくるので、
上記同様、調査もまずはご自身で行ってください。

理想のサイトは漫画読破のように、スライドさせて次のページが出てくるかんじの物です。

頑張って下さい。
ただ、本当に理想を求めるならば、
ライブラリなどは使わずに自身で作らないといけなくはなってしまうので、
ハードルはかなり高いかと。