デザインの読み筋

あっ センスはないです。

新人ブロガーが知っておきたい著作権の話

こんばんは。タイトル通り私も新人ブロガーです。

昨日の記事が6ブックマークされ、初のブックマークを記録しました。

 

みなさまありがとうございました。

cildさんに読んでいただけ幸甚です。

 

著作権だけを知りたい方は目次から飛んでください!

 

 

経緯

f:id:jxkxkx37:20170805211414j:plain

私は本を読む事がここ数年で趣味になりました。

高校生で読んだ本は、長谷部誠選手の「心を整える」だけでした。 

活字が嫌いで、本も嫌いでした。

その私が本を好きになり、読書を習慣にする事ができました。

いい情報を他の人に教えれば関係性がよくなります。

その人からまた違う人の伝われば、一石何鳥かわからないくらいの影響があると思いました。

 

やり抜く人の9つの習慣 コロンビア大学の成功の科学

無敵の思考 ――誰でもトクする人になれるコスパ最強のルール21

 

上記の2冊を紹介しました。

実験例などを詳細に書く事により、信頼性が上がる事がわかっていたので詳しく記載していました。

そのおかげで「やり抜く人」はかなり良い反響がありました。

そんな中、知人から「著作権とか大丈夫なの?」と聞かれて

 

めんどくさいから調べてなかったけど、

これから要約していきたし、このブログを広めていくのであれば犯罪になるといけないと思い知らべることにしました。

 

はい。。。 自分流の言葉を混ぜてもダメなんですね。

要約している記事は「下書き」に戻しました。無知でした。

ただ良い勉強になった反面、著作権の記事はすでに多くの人が書かれています。

 

ですが自分のため、これからブログを始める人要約を書こうとしている人同じ躓きを起こさないように書いていきたいと思います。

 

著作権とは 

f:id:jxkxkx37:20170805211432j:plain

 

よく聞く言葉ではありますが、どういった内容なのかさっぱりです。

見ても複雑な言葉で書かれていますので、理解しづらいですね。。。

 

下記のサイトにわかりやすい説明がありましたので、引用します。

小説、音楽、美術、アニメなどの作品は、それを作った人がそれぞれ自分の考えや気持ちを作品として表現したものです。そして、この表現されたものを「著作物」、著作物を創作した人を「著作者」、法律によって著作者に与えられる権利を「著作権」と言います。

①著作権とはどんな権利?|学ぼう著作権|KIDS CRIC

 

簡単にいえば、自分で汗水流して作成したものを簡単に盗まれるのはいけないよね。

だから法律で保護して健全な発展をしましょうね。が根本にあります。

 

対象 本、音楽、写真、映画 etc...

 

使用する時は著作者の許可がいる?

他人の著作物は,著作権が制限を受けている場合のほか,原則として,著作権者に無断で利用することはできません。何らかの形で,法的に利用の権限を取得することが必要です。

著作物の正しい利用方法|文化庁

無断で使用すると犯罪になります。

よく聞く著作権違反ってやつですね。

 

許可がいることはわかりましたが、毎回著作者に連絡して許可をもらってやっていればもっと文化の発展は遅かったでしょう。

著作者も連絡対応だけで毎日憂鬱になっていたかもしれません。

 

そうです。例外が何点かあるのです。

 

引用は無断でもOK

f:id:jxkxkx37:20170806092240j:plain

その内の1つが引用に当たります。

公表されている著作物であれば許可を取らずに

著作物は引用して利用することができますよ。」と世の中では定義されています。

 

 重要な点はここからで、

引用するのにも条件がありますけどねへへへ」という形になっています。 

 

条件は下記に当たります。

1. 既に公表された著作物であること

2. 公正な慣行に合致すること

3. 報道、批評、研究など引用の目的上正当な範囲内であること

4. 出所の明示をすること 

著作物を利用するための条件 | 大学教員のためのICT活用ヒント集

 

世に出ている物であり、読者から見てどこから情報源を引用しているのかわかるようにする物があればOKとなります。上記の引用例から行くと、最後の青いリンクが出所明示の扱いになります 。

ここまでは上記のように自分の頭でも理解できたと思います。

 

しかし、「公正な慣行に合致する」って? 慣行って何?

報道、研究のような全うな目的以外使ってはいけないの?ブログはいいの?と率直に思いました。 まず習わしに合致する点を見ていきましょう。

 

補足: 慣行 ー 組織の中で昔から続いている習わし

 

公正な慣行に合致する

