JavaScript で漫画を読みやすく

M-net アビニオンスクールで漫画を配布することになり、クロスメディアとしてウェブサイ トでも公開することになりました。しかし、PDF や画像ファイルを開いて閲覧するのは現実 的ではないため、パソコンやスマートフォンで気軽に見られるよう閲覧者の立場に立ったサ イトシステムを心掛けました。まず、漫画をめくるときファイルを跨いでしまうと読み込み 時間が発生するため1 ファイルで完結するようにしました。また、読んでいる間に後のペー ジの画像が読み込まれるようにしているため無駄な読み込み時間を低減しています。いつで も好きなページにジャンプできるよう目次も設置しました。

製作期間：1 ヶ月

デザイン → マークアップ → プログラミング → アップロード

使用した言語：JavaScript、CSS、HTML

JavaScript（jQuery）の勉強でもあったためPHP は一切使っていません。漫画の情報はGET 関数を使用して外部から読み込んでいるため、1 つのテキストファイルを編集するだけで数 カ所の内容を一括して変更できるようにしています。今までJavaScript を使うとブラウザが 重たくなるだろうという偏見があり、なかなか手が出せていませんでしたが、今回使ってみ るとスマートフォンでも意外と軽快に動作し、ライブラリのjQuery を使えばプログラミン グも楽にできると考えが一変しましたしました。