ブラウザで公開するWebコミックビューワスクリプト特集
設置するだけでWebコミックの更新が簡単になるフリーソフト・サイト特集です
「漫画長編にトライしたいんだけど、毎回htmlでページ作っての更新がめんどくさい…」「サイトのweb漫画を来訪者がサクサク読めるようなスタイルに出来ないかな？」…そんなのをお探しの管理人さん方、探してきました。こんな【コミックビューワ】の無料ツールをサイトに導入するのはいかがでしょう。
「HPの専門家ではない」私がWindows10のPCでサイト作成、実際に設置してみて、わかりやすかったものだけをおいています。
注意
「css cgi JavaScript ってナニ？？？」
って方には設置が難しいかもしれません。
また、2021年現在、昨今のサイト作成事情・セキュリティ対策などをするためには自分でカスタムが必須なツールもありますが、「勉強したい！」とか「古い仕様のサーバーで利用している」などの方のために、現時点でも稼働しそうなものであれば管理人の判断で置いているものもあります。
設置の際は自己責任です
WEBコミックviewerサンプル設置してますので、参考にしてくださいね。
WEBで漫画を見やすくする
Webコミックビューアー
2021/08/12：cgiビューア「Multi View SYSTEM」 サイト閉鎖によりリンク削除
2021/03/16：flashwebビューア「j-sta.com」「webcomic viewer」について、紹介終了しました。
レスポンシブ対応の「slick-custom」「laymicビューワー」を追加
（過去の更新履歴はこちら）
☆参考リンク☆
WordPressで一番簡単に漫画ページを作る方法～「nextpage」タグ
★参考外部リンク★
web漫画 画像サイズ – Google 検索.
なんかいい感じのマンガビューア～slick-custom～
| ソフト名 | slick-custom |
| 制作者 | 宮幻ハツhttps://guardian.bona.jp/ |
| 動作環境 | PC・スマホ レスポンシブ対応済 独自・共有ＳＳＬ証明書適用サイトでも運用可能 |
| スクリプト | jquery・JavaScript |
| URL | https://guardian.bona.jp/st/cv/ |
| html知識 | HP作成初心者向け |
| サポート | https://guardian.bona.jp/st/cv/ に記載あり内 |
| サンプル | ここからどうぞ（別窓開き） |
| 備考 | レスポンシブcss・jQuery・JavaScriptはすべて外部からの呼び出しです。画像と画像ファイルのアドレスを正しく入れられれば動くので難しく考えなくていいです |
laymicビューアー
| ソフト名 | laymicビューアー |
| 制作者 | リラ/dettalant https://dettalant.com/ |
| 動作環境 | PC・スマホレスポンシブ対応済 独自・共有ＳＳＬ証明書適用サイトで運用可能 |
| スクリプト | Javascript |
| URL | https://dettalant.com/post/laymic_introduction_for_versatile_web_site/ |
| html知識 | HP作成初心者向け |
| サポート | webマンガビューワーlaymic完全攻略ガイド コピーペーストソースはこちら 各記事内に設置方法・カスタム解説あり |
| サンプル | ここからどうぞ（別窓開き） |
| 備考 | JavaScript・ＣＳＳは外部呼出し。こちらも画像と画像ファイルのURLを正しく入れられれば動くので難しく考えなくていいです |
Web漫画あげるとき便利かもしれないヤツ
| ソフト名 | Web漫画あげるとき便利かもしれないヤツ |
| 制作者 | ななよん |
| 動作環境 | PCブラウザ向け レスポンシブ非対応のためスマホ用にcss別途必要 独自・共有ＳＳＬ証明書適用サイト運用可能 |
| スクリプト | html |
| URL | http://www.vector.co.jp/soft/winnt/net/se501228.html?ds: Vector ソフト |
| html知識 | HP制作初心者向け 簡単なタグ・CSS知識有れば尚可 |
| サポート | フリーソフトフォルダ内のreadme.txt参照のこと |
| サンプル | ここからどうぞ（別窓開き） |
| 備考 | 「Web漫画を公開する際、1ページ1ページ手間のかかるHTMLファイルの作成を補助するソフト」の説明にたがわず超簡単にページ量産できます。 画像の拡張子はjpg・gif・png対応可能 画像サイズ制限なし 画像クリックで次のページへジャンプ可能 １Ｐあたりに置く画像枚数選択可能 漫画のページまとめリンクも１クリックでＯＫ java？なにそれ？でも大丈夫です、htmlだけで作れるのでガンガン更新、シンプルイズベストな人にはちょうどいい仕様になってます。 ＣＳＳ・検索避けはついていないので、固定のテンプレを作った後にこのフリーソフトで量産したhtmlを流し込んで整えるなどしてあげたほうがいいかも。 |
WCR・WEBComikViewer
| ソフト名 | WCR・WEBコミックビューア |
| 制作者 | Otchy |
| 動作環境 | PCブラウザ向け スマホ対応には別途レスポンシブcss必要 SSL対応条件あり |
| スクリプト | JavaScript |
| URL | WCR・WEBComikViewer |
| html知識 | HP制作初心者向け |
| サポート | WCR・WEBComikViewerサイト内に設置方法あり。 |
| サンプル | ここからどうぞ（別窓開き） |
| 備考 | 独自・共有ＳＳＬ証明書適用しているサイトで外部URLでjavascriptの呼び出しで対応ができない場合、jsファイルを借りてきて自分の借りているレンタルサーバー設置、調整が必要みたいです。 WCRのサーバー内にあるJavascriptを呼び出ししています。（使用許諾に反しない限り、スクリプトをダウンロードして自分のサーバにアップして使用可。詳細は設置方法へ） 参考：レスポンシブフレームワークとWCRスクリプトを組み合わせて作ってみた |
たま’S Room （現在リンク切れ）
| ソフト名 | コミックスクリプト |
| 制作者 | たま |
| 動作環境 | PCブラウザ（Macでの不安定報告有り） スマホ対応は別途修正・CSS必要 独自・共有ＳＳＬ証明書適用サイトでも運用可能だが、ファイル内URL修正が必要 |
| スクリプト | JavaScript |
| URL | |
| html知識 | HP制作が手打ちで出来る方向け |
| サポート | |
| サンプル | ここからどうぞ（別窓開き） |
| 備考 | 設置方法の説明を理解するには、html知識がないと「はて？」となるかも。（特にオプションのページジャンプの欄） 画像サイズは変更可能、形式はＧＩＦとＪＰＥＧの２種類のみ。 |
同人サイトの運営 ウェブ漫画ビューア
| ソフト名 | ウェブ漫画ビューア ver.1.0β |
| 制作者 | るんるん |
| 動作環境 | PCブラウザ（winXPのみで確認報告有） スマホ対応には別途修正・追加ｃｓｓ要 独自・共有ＳＳＬ証明書適用しているサイトでも運用可能だが、ファイル内URL等の修正が必要 |
| スクリプト | JavaScript |
| URL | 同人サイトの運営 http://sei-street.sakura.ne.jp/page/doujin/site/index.htmlから◆ [ツール] ウェブ漫画ビューア ◆へ |
| html知識 | HP制作が手打ちで出来る方向け css知識有れば尚可 |
| サポート | 同梱ファイルに「help」ファイルがあるのでindex.htmlをクリックする。 |
| サンプル | ここからどうぞ（別窓開き） |
| 備考 | レイアウトが「見開き」と「１ｐ」が選択可能。cssファイルが別にしてあるため、カスタムしやすく、おすすめ。丁寧なヘルプファイルの説明に従っていればまず設置に失敗はしないはず。 見た目や設定方法がFLASHビューアに似ています。画像サイズは変更可能、サイズは固定推奨。画像形式の指定も可能です。 |
PHP Labo Comic Viewer
| ソフト名 | Comic Viewer |
| 制作者 | ないと |
| 動作環境 | WinXP/MACX/携帯（ドコモ）などで表示確認済との事 PCスマホブラウザ閲覧可能 独自・共有ＳＳＬ証明書適用しているサイトでも運用可能 |
| スクリプト | PHP5 |
| URL | http://www.php-labo.net/ 内「Comic Viewer」からダウンロード可能 |
| html知識 | 必須。レンタルサーバーの仕様をある程度わかってる人向け |
| サポート | なし。HPに設置方法のヘルプあり。動作サンプルURLはリンク切れしているので注意 |
| サンプル | ここからどうぞ（別窓開き） |
| 備考 | 自分のレンタルしているサーバーがPHPも使えるとわかってるなら、アップロードするだけですぐ使えるとても簡単な仕様です。 昨今増えたタブレット閲覧者に優しい「画像をタップで次へ進む」を簡単にできますが、画像はまとめて呼び出しするようですので、一度に開く枚数は調整したほうがいいかも。 スマートフォンサイズで閲覧は可能ですが、下部にある文字リンクが小さくて押しにくいのでPC・タブレット端末向けかな、と思いました。 |
WEBコミックビューア
| ソフト名 | WEBコミックビューア |
| 制作者 | 水瀬 かなん |
| 動作環境 | PCブラウザ アンドロイドスマートフォン・ipadで拡大画像閲覧不可確認済 独自・共有ＳＳＬ証明書適用しているサイトでも運用可能 |
| スクリプト | JavaScript |
| URL | http://www.vector.co.jp/soft/other/java/se416380.html |
| html知識 | HP制作中級者向け |
| サポート | なし（HP閉鎖） |
| サンプル | ここからどうぞ（別窓開き） |
| 備考 | 画像上でポインタを動かすと拡大画像が出るタイプのビューア。このまま使うのは厳しい。 javascriptを多少わかっていて、たたき台にして改造したい、勉強で使ってみたい人向け。 |
GNB（閉鎖）
＊同人利用推奨サイト
| ソフト名 | Multi View SYSTEM |
| 制作者 | HAL |
| 動作環境 | PCブラウザ 独自・共有ＳＳＬ証明書適用サイトでも運用可能。 レスポンシブ化等は固定サイズの「table」タグの調整がかなり必要。 |
| スクリプト | Perl CGI |
| URL | http://www.gnbnet.com/から「ビューシステム」コンテンツへ進む |
| html知識 | HPを手打ちで制作可能な中級者向け html・cgi・css知識必須 |
| サポート | GNB（閉鎖） |
| サンプル | 閉鎖により撤去 |
| 備考 | このソフトのアップロード画像の数値をいじって、コミックビューワもどきにすることが出来ます。css書き換えでデザインも変えられます。CGI基礎知識は必須。 |
注意！：各サイトの利用規約・設置方法をよくお読み下さい。
これらフリーソフトは大事なことなので二回いいますけど、設置の際は自己責任です。
「ある程度自己解決できる」
「自己解決のための手間を惜しまない」
って人は是非チャレンジしてみてください。サイトを作る、という世界が広がりますよ～。
とほほのＷＷＷ入門･･･私が十ウン年前、ホームページ一番最初に作ったからお世話になってます
配色、デザイン、文章、写真、センスがないとあきらめる前に勉強しよう！｜Webpark･･･どうもオシャレにならない、垢抜けない、野暮ったい･･･そういうサイトの改善ヒントになります
●。以下PR:レンタルサーバーLink
￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣
このサイトは、
パワフルで高速なピュアSSDクラウドレンタルサーバー
MixHost
を利用しています。
↑日本の会社。大人向けOKで、当サイト管理人がメインで動かしてます。
￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣
さくらのレンタルサーバ スタンダード
↑安定性とセキュリティを気にする初心者なら、おすすめ。独自仕様も多いが、初めてのサイト作りなら気にならないです。
￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣
★月額100円（税抜）～/WordPress簡単インストール！ ロリポップ！レンタルサーバー ★
↑とにかく安く、かわいいURLではじめたいなら
￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣
独自SSLが無料！クラウド型高速レンタルサーバーが月額126円(税抜)から！スターサーバー
↑広告なしの無料レンタルサーバーも併設。
￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣
月額59円からのレンタルサーバーミニム
↑契約は3か月分からになります。有限会社ネットグルーヴワークス運営
￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣
WordPressの運用に特化したレンタルサーバー『wpXレンタルサーバー』
↑来訪者多くて安定したwordpress運営したい人向け
￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣
アニメ、ゲーム、コミックなどの創作（同人）活動を応援します！Just-Size.Networks
↑大人同人は申請制で利用可能＊2019年10月運営会社が「セブンアーチザン」へ変更になっています。
セブンアーチザンは国内最安級の99YENレンタルサーバー
やっている会社です
・
・
＊＊独自ドメインで本格的にやりたいならあわせて↓＊＊
年間920円（税抜）からの格安ドメイン取得サービス─ムームードメイン─
【早い者勝ち！】.com／.net／.jp ドメイン取るならお名前.com
●。以上PR:レンタルサーバー