ブラウザで公開するWebコミックビューワスクリプト特集

●。この記事をシェアする?(ノシ^ω^)ノシ☆バンバン↓押↓

設置するだけでWebコミックの更新が簡単になるフリーソフト・サイト特集です
「漫画長編にトライしたいんだけど、毎回htmlでページ作っての更新がめんどくさい…」「サイトのweb漫画を来訪者がサクサク読めるようなスタイルに出来ないかな?」…そんなのをお探しの管理人さん方、探してきました。こんな【コミックビューワ】の無料ツールをサイトに導入するのはいかがでしょう。
「HPの専門家ではない」私がWin7PCでサイト作成、実際に設置してみて、わかりやすかったものだけをおいています。WEBコミックviewerサンプル設置してますので、参考にしてくださいね。

*このページはhttps://ng-branding.net/0nn/webcomicviewer.htmlより移転してきた記事です*



2017/12/06:ssl証明書適用サイトでの運用についての検証結果追記。FLASH利用ツールについて注意書き追加して更新あげ。
2014/06/13:「Web漫画あげるとき便利かもしれないヤツ」を追加のため更新あげ

★参考★wordpressを使って創作サイト作ってみよう~海外レンタルサーバであれやこれやトライしたレポ~
携帯端末向けにWEBコミックを公開する方法
小説サイトさん向けテキストで作った小説に改行を自動で入れるツール「HTML変換機」

★参考外部リンク★

web漫画 画像サイズ – Google 検索.

web画像 解像度 – Google 検索.

Web漫画あげるとき便利かもしれないヤツ

!初心者にオススメ!

【 ソフト名 】
Web漫画あげるとき便利かもしれないヤツ
【 制作者名 】
ななよん
【 動作環境 】 ブラウザ
【 制作言語 】
html
【 アドレス 】
http://www.vector.co.jp/soft/winnt/net/se501228.html?ds: Vector ソフト
【 html知識 】
HP制作初心者向け
【 サポート】
フリーソフトフォルダ内のreadme.txt参照のこと
【 サンプル 】
ここからどうぞ(別窓開き)
【 備考 】
「Web漫画を公開する際、1ページ1ページ手間のかかるHTMLファイルの作成を補助するソフト」の説明にたがわず超簡単にページ量産できます。
画像の拡張子はjpg・gif・png対応可能
画像サイズ制限なし
画像クリックで次のページへジャンプ可能
1Pあたりに置く画像枚数選択可能
漫画のページまとめリンクも1クリックでOK
独自・共有SSL証明書適用しているサイトでも運用可能
java?なにそれ?でも大丈夫です、htmlだけで作れるのでガンガン更新、シンプルイズベストな人にはちょうどいい仕様になってます。
CSS・検索避けはついていないので、固定のテンプレを作った後にこのフリーソフトで量産したhtmlを流し込んで整えるなどしてあげたほうがいいかも。


WCR・WEBComikViewer

!初心者にオススメ!

【 ソフト名 】
WCR・WEBコミックビューア
【 制作者名 】
* *
【 動作環境 】
ブラウザ
【 制作言語 】
JavaScript
【 アドレス 】
WCR・WEBComikViewer
【 html知識 】
HP制作初心者向け
ユーザー登録推奨
【 サポート】
WCR・WEBComikViewerサイト内に設置方法あり。
【 サンプル 】
ここからどうぞ(別窓開き)
【 備考 】
ソースが簡単。カスタムもOK。
独自・共有SSL証明書適用しているサイト等、外部URLでjavascriptの呼び出しで対応が難しいようなので、jsファイルを借りてきて自分の借りているレンタルサーバー設置、調整が必要みたいです。
設置出来たら本家のWCRランキング登録もご一緒にいかが。
WCRのサーバー内にあるJavascriptを使用しているので、サーバーがダウンすると閲覧できない恐れあり。(使用許諾に反しない限り、スクリプトをダウンロードして自分のサーバにアップして使用可。詳細は設置方法へ)
参考:レスポンシブフレームワークとWCRスクリプトを組み合わせて作ってみた

たま’S Room