調べたところ明確な基準がないので「最高裁判の判断も基準にしよう」となっている傾向にあります。その基準となる判例が「パロディ事件」です。

  裁判例は、「引用」と言える条件として、①引用する側の著作物と引用される側の著作物とが明瞭に区別して認識できること(法律的には、「明瞭区別性」なんて呼ばれたりします。)②引用する側の著作物が「主」で、引用される側の著作物が「従」といえること(法律的には、「主従関係」要件等と呼ばれます。)が必要であるとしています。

他人の著作物を適法に「引用」する際のルール【弁護士が教えるEC運営者のためのIT著作権法対策④】 | EC法務ドットコム~弁護士が運営するIT法律サイト~

いわゆるポイントは2つです。

 

明瞭に区別できる点

自分の文章」と「引用してきた文章」が一目でわかるようにする。

カギカッコをつけるとかに当たると思いますが、

はてなブログ場合は「引用」の機能があるので、この点は大丈夫だと思います。

 

主従関係である点

主「自分の文章」、従「引用してきた文章」の割合が9対1くらいになるのが理想。

5対5だとこの関係がなくなって違法になる可能性があります。

 

この2つの点と、残りの3つの条件を組み合わせれば、ほとんど問題ないでしょう。

他のブロガーさんが引用しているの見るとよくわかるのですが、このルールにのっとてされている方がほとんどです。

 

これが習わしとなるので、この条件は外せないようになりますね。

 

引用の目的上正当な範囲とは?

f:id:jxkxkx37:20170802210536j:plain

弁護士さんいわく、下記の内容で大丈夫そうでした。

「この引用があれば、ブログの記事がよりおもしろくなる!!」とか、「自分の説明の助けになって、より分かり易くなる!」という程度の必要性があれば足りるでしょう。

他人の著作物を適法に「引用」する際のルール【弁護士が教えるEC運営者のためのIT著作権法対策④】 | EC法務ドットコム~弁護士が運営するIT法律サイト~

 

もちろん他に文章量の話もありますが、

限度を超える引用は転載となる可能性が高いと思います。

 

転載とは引用してきた文章の方が多くなってしまう事で、

引用と転載は全くもって違うものになってしまいます。

 

転載についても詳しい法律があるようですが、

もちろん転載も場合によって犯罪になってしまいます。

 

条件を守っていれば大丈夫だと思います。

 

それにしても、ブログでダメとなったらどうするんでしょうかね?

そんな事にはならないと思いますが、裁判の判決が明確ではないので、

どこまでがダメになるのかブロガーは今後とも動向を知っていく必要はあると思いました。

 

まとめ

f:id:jxkxkx37:20170806104122j:plain

 

 

・はてなブログで書くときは、引用機能を使う事(他のブログはカギカッコつけたり)

・出所を明示する

・自分の文章が多くないといけない。

 

最後に

著作権って複雑ですね。調べれば調べるほど深くなっていきます。

ですが、ルールは意外と簡単なように思えます。

調べた結果、弁護士さんのサイトをお手本に作成すればいいかと思いました。

 

著作権を知らなかった新人ブロガーのためになればいいですね。

 

 

月間100PVから4日で200PVになったけれど

こんばんは。

ブログを初めて2ヶ月ちょい経ちました。

 

 始めた当時(WebデザインもProも何もしていない時)は、はてなブックマークを見ていて、この記事がすごい人気になっているのを見ました。

www.hitode-festival.com

 

内心は「俺の方がええもん使ってるやんけ」と思って

でも自分はPVは少ないしブログも全然やんと思いました。

 

体が勝手に面白いと感じ、ノリで自分をdisった記事を書きました。 

www.jxkxkx37.com

 

この記事に反応がありました。

 

www.tsuneni-gakusei.com

 

www.hitode-festival.com

 

cild.hatenablog.com

 

www.tontonpig.com

 

トップブロガーたる4人にスターを押していただきました。

今思えばこの4人にスターをつけてもらえる記事なんてそうそう書けないことに気づきました。

 

ここからやる気が「ドォオオーーーーーーーーーーーーン」と上がりました。

 

Proに入りましたし、デザインもレスポンシブ対応していないですが、

おしゃれにしようと日々模索しています。

 

現在読者数は8人です。

先ほどの記事を書いた時は0人でした。

 

 

多分あの記事を書いてスターがなければ、ブログを続けていなかったでしょう。

きっと優しいトップブロガーさんが、「頑張れよ」ということで、スターをつけたと思います。

 

