質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

ただいまの
回答率

88.04%

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

受付中

回答 3

投稿 編集

  • 評価
  • クリップ 0
  • VIEW 174

score 0

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

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

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

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

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

  • 気になる質問をクリップする

    クリップした質問は、後からいつでもマイページで確認できます。

    またクリップした質問に回答があった際、通知やメールを受け取ることができます。

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 過去に投稿した質問と同じ内容の質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

回答 3

+3

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

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

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

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

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

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

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

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

で、

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

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

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


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

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

投稿

編集

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

0

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

どの言語を使って、

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

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

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

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

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

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

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

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

0

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

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

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

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

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

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

15分調べてもわからないことは、teratailで質問しよう!

  • ただいまの回答率 88.04%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる

関連した質問

同じタグがついた質問を見る