【 ソフト名 】
コミックスクリプト
【 制作者名 】
たま
【 動作環境 】
ブラウザ(Macでの不安定報告有り)
【 制作言語 】
JavaScript
【 アドレス 】
http://tamadesu.pekori.to/から[Script]コンテンツへ
【 html知識 】
HP制作が手打ちで出来る方向け
【 サポート】
http://tamadesu.pekori.to/から[Script]コンテンツ内に設置方法あり。
【 サンプル 】
ここからどうぞ(別窓開き)
【 備考 】
JavaScriptビューアとしてレイアウトが優秀。見やすい。
ただし、設置方法の説明を理解するには、html知識がないと「はて?」となるかも。(特にオプションのページジャンプの欄)
画像サイズは変更可能、形式はGIFとJPEGの2種類のみ。
独自・共有SSL証明書適用しているサイトでも運用可能だが、ファイル内URL等の修正が必要
このスクリプトを研究したページ、スクリプト改造計画も参考にどうぞ。(現在閲覧不可)

ウェブ漫画ビューア

【 ソフト名 】
ウェブ漫画ビューア ver.1.0β
【 制作者名 】
るんるん
【 動作環境 】
ブラウザ(winXPのみで確認報告有り)
【 制作言語 】
JavaScript
【 アドレス 】
同人サイトの運営 http://sei-street.sakura.ne.jp/page/doujin/site/index.htmlから◆ [ツール] ウェブ漫画ビューア ◆
【 html知識 】
HP制作が手打ちで出来る方向け
css知識有れば尚可
【 サポート】
同梱ファイルに「help」ファイルがあるのでindex.htmlをクリックする。
【 サンプル 】
ここからどうぞ(別窓開き)
【 備考 】
JavaScriptビューアのファイル設定にしてはとてもシンプル。レイアウトが「見開き」と「1p」が選択可能。cssファイルが別にしてあるため、カスタムしやすく、おすすめ。丁寧なヘルプファイルの説明に従っていればまず設置に失敗はしないはず。
見た目や設定方法がFLASHビューアに似ています。画像サイズは変更可能、サイズは固定推奨。画像形式の指定も可能です。
独自・共有SSL証明書適用しているサイトでも運用可能だが、ファイル内URL等の修正が必要

PHP Labo  Comic Viewer

【 ソフト名 】 Comic Viewer
【 制作者名 】 ないと
【 動作環境 】 WinXP/MACX/携帯(ドコモ)などで表示確認済との事
【 制作言語 】 PHP5
【 アドレス 】 http://www.php-labo.net/
内「Comic Viewer」からダウンロード可能
【 html知識 】 必須。レンタルサーバーの仕様をある程度わかってる人向け
【 サポート】 なし。HPに設置方法のヘルプあり
【 サンプル 】
ここからどうぞ(別窓開き)
【 備考 】 自分のレンタルしているサーバーがPHPも使えるとわかってるなら、アップロードするだけですぐ使えるとても簡単な仕様です。
昨今増えたタブレット閲覧者に優しい「画像をタップで次へ進む」を簡単にできますが、画像はまとめて呼び出しするようですので、一度に開く枚数は調整したほうがいいかも。
スマートフォンサイズで閲覧は可能ですが、下部にある文字リンクが小さくて押しにくいのでPC・タブレット端末向けかな、と思いました。
独自・共有SSL証明書適用しているサイトでも運用可能


WEBコミックビューア

【 ソフト名 】
WEBコミックビューア
【 制作者名 】
水瀬 かなん
【 動作環境 】
ブラウザ
【 制作言語 】
JavaScript
【 アドレス 】
http://www.vector.co.jp/soft/other/java/se416380.html
【 html知識 】 HP制作中級者向け
【 サポート】 なし(HP閉鎖)
【 サンプル 】
ここからどうぞ(別窓開き)
【 備考 】
カスタムが多少出来る、Javascriptを多少わかるなら使えます。
欠点は、画像上でポインタを動かすと拡大画像がゆらゆら揺れてしまう事。このまま使うのは厳しい。
それからサポートがないのでカスタムは自力で。アンドロイドスマートフォン・ipadで拡大画像閲覧不可確認済
独自・共有SSL証明書適用しているサイトでも運用可能


j-sta.com

Web Book/J-sta.com