結局何が言いたいのかというと、今日この記事を見ました。

cild.hatenablog.com

 

きっとトップブロガーさん達にも色々悩みがあるのでしょう。

でもそんな人たちに憧れている人もいるし、スターをもらって嬉しくなって、こうやってブログを続けて、日々を楽しんでるわけです。

 

ここ数年独自に心理学を学んでいますが、影響は伝染するものです。

同じ環境で笑いが多ければ、笑いが多くなる環境になるし

怒鳴り声が多い環境だと、鬱病になるリスクも高くなったりします。

 

いい行動をすれば、いい影響を広めてくれるような気がしています。

 

 

なので散るログさんに先を走っていて欲しいと思うんですよ。

どの目線で言っているのかわかりませんが、、、

 

読者が多いってことは、それだけ見えない人に影響を与えてるわけです。

 

なので、散るログさんや他の方にも、こういう人が世の中にはいるってことも知ってもらいたいと思いました。少しでもいい影響がおきるように記事を書きました。

 

 

 

 

みなさんのおかげで4日で200PVになりました。本当にありがとうございます。

習慣することができれば徐々に読者は増えると思っています。

 

そして、そんなトップブロガーを私淑してブログを続けていきたいと思いました。

 

f:id:jxkxkx37:20170804082503j:plain

 

 

 

 

 

 

P.S 知り合いが見ているので、ええ感じのことを書いている自分が少し恥ずかしいですが本音です。

 

月間100PVブログの作業環境。形から入る人必見。

f:id:jxkxkx37:20170627212821j:plain

そんな中、ノリの軽さのみで書いています。

 

 

★300万PV クレジットカードの読みものさん

月間300万PVブロガーの作業環境を紹介(クレジットカードの読みもの編)!整理整頓が苦手な私には狭いデスクが向いているようです。 - クレジットカードの読みもの

★100万PV ヒトデさん

月間100万PVブロガーの作業環境を紹介! ヒトデ祭り編! - 今日はヒトデ祭りだぞ!

★30万PV トントンさん

月間30万PVの大学生ブロガーのPC作業環境!【本日もトントン拍子】 - 本日もトントン拍子

★10万PV Seaさん

月間10万PVブロゲーマーのPC環境は、意外とブログ "も" 書きやすい! - しーノート

★3万PV チルドさん

月間30,000PVブロガーの作業環境を紹介(散るろぐ編)!パソコンとデスクとチェアーは断捨離しました。 - 散るろぐ

★1万PV ハナさん

月間10000PVブロガーの作業環境を紹介!ハナさんキッチン編! - ハナさんキッチン

★6000PV ヤマダ シンさん

月間6000PVブロガーの作業環境!常に学生でありたい編。 - 常に学生でありたい

★1000PV 藍田悠さん

月間1000PVブロガーの作業環境を紹介!ぼくのでんげん的ラジオ。編! - ぼくのでんげん的ラジオ。

 

ふぅ〜。このランキングを書くだけでも新人は大変です。

他のすごい方の環境を見たのですが、

正直、自分の方がいいやつ使っているんじゃね?と思ったわけです。

 

みなさんに見てもらいたいのは、境ではなく継続性の大切さだといいたいのです。

 

環境一覧 :

PC → MacBookPro 2015

モニタ → BenQ 21.5インチワイド スタンダードモニター

机 → 無印良品 パイン材テーブル・折りたたみ式

椅子 → オカムラ コンテッサ

スタンド → Spindio シルバー

 

f:id:jxkxkx37:20170627215910j:plain

PC:ノートパソコンはMacにしています。仕事や家でもWindowsを使うのですが、

一長一短と言った感じで、どちらを買うのがオススメかと問われても、結構甲乙付けがたいですね。Macや!と言いたいのですが、ビルゲイツさんもすごいですからね。。。

 

APPLE MacBook Pro 13.3/2.5GHz Core i5/4GB/500GB/8xSuperDrive DL MD101J/A

APPLE MacBook Pro 13.3/2.5GHz Core i5/4GB/500GB/8xSuperDrive DL MD101J/A

 

☆iphoneとの連携と、ターミナルでのコマンド操作は便利です。

 

f:id:jxkxkx37:20170627215931j:plain

モニタ: ベンキューさんですが、正直モニタはいります。

とりあえずどんなメーカーでもある時、ない時の効率の差はかなり違うと思います。

でもMacのRetinaシリーズをお持ちの方は、画質が綺麗な方がいいかもしれませんね。

