同人系サイトを載せてもらえる無料ホームページを探しています。
出来れば広告の付かない、付いても地味なものでCGI、FTPが使えるところはご存じありませんか?
色々探しているのですが、利用規約のほとんどに「著作権を侵害するもの、云々はダメ」とあり同人サイトもダメなのかと考えます。デザイン重視の同人系サイトをつくられている皆さんはどうなさってますか?(--;ゞどうかよろしくお願いします。

A 回答 (2件)

それって、元ネタは「版権」ヤバイんでしょうか?



何の同人なのかわからないけれど、著作権者に連絡するとか、あらかじめ同人活動に関して著作権者の意向を確かめるとかしましたか?
二次創作は認めないとか、程度によって認めるとか、画像はダメで文章は認めるとか、見解はいろいろあるはずですよ。
たとえばアニメだと、サンライズものはたとえ自分で描いた絵でも使ってはいけないとか。
ある漫画家さんは同人活動自体嫌いなので、禁止されてはいないけれどファンとしてはやれない、とか。

元ネタのところで容認されているようなら、それほど思いつめる必要はない……というか、同人サイトなんて無料のところであろうと何であろうと、たくさんありますから。
まずは、著作権者の同人に対する考え方を調べてはいかがですか?

ちなみに私も同人含むファンサイトやってますが、私の場合は著作権元に連絡したうえで、きちんと著作権元の指示に従ってやってます。
    • good
    • 0
この回答へのお礼

ご回答有り難うございました(^-^)

お礼日時:2002/02/21 17:35

>「著作権を侵害するもの、云々はダメ」とあり同人サイトもダメなのかと考えます。



同人というのは、雑誌などで誰かが書かれている漫画のキャラクターをそのまま
使って自分で絵を描いたりするものですよね?
上のでだめと考えているということは、著作権者に許可をとっていないという
ことでしょうか?
著作権の侵害は罪になるということはご存知ですか?
個人だから捕まらないとか訴えられないということはありません。
そのあたりから考え直したほうがいいと思います。

ちなみにHPスペースを貸し出しているところではほとんど
上の規約が書いてあります。自分のスペースでそのようなことを
されたら困りますよね。

法律には詳しくないので自信なしにしておきます。

参考URL:http://member.nifty.ne.jp/itaru_watanabe/chosaku …
    • good
    • 0
この回答へのお礼

ご回答有り難うございました。(^-^)

お礼日時:2002/02/21 17:33

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aと関連する良く見られている質問

QPower Point 2003 バックのスライドデザイン画像を印刷しない方法について

こんにちは、

Power Point 2003を使っています。

バックのスライドデザインに綺麗な画像を使用しました。
プレゼンには、いいのですが、印刷するとバックのスライドデザイン画像まで一緒に印刷してしまいます。
インクの節約もあり、スライドデザインを印刷しない方法は、ないものでしょうか。

Aベストアンサー

スライドデザインの画像はテンプレートにしましたか?
テンプレートにして、スライドマスタの背景の画像とすることで、背景色や画像オブジェクトを非表示に設定することができます。
下記情報および添付画像を参考にしてください。

背景の画像を非表示にする
http://office.microsoft.com/ja-jp/powerpoint/HP051947891041.aspx
 

Qフォントの著作権(または規約)について

知人経営の小規模の会社を立ち上げたため、そのHP作成を依頼されています。(何かを販売するサイトなどではなく、その会社の代表HPです。)

画像やロゴを作成する際に下記のフォントを使用する予定です。
・MS明朝
・HGP正楷書体
・HGS明朝B  

フォントの著作権は、フォントとして配布などしない限り(画像に使用する分には)問題ないと思っています。

MS明朝はOS付属なのでまず問題はないと思っていますが、このPCは長く使っていて、あとの2つがいつインストールされたものか分かりません。
HGP正楷書体は筆王が初期インストールされていたので(アンインストール済ですが)、恐らくそれで入っているのでは?と思います。
HGS明朝Bは6年程前にホームページビルダーを入れていたことがあったので、その時に入ったのかな??と予測しています。

フォントを使用するだけであれば、そのフォント入手先のソフトが正規のものであれば、HPに使用しても特に問題ないでしょうか?
検索したところ、フォントに著作権自体はないが、フォント入手先のソフトの規約(例えば筆王なら年賀状など、筆王での制作物での使用に限ります???)などある(?)ようなことが書かれていて不安に思ったので質問させて頂きました。

宜しくお願い致します。

知人経営の小規模の会社を立ち上げたため、そのHP作成を依頼されています。(何かを販売するサイトなどではなく、その会社の代表HPです。)

画像やロゴを作成する際に下記のフォントを使用する予定です。
・MS明朝
・HGP正楷書体
・HGS明朝B  

フォントの著作権は、フォントとして配布などしない限り(画像に使用する分には)問題ないと思っています。

MS明朝はOS付属なのでまず問題はないと思っていますが、このPCは長く使っていて、あとの2つがいつインストールされたものか分かりません。
HGP...続きを読む

Aベストアンサー

回答1~3は質問を取り違えているようです。
どれも
・HTML中に記述された文章の、フォント指定
についての話になってますね。
一方質問は、
・HTML中に埋め込む「画像」で使用するフォント
についての話ですから、これはレンダリング済みなので、
当然そのフォントがインストールされていない場合でも表示できます。

で、結局のところ、質問は「個々のフォントがどういう条件で使用許諾を出しているか」という問題になります。

HG○○はリコーのフォントですが、リコーによると、Webなどの利用でも商用利用許諾が必要となっています。
http://www.ricoh.co.jp/font/solution/licence.html

ですが、いろいろなソフトにバンドルされていますので、バンドルソフトによっては条件が変わっているかもしれませんので、
そのフォントの出元を調べて、許諾条件をチェックした方が確実だと思います。
どういったソフトにバンドルされているかについては、ちょっと古い情報ですが、
http://www2.ocn.ne.jp/~eik/05-08bf.html
なんかは参考になるでしょうか。


なお、MS明朝もリコーのフォントです。
Windows付属のフォントについては、フォントの利用条件はフォントベンダーに問い合わせろということになってます。
http://www.microsoft.com/japan/mscorp/legal/permission/default.mspx#E6E
ですから、前述のリコーの条件に従うため、ロゴへの使用は商用利用許諾が必要です。

そのほか、利用条件のゆるいフォントについては
http://note.openvista.jp/2007/japanese-fonts-for-free-commercial-use/
あたりが参考になるかと思います。

ちなみに、有名どころのフォントであるダイナフォント(DF○○)は、
ロゴなんかに使う場合、
・Webでの利用はOK、
・印刷物に使う場合は、別途ライセンス契約が必要
という利用条件になってます。
http://www.dynacw.co.jp/support/faq_license/business/index.html
将来的に映像素材や印刷物などに使う場合は避けた方がいいと思いますが、
ロゴをホームページで表示するだけならダイナフォントが安くて入手しやすいのでおすすめです。

回答1~3は質問を取り違えているようです。
どれも
・HTML中に記述された文章の、フォント指定
についての話になってますね。
一方質問は、
・HTML中に埋め込む「画像」で使用するフォント
についての話ですから、これはレンダリング済みなので、
当然そのフォントがインストールされていない場合でも表示できます。

で、結局のところ、質問は「個々のフォントがどういう条件で使用許諾を出しているか」という問題になります。

HG○○はリコーのフォントですが、リコーによると、Webなどの利用でも商用...続きを読む

Q画像リンクのデザイン

HP製作で悩んでいます。

ページ全体のデザインをcssファイルに記述し、その中にa要素のデザインも記述しました。
そのcssを外部参照しているので勿論全ページのa要素にそのデザインが反映されます。
画像でリンクしてる部分もあるんですが、そこにまで反映されていて困っています。

画像でリンクしている部分のa要素だけを別のデザインにしたいですが可能でしょうか?

Aベストアンサー

色々な方法がありますが、

a要素内の画像ですから、
子孫セレクタで
 a img{ border:none;text-decoration:none;}
とかですみます。

 逆に、a要素のデザインを特定の要素内のものに限定するなら
ol.navi li a{ デザイン }
としておけば、それ以外のa要素はデザインされません。
 子孫セレクタ、詳細度をよく検討してデザインしましょう。それで、無駄なclassやidは不要になる。

Qサイト構築の練習サイト

DTPの仕事をしていますが、これからWEBの仕事もすることになり、独学で勉強中です。


いままで、http://m.i474.info/archives/214 こちらのサイトを使って、
HTMLとCSSの基礎練習をしていました。

まもなく終わりそうなので、別の練習をしたいと思っていますが、
探しても探してもここのサイトのように、CSSのカンプ+画像添付付きのサイトがありません。


サイトを作ってみることが一番の近道だと思っています。


初心者向けで、CSSカンプ+添付画像付きの練習サイトがありましたら教えていただきたいです。

Aベストアンサー

そのサイトをクリアすれば、もうすることはないような・・
ただ、すこし古い情報を基にされていますので注意は必要です。
本来
『DIV要素とSPAN要素は、id属性及び class属性と併用することで、文書に構造を付加するための一般機構を提供する( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/struct/global.html#h-7.5.4 )』ものなので、class名は、HTML5の新しい要素 ( http://standards.mitsue.co.jp/resources/w3c/TR/html5-diff/#new-elements )名が良いでしょう。
 idは、リンクやjavascriptのターゲットやページに絶対に一箇所しか現れないところとかに指定します。具体的には目次からのターゲットとかですね。それ以外はclass名だけにするほうが良いでしょう。
<body>
 <div class="header">
 </div>
 <div class="section">
  <h2>+++</h2>
  <div class="section" id="What_is_HTML">
   <h3>*******</h3>
   <p>******</p>
  </div>
  <div class="section" id="Tray_HTML">
   <h3>*******</h3>
   <p>******</p>
  </div>
HTML5に直すときは
<body>
 <header>
 </header>
 <section>
  <h2>+++</h2>
  <section id="What_is_HTML">
   <h3>*******</h3>
   <p>******</p>
  </section>
  <section id="Tray_HTML">
   <h3>*******</h3>
   <p>******</p>
  </section>
と直せます。
また、classを利用して、スタイルシートを書くと楽なのは想像できると思います。

 HTMLは、HTML4.01strict(transitinalじゃない)を徹底的に学びましょう。次期HTML5にそのまま活用できます。そのときに、
Polyglot マークアップ: HTML 互換の XHTML 文書 ( http://standards.mitsue.co.jp/resources/w3c/TR/html-polyglot/ )
 のように、XMLとしても通用するHTMLを書くようにすれば良いでしょう。

 これからは、実際に自分のデータを元にページを作りましょう。
そのときに参照するのは、解説サイトではなく仕様書ですよ。
★HTML 4.01 Specification (ja) ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/cover.html )
★HTML5 における HTML4 からの変更点 ( http://standards.mitsue.co.jp/resources/w3c/TR/html5-diff/ )
★Cascading Style Sheets Level 2 Revision 1 (CSS 2.1) Specification ( http://www.w3.org/TR/CSS2/ )
★Polyglot マークアップ: HTML 互換の XHTML 文書 ( http://standards.mitsue.co.jp/resources/w3c/TR/html-polyglot/ )

そのサイトをクリアすれば、もうすることはないような・・
ただ、すこし古い情報を基にされていますので注意は必要です。
本来
『DIV要素とSPAN要素は、id属性及び class属性と併用することで、文書に構造を付加するための一般機構を提供する( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/struct/global.html#h-7.5.4 )』ものなので、class名は、HTML5の新しい要素 ( http://standards.mitsue.co.jp/resources/w3c/TR/html5-diff/#new-elements )名が良いでしょう。
 idは、リンクやjavascriptのターゲ...続きを読む

Q文字・画像をデザインする

最近。パワーポイントの資格を取得したのですが、その時に文字、画像のデザイン?アニメーションなどをし、プレゼンを実習としてしました。文字のレイアウトや画像に手を加える事の楽しさを実感し仕事として文字のデザインなどをしている業界、会社は何か知りたいのですが。
その際にこのソフトは使えるようにしておいた方がいいものなど、あとDTPとWebデザインの区別を知りたいです。
なにぶん基礎知識が不足しているのでお願いいたします。

Aベストアンサー

あなたが日頃見ている駅貼りのポスターやコンビニにある雑誌、通りで配られるチラシ等、それらをデザインしている職種と会社があります。職種としてはグラフィックデザイナー、作っている会社は広告代理店(電通や博報堂が有名)やデザイン専門事務所などです。

文字そのものを作っているのはこれらとはまた別に専門会社があり、モリサワ等が有名で、文字をデザインする人はタイプデザイナーと呼ばれます。タイポグラファは文字を「組む」専門の人で、文字そのもののデザインはしません。例えるならピアノ職人とピアニストの関係ですね。両方を一流にこなせる人は稀です。

DTP(Desk Top Publishing)はグラフィックデザインの完成形をコンピュータ上で作り上げる行為を指し、デザインそのものとはあまり関係ないものです。Webデザインはグラフィックデザインの要素に加えて、インターフェイスデザイン(人間が操作する部分のデザイン。銀行のATM等)の要素も絡んでくる複雑な分野です。

デザイン業務に使われるソフトはAdobe社やMacromedia社等の製品全般です。しかし上述したように、これらのソフトが使えるのと、デザインができるということはまったくの別物と考えて下さい。ソフトは使えるけどデザインはできない人、逆にデザインはできるけどソフトは使えない人、というのは実際におります。

あなたが日頃見ている駅貼りのポスターやコンビニにある雑誌、通りで配られるチラシ等、それらをデザインしている職種と会社があります。職種としてはグラフィックデザイナー、作っている会社は広告代理店(電通や博報堂が有名)やデザイン専門事務所などです。

文字そのものを作っているのはこれらとはまた別に専門会社があり、モリサワ等が有名で、文字をデザインする人はタイプデザイナーと呼ばれます。タイポグラファは文字を「組む」専門の人で、文字そのもののデザインはしません。例えるならピアノ職人...続きを読む

QPCサイトを携帯から見たら⇒携帯サイトへ

PCサイトを公開中なのですが、携帯からだと
うまく表示できません。

携帯かどうかを認識させ、携帯であれば他のURLへ
ジャンプさせるようにはできないでしょうか??

Aベストアンサー

http://htaccess.pasoa.com/cellular.htm
http://d.hatena.ne.jp/ALMIC/20060727

ここら辺をどうぞ。

Q画像と同じCSSデザインにしたいのですが、やり方が分かりません。

現在趣味でサイト制作をしている、プログラミング初心者です。
下記の参考画像のようなCSSデザインにしたいのですが、やり方が分からないため質問致しました。

参考画像のように、スマホで閲覧した際に「画像の上に文字列を配置し、文字列を半透明の枠で囲んでる」デザインにしたいのですが、どうしたら良いか分かりません。

ご教授お願い致します!

※レスポンシブのやり方は把握しております。

Aベストアンサー

これは思った以上に難しいかも知れません。
ブラウザによって見え方も違ってくるかも。
一番確実で安全な方法は、半透明グレー枠+テキストを画像に合成してしまうことです。
アルファチャンネルとレイヤー対応画像編集ソフトでできます。

作例はGIMP

QPC用サイトと携帯用サイトの運営には?

こんにちは。

私は以前から音楽に関することのホームページを、手打ちにて作成していました。この頃、iPhone、androidなどのスマートフォンからのアクセスが全体の1/3くらいになってきました。これは大変嬉しいことなのですが、『PC用』サイトであるために、スマホからだと若干見づらくなっております。

そこで私は現在考えたのは、『PC用サイト』と『スマホ用サイト』の2つに分割できないかな!?と…。管理としましては1つの方が楽だと思いますが、みなさんはどのように思われますか?もしくは1つのHTMLページを、『PC用』『スマホ用』と見る側がかってに判断して下されば楽かな?と。

また少し検索をしてみて感じたのは「Dreamweaver」を用いての『jQuery…』というようなものがあるのかと。管理が楽になるのでしたら「Dreamweaver」の購入もやぶさかではないと考えております。

以上、よろしくお願い申し上げます。

Aベストアンサー

長々とかたっくるしいこと言われてもいきなりは理解できないと思うのでごくごく簡単に。

ブラウザごとに見え方が変わってしまうのはもう諦めてください。
静的なHTMLファイルで作成しているのであれば、表示のされ方が多少違っても問題ないように書くことのほうが大事です。

Q自分でデザインした画像やロゴを表示したい

初心者質問失礼します。

自分で画像などに飾りをつけてデザインしたものを
ホームページで表示したいのですが・・。

素朴な疑問なのですが、例えばある画像があるとし、
その画像の周りに複雑なデザインを加えたい場合、

(1)Webアートデザイナーか何かで画像とその周りを加工 し、一つの画像として作成する。
(2)それをホームページにupする。

というやり方が一般的なのでしょうか?

もしも載せたい画像に(例えば)リボンなど付けたい
時などはやはり何かのソフトで加工して一つの画像
として作り上げて→upするのでいいんでしょうか。

ひょっとしてこんなやり方は大間違いなのでしょうか・・・。どうか、みなさまアドバイスください。
よろしくお願いいたします。

Aベストアンサー

それで良いと思います。

画像ソフトで加工して、Jpeg、Png、gifの何れかで保存し、アップする。

QPCサイトを携帯サイトに変換したいです

PC向けの企業サイトを作ったのですが、それを携帯対応にしたいです。
できれば携帯電話用のサイトを新たに作らずに、既存のページにタグの追加やスクリプトの設置などで携帯電話向けの閲覧ができるように調整したいです。

「PCサイト->携帯変換」というphpスクリプトをダウンロードして試してみたところ、携帯電話で閲覧可能なものの、表示が縮小されるだけでした。
サイトは一般的な企業の紹介サイトです。
横長のページがそのままなのでスクロールバーが出るのと、問い合わせフォームや地図が表示されません。

携帯電話向けに新たに作った方が早いような気がしますが、調整でできるものなのでしょうか。
調整の場合、どういったスクリプトやタグを使えば良いのか教えていただけると助かります。
また、参考になるサイトがありましたら教えてください。

※ちなみに、私はプロ並とはいきませんが、Fireworksやdreamwerverで一通りPCサイトを作成することはできます。
携帯サイトの作成は、10年程前に簡単なものを一度作成したきりで、すっかり忘れてしましました。
知人の依頼で何とかPCサイトの作成はできたのですが、携帯用に調整を・・・ということになり悩んでいます。

宜しくお願い致します。

PC向けの企業サイトを作ったのですが、それを携帯対応にしたいです。
できれば携帯電話用のサイトを新たに作らずに、既存のページにタグの追加やスクリプトの設置などで携帯電話向けの閲覧ができるように調整したいです。

「PCサイト->携帯変換」というphpスクリプトをダウンロードして試してみたところ、携帯電話で閲覧可能なものの、表示が縮小されるだけでした。
サイトは一般的な企業の紹介サイトです。
横長のページがそのままなのでスクロールバーが出るのと、問い合わせフォームや地図が表示されません。
...続きを読む

Aベストアンサー

>オーサリングツールは、プレビュー機能やタグの入力支援があるので便利に使っています。

 たしかに・・・
 しかし、プレビュー機能はHTMLを作成するときには使いません。意味ないし・・
 HTMLを記述するときは、ひたすら文書の構造--文章を読み解き、それが文書の中でどのような構成要素であるかを読み取ってマークアップしていくことだけに注力します。
 たとえば、文章内に<ol><li>・・・が存在した場合、それがサイトのナビゲーションリストなのか、そのページのページの目次なのか、はたまた、単なる序列リストなのかは、機械にはわかりませんから、それを
<div class="nav">
  <ol>
    <li>
・・・
<div class="table_Content">
  <ol>
    <li>
・・・・
<div class="product_List">
  <ol>
    <li>
 のように、無名ブロックdivに、文書構造を示すclass名をつけてマークアップしていく作業です。
 もちろん、この部分は重要だから<strong></strong>・・新しい段落だから<p>とか
ですから、・・プレビュー機能なんてここでは要りませんね。
 入力支援も必要なのかな?せいぜい使用する要素--タグは数十種類ですし---(比較)中学校で学ぶ英単語は2,000語

>携帯サイトの基礎が分かっていないので、具体的にどういったソースを使って調整すればいいのかよく分かってないのですが・・・。
 上記のようなものですから、携帯サイトだからどうのこうのと言う特別なことは何もありません。作業は楽なものだと思います。まあ、トップページ,カテゴリーのトップ,内容,会社情報などの数種類の文章を取り出して、数種類の雛形を作ってしまえばよい。慣れれば数日でできるでしょう。後はデータを流し込んでいくだけです。

 デザインの要素をまったくもっていないHTMLができたら、スタイルシートを文書構造を基に作成していきます。
div.header,div.section,div.footer{margin:0 auto;width:80%;min-width:640px;max-width:900px;}
/* header,section(本文),footerのサイズを指定する。media="screen"としておけば、スマホやPCにしか適用されない。スタイルシートを理解する携帯電話にはmedia="tty"で別のものを用意すればよい。*/

 これだと、
div.section div.section{margin-left:1em;font-size:0.95em;}
/* これだけで、章→項→小項と進むごとに右側にマージンが増え、文字が少しずつ小さくなる */

div.section strong{color:red;font-weight:bold;}
/* 本文中の重要単語は太字の赤で */

div.section{position:relative;}
div.section div.section{position:static;}
div.section div.table_Content{width:20%;position:absolute;}
div.section div.table_Content ol,div.section div.table_Content li{display:block;list-style:none;margin:0;padding:0;}

 この様に文書構造を解釈してデザインしていくのですから簡単ですし、後々の修正も楽・・。こんなセレクタの書き方はオーサリングツールには出来ません。なぜなら文章の構造を理解できないので、これも著者が行うしかありませんね。

 これが文書構造とプレゼンテーションを分離することで、「あらゆるプラットホームに対応するHTML」が完成しますし、「スタイルシートを変更するだけでまったく異なるデザインにすることができる」「HTMLもCSSも極めてシンプルでわかりやすくなる」のでスタイルシートを使用する本来の目的も達成できる。印刷が想定されるページにはmedia="screen"でスタイルシートを書けば良い。

 そんな難しい作業じゃありません。今まで作ってきた手法と比べると驚くほど簡単になりますよ。(^^)頑張ってください。仕様書のほうがツールの説明書の数十分の一しか量もないし(^^)

 要は慣れです。

>オーサリングツールは、プレビュー機能やタグの入力支援があるので便利に使っています。

 たしかに・・・
 しかし、プレビュー機能はHTMLを作成するときには使いません。意味ないし・・
 HTMLを記述するときは、ひたすら文書の構造--文章を読み解き、それが文書の中でどのような構成要素であるかを読み取ってマークアップしていくことだけに注力します。
 たとえば、文章内に<ol><li>・・・が存在した場合、それがサイトのナビゲーションリストなのか、そのページのページの目次なのか、はたまた、単なる序...続きを読む


人気Q&Aランキング