Green』のデモブログ。はてなブログカスタマイズや、HTML、CSSなどについて書いています。はてなブログ最近、はてなブログテーマストアにある物議を醸すデザインテーマが投稿され、炎上し、消えました。終わったことですので、詳しくは言及しませんが、何のことかわからない方は以下のリンクをご参照下さい。例のテーマが元の有料WordPressテーマの名前に対し悪意のあるテーマ名をつけ元制作者をおちょくるモラルの無さ、有料テーマの「見た目」をパクって自作のオリジナルテーマとして公開していることの是非が問われていたと思います。togetter.comskyfish25.hatenablog.com↑のid:skyfish25さんの記事には私のtweetが論旨の補強として引用されています。概ね趣旨は賛同しますが、この記事に対する私の意見は私のブックマークコメントとtweetをご参照下さい。(ブコメで書いたところは現在は修正されています。)※デザインは一般的なマテリアルデザインに則ったもので、対してオリジナリティ無いしそんな似てないという意見もあるかと思います。問題のテーマは途中で内容を変えているので見た人の時間帯によってどの位似ているかは差があるはずです。テーマを制作するときに仕上がりのデザインが決まっていてそれを再現するのはとても簡単なことなんですよ。CSSのコーディングだけならCSSの知識があるなら誰でも出来ます。したデザイン制作の苦労を省いて、他人の制作した優れたデザインを良いとこ取りして自作テーマとして配布するのは制作者としてのモラルに欠けます。元の有料テーマの全体のデザインとしてオリジナリティがあるので著作権侵害と成り得ます。(件のテーマ作者のブログを見たところ、サイドバーのディティールなど丸パクリでした。一箇所だけならまだしも元の有料テーマのデザインのディティールを複数箇所模倣し元の有料テーマを利用したサイトだと誤認する程。)実際に著作権侵害が認められるかどうかは確定出来ませんが、元の制作者さんが怒りクレームを入れています。した問題のあるテーマを公開すると何も知らずにインストールしたユーザーに不利益を与えます。広くユーザーに使われるテーマをテーマストアに公開する制作者には、ユーザーに対する責任があります。テーマをインストールしたユーザーに不利益や害を与えるようなテーマは公開してはいけないのです。はてなブログテーマストア公開時にははてなからの注意事項やテーマ制作のガイドラインが示されています。ヘルプここではテーマ制作者が注意すべき点について、はてなのガイドラインを元に、自分がテーマ制作する上で気付いた点を加えて書いていきたいと思います。投稿したテーマは消せないこれはインストールしたユーザーが急に使えなくなることを避けるための措置だと思われます。投稿したテーマは「非公開」にすることは出来ます。はてな側から利用規約・ガイドラインに反したと判断され消されることはあります。投稿したテーマは削除できません。後から編集することはできます。デザインガイドラインはてな利用規約や本デザインガイドラインに反した場合、事前の告知無くテーマの公開停止や削除処置をとることがあります。テーマの著作権・ライセンス第三者が制作したテーマをそのまま自作テーマとして公開することは出来ません。テーマに使う素材も再配布可能なライセンスであるか確認しなくてはいけません。無料素材の写真も多くは商業利用OKでも素材の再配布は禁止していることが多いので注意が必要です。写真ACの利用規約には(7)写真、または加工した写真データを含む二次的著作物を主要コンテンツとして、製品に使用すること(カレンダー、ジグソーパズルなどを指しますが、これに限りません)、インターネットやそれに類する方法で公開または送信すること、およびソフトウエアやハードウエアに組み込んで頒布すること(例えば、インターネットのグリーティングカードサービス、テンプレートのダウンロードサービス等への使用や、携帯電話の待受画面としての組込、アプリケーションソフト等の素材サンプルとしての組込、スクリーンセーバーへの組込等を行って頒布すること)はできません。テンプレートとしてハードウエア、ソフトウエア等に組み込んで、プリントサービス等を行うことはできません。ありますので、写真ACの写真素材をテーマ(テンプレート)の中に組み込んで(具体的にはCSSで背景として指定するなど)公開することは出来ません。デモブログでアイキャッチ・ヘッダー背景などに利用することはOKです。ライセンス第三者が著作権を有するテーマを改変する場合も注意が必要です。改変禁止のライセンスのテーマはそれを元に改変してテーマ制作することは出来ません。ストアの利用にあたっての規約は、はてな利用規約に準じます。オリジナルテーマの著作権は各投稿ユーザーに帰属します。デザイン設定ページにある公式デザインテーマを改変したテーマは投稿できません。著作権上の問題が発生しないよう、投稿時には以下のルールを守ってください。ストア外で公開されているテーマを、そのまま自作のテーマとして投稿することはご遠慮ください改変OKのライセンスの場合は元のテーマ著作者をCSSのコメントに明記し、ライセンスも元のテーマのライセンスに従う必要があります。GPLのテーマを改変して公開する場合は、改変した自作テーマもGPLで公開しなくてはいけません。はてなブログテーマのライセンスやGPLについては過去記事にもう少し詳しく書いていますのでご参照下さい。blog.minimal-green.comblog.minimal-green.com多くの人が使う環境で不具合なく使えるようにありとあらゆる環境に全て対応することは不可能ですが、一般に多くの人が使う環境(パソコン、スマートフォン端末)で表示が崩れたり、見辛い状況にならないように配慮する必要があります。テーマ制作のヒントはてなブログのすべての機能が正しく使えるようにしてください。機能が正常に使えないような場合には、選択されたライセンスの許諾事項に関わらず、はてなにて修正対応を行うことがございますのでご了承ください。記事内の広告は必ず表示するようにしてください。ヘッダの場所を移動したり隠したりしないでください。「テーマ制作の手引き」で示す各Webブラウザで正しく表示できるようにしてください。タイトル画像、背景画像などをカスタマイズした状態でも正しく見えるようにしてください。Explorerはweb制作者に忌み嫌われていますが、一応最新版では問題なく表示出来る位には対応した方が良いと思います。主義として絶対対応しないというのもアリだとは思いますがw以前「モバイルファースト」だと言ってモバイル向けに400pxくらいのコンテンツ幅でPC版も表示するはてなブログテーマが投稿されたことがありました。いくらなんでも幅狭過ぎで、PCで閲覧するときに見辛過ぎました。一般的に普及している画面サイズで問題なく表示出来るようにした方が良いと思います。告知無く急に大幅な変更をしないはてなブログテーマの場合はテーマストアでインストールしたテーマに変更があった場合、自動的に反映されますから「最初のデザインと全然違う大きな変更」を加えるとユーザーは困ります。不具合ならともかく、最初に提示したデザインと全く違う変更はなるべくしない方が良いでしょう。やむを得ず変更する場合はブログなど告知して、カスタマイズしてるユーザーに影響しない範囲で変更するのが良いと思います。!importantの多用はしない!importantをやむを得ず使う場面もあるかと思いますが、!importantを指定しているとカスタマイズするユーザーがその部分を上書き出来ないこともあります。!importantは使わない方が良いでしょう。以上が私が思い付くテーマ制作者の注意点です。無料で配布していると言えども一定程度の責任とモラルが制作者には求められます。皆さんが楽しく安心してはてなブログを使えるように、健全な議論の場があり良かったなと思います。この記事に間違いやご批判があればどうぞ遠慮なく手斧を投げて下さい。最後までお読み頂きありがとうございました。15:24あわせて読みたい☆引用の範囲内でしたらこのブログの画像・文章・コード転載OKです。引用元をリンク付きでご明記下さい。この記事のURLとタイトルをコピーする最後までお読み下さりありがとうございます。»Recommend本格的なカスタマイズをするならはてなブログProがおすすめです。Green』『stripe』『yumekawa』『Haruni』はてなブログテーマを制作しています。HTML/CSS/WordPressとはてなブログカスタマイズがメインコンテンツ。特定商取引法に基づく表記このブログについてのお問い合わせお見積り・ご相談ブログのカスタマイズご依頼についてのお見積はこちら↑。このブログで紹介しているコードは、ご使用のテーマによっては調整が必要な場合があります。あらゆる場面、状況に対応することは難しいためです。ここで紹介しているコードはあくまでも一例で、各自ご自身の責任の元で調整してください。このブログで紹介しているコードは、一般的なブログであれば問題ないと認識しておりますが、全てのブログに適しているとは保証できません。万一トラブルが発生したとしても、それに対する一切の保証をいたしかねます。ご自身の判断と責任においてご利用いただくことをご了承下さい。☆引用の範囲内でしたらこのブログの画像・文章・コード転載OKです。引用元をリンク付きでご明記下さい。ヘルプマークとは?ヘルプマークは見えない障害、義足や人工関節を使用している方、内部障害や難病の方、妊娠初期の方など、援助や配慮が必要な方が付けるマークです。(1)PopularSozaifreepikAboutこのブログではサイト制作やHTML・CSS、はてなブログカスタマイズ、WordPressについて書いています。最新記事スターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。