大画面で綺麗はデザイナーにとっては必須です。

 

BenQ モニター ディスプレイ GW2265HM 21.5インチ/フルHD/AMVA+/HDMI,VGA,DVI端子

BenQ モニター ディスプレイ GW2265HM 21.5インチ/フルHD/AMVA+/HDMI,VGA,DVI端子

 

とりあえずあれば充分です。

 

f:id:jxkxkx37:20170627221708j:plain

机:   

この机は、最近値段高くなってきている感じがします。。。

メリットは折りたためる点でしょうか?

それだけではなくて人間は自然に、木や草を求める傾向があります。

ガジェットだらけの中で、机を木にしたことは大正解だったと思います。

DIYできる人は作ってもOK

 

f:id:jxkxkx37:20170627215938j:plain

椅子:

やはり椅子に投資しました。泣く子も泣き止むコンテッサです。

座りごごちと言いますか、長い時間作業していても、ケツが気になりません。

ケツ気になる → 集中力低下 → 作業効率下がる

の流れが私には多いので、ここに投資したことで、リターンはかなりあります。

 

ケツの保護は最優先事項です。

 

まとめ:

スタンドは脇役なので、割愛させていただきました。

 

Spinido® ノート PC スタンド silver (TI-Station)

Spinido® ノート PC スタンド silver (TI-Station)

 

 

ざっと書いたのですが、他のブロガーさんに負けないくらいの環境を持っているのだと、改めて実感しました。機材だけで行くと10万PVは目指してもいいはず。。。

 

でも知って欲しかったのは、こんなけいいものを持っていても、

ブログを書かないと100PVにも満たないよってこと。

 

形から入るタイプの人に是非紹介してあげてください。

 

 

 

 

 

AtomでPythonを実行する時のバージョン指定方法。

機械学習で一躍有名になったPython目指せpythonerということで、AtomでPython実行させると、どうしてもMacに初期でインストールされているバージョンで実行になってしまいます。

新しくインストールしたPython3.6で実行させる設定方法を書いていきたいと思います。


その前にAtomで実行する際は、パッケージのatom-runnerを先にインストールする必要があります。こちらと新しいPythonをインストールした前提で話を進めます。

まずはVersionを確かめるソースコードを下記に記しておきます。

import platform
print(platform.python_version())


これを実行すると下記のような結果になりました。
実行バージョンが2.7.13だということがわかります。

f:id:jxkxkx37:20170618212050p:plain


実行バージョンを指定する方法として、個人設定をクリックします。
そうするとconfig.csonのファイルが開かれます。

f:id:jxkxkx37:20170618212648p:plain


"*": がソースコードに記述されていますが、
この後に、下記のソースコードを追加してください。

 runner:
    scopes:
      python: "/Library/Frameworks/Python.framework/Versions/3.6/bin/python3"


記述例-インデントに注意
f:id:jxkxkx37:20170618214200p:plain
*Macでインストールされた方であれば、ディレクトリパスは同じかと思いますが、
Windowsの方は、個別で調べる必要があります。。。



設定が完了後、再度実行すると
f:id:jxkxkx37:20170618214238p:plain

実行バージョンが最新のものになりました。


なぜか実行する時にうまくいかない方は、バージョンの指定が影響しているかもしれません。

CSS3をEmmetで打ち込んでみた。

こんばんは。

 

とりあえず、記事を書く習慣を癖付ける為に、

お疲れモードながらも更新させていただきます。

 

HTMLやCSSを打ち込む時に、

最近覚えたてのEmmetを使って打ち込んでみました。

 

HTMLは何度か使って入力していましたが、CSSでもかなり便利でした。 

 1つだけ例をあげてから就寝したいと思います。。。

 

f:id:jxkxkx37:20170519213841p:plain

 

今回 text-align: center; の場合、

補完しながら打ち込むと思います。

 

「補完でさえ面倒くさいな。。。」

 

そんな時に、Emmetの登場です。

 

f:id:jxkxkx37:20170519214439p:plain

 

tacを入力して → tabキー 

そうすると

 

f:id:jxkxkx37:20170519214650p:plain

 

先ほどの、text-align;center; が自動的に入力されます!!!

最初使った時は、チート感半端なかったです。笑

 

是非Webの勉強をし始めた方は、一緒に挑戦しましょう!

 

 

補足:AtomでEmmetを使う場合は、プラグインが必要です。これについても後日書きたいと思います。

TOP

プライバシーポリシー