【 ソフト名 】
j-sta
【 制作者名 】
株式会社リタ http://www.lita-web.com/
【 動作環境 】
ブラウザ・ Flash Player
【 制作言語 】
* *
【 アドレス 】
http://www.j-sta.com/
【 html知識 】
HP作成初心者向け
簡単なタグ知識有れば尚可
ユーザー登録必須
【 サポート】
j-sta.com内「web-book設置方法」へ。
【 サンプル 】
ここからどーぞ。(別窓開き)
【 備考 】
制作会社が作ったフラッシュ対応ビューワ。
画像サイズ・ページ数に上限有り。小編向き。
コミックビューワ、というよりも絵本・写真集向きです。
独自・共有SSL証明書適用しているサイトでも運用可能だが、今後flashは非推奨ツールとなることに注意。

Comic Flash

【 ソフト名 】
Comic Flash
【 制作者名 】
藤川ヒロヒコ
【 動作環境 】
ブラウザ・Adobe Flash Player(ver.8以上)
【 制作言語 】 Adobe Flash・Javascript
【 アドレス 】
http://comic.f-sp.net/comicflash/
【 html知識 】
HP作成中級者
Flashを使える方向け
【 サポート】
Comic Flashサイト内に設置方法・カスタムページ有り
【 サンプル 】
ここからどうぞ(別窓開き)
【 備考 】
ページめくり・ジャンプもスムーズで、見栄えがよい。設置マニュアルもわかりやすい。画像サイズ制限有り
見開き対応なので、ストーリー漫画などの長編によさげ。
独自・共有SSL証明書適用しているサイトでも運用可能だが、今後flashは非推奨ツールとなることに注意。
電子書籍風ビューアとして同じ方が開発したこみくくがあります
電子書籍風コンテンツ投稿サイト「こみくく」

Teo’s Room

【 ソフト名 】
WebコミックViewer
【 制作者名 】
テオ
【 動作環境 】
ブラウザ・Cookie使用
【 制作言語 】
cgi perl
【 アドレス 】
http://www.asahi-net.or.jp/~vp4k-mte/Teo’s room 内コンテンツ「アプリ」から
http://homepage1.nifty.com/teo/dojin/comicview/
【 html知識 】
タグを手打ち出来るくらいの力量・CGI初歩知識必須
【 サポート】
無し
ダウンロードファイル内、readme.txtを熟読のこと
【 サンプル 】
ここからどうぞ(別窓開き)
【 備考 】
設定するためのファイルが簡潔でわかりやすい。
画像パーミッション指定・サイズ指定無し・余計なものナシ!
この更新しやすさは驚きました。(utf_8にどうも対応してない?海外サーバーでは動作エラーしましたので注意)
独自・共有SSL証明書適用しているサイトでも運用可能だが、URL等の修正が必要

GNB

*同人利用推奨サイト

【 ソフト名 】
Multi View SYSTEM
【 制作者名 】 HAL
【 動作環境 】 ブラウザ
【 制作言語 】 Perl
【 アドレス 】
http://www.gnbnet.com/から「ビューシステム」コンテンツへ進む
【 html知識 】
HPを手打ちで制作可能な中級者向け
html・cgi・css知識必須
【 サポート】
GNB
サイト内に設置法を記したヘルプページ・bbs有り
【 サンプル 】
ここからどうぞ(別窓開き)
【 備考 】
このソフトのアップロード画像の数値をいじって、コミックビューワもどきにすることが出来ます。
自由度が高く、css書き換えでデザインも変えられます。設置後は更新が楽ちん。
CGI基礎知識は必須。
独自・共有SSL証明書適用しているサイトでも運用可能。レスポンシブ化等は固定サイズの「table」タグの調整がかなり必要。


デジコミビュアリンク切れのため配布終了

注意!:各サイトの利用規約・設置方法をよくお読み下さい。

これらフリーソフトは「css cgi Flash JavaScript ってナニ???」
って方には設置が難しいかもしれません。
設置の際は自己責任で!

とほほのWWW入門・・・私が十ウン年前、ホームページ一番最初に作ったからお世話になってます

配色、デザイン、文章、写真、センスがないとあきらめる前に勉強しよう!|Webpark・・・どうもオシャレにならない、垢抜けない、野暮ったい・・・そういうサイトの改善ヒントになります

トップへ戻る