イーサリアム（Ethereum）の開発者向けのイベント「Devcon 大阪」のメインビジュアルの「Devcon Unicorn」（デブコン・ユニコーン）の絵（馬の絵）の元ネタとおもわれる絵を見つけました！
（ちなみに、「Devcon 大阪」（Devcon 5）というのは、2019年10月8日～11日に大阪で開催される、イーサリアム財団（Ethereum Foundation）が主催する公式イベントです。）
「オープンソース・ライセンス」の記事一覧
ウェブコミック『Pepper&Carrot』とフリー(自由)でオープンソースでパーミッシブなライセンス
オープンソース・ウェブコミックの『Pepper&Carrot』（ペッパー＆キャロット）というマンガ作品があります。世界中のひとたちが、クラウドファンディングなどをとおして、この作品と作者さんを支援しています。
ぼくも、『Pepper&Carrot』の制作を支援するために、クラウドファンディングのPatreon（ペイトリオン）をとおして支援をはじめました。
（参考）
David Revoy is creating Pepper&Carrot, an open-source webcomic | Patreon
https://www.patreon.com/davidrevoy
『Pepper&Carrot』とDavid Revoy（デヴィッド・レヴォイ）さんの理念
『Pepper&Carrot』の作者である、David Revoy（デヴィッド・レヴォイ）さんの、フリー（自由）や、オープンソースでパーミッシブ（permissive）なライセンスにたいする考え方には、めちゃくちゃ共感します。
『Pepper&Carrot』の公式ウェブサイトのなかの、下記のURLの「Philosophy」（理念）というタイトルがついたページ（日本語版あり）のなかで、David Revoyさんのおもいがくわしく語られています。
（参考：日本語版）
Philosophy - Pepper&Carrot
https://www.peppercarrot.com/ja/static2/philosophy
（参考：英語版）
Philosophy - Pepper&Carrot
https://www.peppercarrot.com/en/static2/philosophy
コピーレフト（copyleft） ← コピーセンター（copycenter） → コピーライト（copyright）
※註：「パーミッシブ」（permissive）という言葉は、一般的には、「寛容な」というような意味でつかわれる言葉です。ですが、この場合の、「パーミッシブ」（permissive）という言葉の意味は、「二次的著作物が制作された場合に、その制作されたものに対して、元になった作品とおなじライセンス条件を強制しない」（「一方的利用を許可する」「伝播性がない」「コピーセンター」）というような意味です。
オープンソースのライセンスである、クリエイティブ・コモンズのいろいろなライセンスのなかでも、「CC BY」（「クリエイティブ・コモンズ 表示」）のライセンスは、パーミッシブ（permissive）なライセンスです。
（ちなみに、パーミッシブ（permissive）と対になる言葉として、リシプロカル（reciprocal）（「互恵的な」「伝播性がある」「コピーレフトの」）という言葉もあります。）
比較表：コピーレフト（copyleft）、コピーセンター（copycenter）、コピーライト（copyright）
| 「左」 | 「中」 | 「右」 |
|
コピーレフト （copyleft） |
コピーセンター （copycenter） |
コピーライト （copyright） |
|
リシプロカル （reciprocal） 「互恵的な」 「伝播性がある」 |
パーミッシブ （permissive） 「一方的利用を許可する」 「伝播性がない」 （「寛容な」） |
プロプライエタリー （proprietary） 「独占の」 「専有の」 「私有の」 |
|
|
David Revoyさんは、『Pepper&Carrot』のウェブコミック作品そのものや、その作品のアートワークや、その作品をつくるために使用された素材などなど、すべてを、パーミッシブ（permissive）なライセンスである、「CC BY」（「クリエイティブ・コモンズ 表示」）のライセンスで提供されています。
Sources - Pepper&Carrot
https://www.peppercarrot.com/en/static6/sources
こうしたDavid Revoyさんの理念は、すばらしい理念だとおもいます。
また、その理念を『Pepper&Carrot』という作品をとおして、実際に行動でしめしているところもすごいとおもいます。
あと、キャロット（猫）がかわいい！オレンジ色の毛なみもいい！
d(≧∀≦)b
Webcomics - Pepper&Carrot
https://www.peppercarrot.com/
酒呑童子の絵巻物を、みんなで修復して、 みんなで共有しよう
上掲の画像は、「江戸時代の酒呑童子の絵巻物を、みんなで修復して、 みんなで共有しよう」というクラウドファンディングのプロジェクトについての画像です。ここでは、このクラウドファンディングのプロジェクトについて、ご紹介したいとおもいます。
ぼくは、いま、『大江山絵詞』（おおえやまえことば）と呼ばれる絵巻物に描かれている酒呑童子（酒天童子）の説話について研究しています。『大江山絵詞』の絵巻物は、鎌倉時代～南北朝時代（室町時代前半）ごろにつくられたとされている、現存最古の酒呑童子説話をつたえる絵巻物です。『大江山絵詞』は、もともと、香取神宮に所蔵されていたものなので、通称として「香取本」（かとりぼん）とも呼ばれます。 （ちなみに、『大江山絵詞』（香取本）の詳細については、こちらのブログ記事で紹介しています。）
『大江山絵詞』は、酒呑童子説話についての現存最古の文献・文化財です。ですが、酒呑童子説話についての文献や芸術品は、これ以外にもたくさんあります。酒呑童子の説話は、中世から現在までの約600年以上の長い歴史のなかで、絵画や、文学、能楽（謡曲）、浄瑠璃、歌舞伎、演劇、唱歌・楽曲、映画、マンガ、アニメ、ゲームなどなど、数え切れないほどたくさんの文化や芸術に取り入れられてきました。それらのなかには、文化財として、とても価値が高いものもたくさんあります。
そうした酒呑童子説話をつたえる文献・芸術品のひとつに、現在、立命館大学アート・リサーチセンターに所蔵されている、『酒呑童子絵巻』と呼ばれる５巻の絵巻物があります。この絵巻物は、江戸時代前半の1650年ごろに、京都で作られたと推定されているそうです。
脚注
- キャプチャ画像に写っているウェブページ：数奇な運命をたどった「酒呑童子絵巻」を修復し、 "みんな" で共有・活用したい。 | ブルーバックスアウトリーチ | 講談社.[↩ Back]
YouTube動画の再生終了後にリダイレクトで別のページに自動的に移動させる仕組み （IFrameプレーヤーAPI（JavaScript））
ここでは、「YouTube動画の再生終了後にリダイレクトで別のページに自動的に移動させる」という仕組みの実例と、その仕組みをカスタマイズしてつかう方法をお話します。
下は、この仕組みの実例です。YouTube動画を最後まで再生すると、それと同時にリダイレクトで別のページに飛ばされます。（話をわかりやすくするために、動画は50秒ほどの短いものにしています。）
これによって、「動画を最後まで見た人をあらかじめ設定しておいたページに自動的に移動させることができる」という仕組みをつくることができます。
下の実例の上部の「HTML」タブを押すと、この仕組みのソースコード（HTML、JavaScript、CSS）を見ることができます。
See the Pen
YouTubeEndPointRedirect by 倉田幸暢 (@yukinobukurata)
on CodePen.
上の実例の上部のメニューバーのなかのタブやボタンの内容は、つぎのとおりです。
「HTML」タブ： この仕組みのソースコード（HTML、JavaScript、CSS）のパネルを表示（または非表示）させる。
「Result」タブ： この仕組みのソースコード（HTML、JavaScript、CSS）を実行したときのウェブページの状態を再現したパネルを表示（または非表示）させる。
ソースコードのダウンロードは、こちらをクリック。（GitHubのリポジトリ）
動画マーケティングに応用する方法
動画を最後まで見た後、視聴者の操作を待たずにリダイレクトで自動的に、セールスレターや、オプトインページなどに移動させたいという場合に、この仕組みをつかうといいでしょう。
誰でもかんたんにつかえるように、設定項目はできるだけわかりやすくしました。
興味があれば、ぜひこの仕組みをつかってみてください。
YouTube動画の一時停止ができないようにする仕組み （IFrameプレーヤーAPI（JavaScript））
ここでは、「YouTube動画の一時停止ができないようにする」という仕組みの実例と、その仕組みをカスタマイズしてつかう方法をお話します。
下は、この仕組みの実例です。YouTube動画を再生しはじめると、画面をクリックして一時停止にしようとしても動画を止めることはできません。（コントロールバーは非表示にしているので、一時停止ボタンを押すことはできません。）
これによって、「動画を見はじめたら最後まで見るしかなくなる」という仕組みをつくることができます。ページを再読み込みすれば動画の再生は止まりますが、そうすると、つぎに動画を見るときは、またいちばん最初から見なおさなければならなくなります。
下の実例の上部の「HTML」タブを押すと、この仕組みのソースコード（HTML、JavaScript、CSS）を見ることができます。
See the Pen
YouTubeUnstoppablePlayer by 倉田幸暢 (@yukinobukurata)
on CodePen.
上の実例の上部のメニューバーのなかのタブやボタンの内容は、つぎのとおりです。
「HTML」タブ： この仕組みのソースコード（HTML、JavaScript、CSS）のパネルを表示（または非表示）させる。
「Result」タブ： この仕組みのソースコード（HTML、JavaScript、CSS）を実行したときのウェブページの状態を再現したパネルを表示（または非表示）させる。
ソースコードのダウンロードは、こちらをクリック。（GitHubのリポジトリ）
動画マーケティングに応用する方法
セールスレターや、オプトインページなどで、途中で動画の再生を止めずに、動画の内容をいっきにすべて見てほしいという場合に、この仕組みをつかうといいでしょう。
誰でもかんたんにつかえるように、設定項目はできるだけわかりやすくしました。
興味があれば、ぜひこの仕組みをつかってみてください。
YouTube動画と連動してあらかじめ設定した時間になると購入ボタンが表示される仕組み （HTML、IFrameプレーヤーAPI（JavaScript）、CSS）
ここでは、「YouTube動画と連動して、あらかじめ設定した時間になると購入ボタンが表示される」という仕組みの実例と、その仕組みをカスタマイズしてつかう方法をお話します。
下は、この仕組みの実例です。YouTube動画を再生しはじめてから、一定時間（２０秒）が経過すると、動画の下に購入ボタンが表示されるように設定しています。
途中で一時停止すると、カウントダウンタイマーも一時停止します。もう一度再生をはじめると、カウントダウンタイマーも動き出します。これによって、「指定した時間まで動画が再生されたときだけ、購入ボタンを表示させる」という仕組みを実現することができます。
下の実例の上部の「HTML」タブを押すと、この仕組みのソースコード（HTML、JavaScript、CSS）を見ることができます。
See the Pen
YouTubeMagicBuyButton by 倉田幸暢 (@yukinobukurata)
on CodePen.
上の実例の上部のメニューバーのなかのタブやボタンの内容は、つぎのとおりです。
「HTML」タブ： この仕組みのソースコード（HTML、JavaScript、CSS）のパネルを表示（または非表示）させる。
「Result」タブ： この仕組みのソースコード（HTML、JavaScript、CSS）を実行したときのウェブページの状態を再現したパネルを表示（または非表示）させる。
ソースコードのダウンロードは、こちらをクリック。（GitHubのリポジトリ）
動画マーケティングに応用する方法
この仕組みは、「YouTube動画と連動して、あらかじめ設定した時間になると購入ボタンが表示される」という仕組みです。
わかりやすくいうと、「動画の内容をちゃんと見た人だけつぎのステップに進める」という仕組みです。
動画セールスレターや、オプトインページなどでこの仕組みをつかうと、効果的です。
もし、動画の下にはじめから購入ボタンがついていたら、それを見た人は「この動画は売り込みのための動画だ！」とおもって、抵抗感がうまれてしまいます。
これでは、提案を受け入れてもらいにくくなってしまいます。
そうではなく、はじめは購入ボタンを表示させないようにしておいて、抵抗感なく動画を見はじめてもらい、動画のなかで興味を引いてから、頃合いを見計らって購入ボタンを表示する。
こうすれば、抵抗感を引き起こさずに、自然な流れで提案をおこなうことができるので、提案を受け入れてもらえる確率があがります。
その結果として、成約率やオプトイン率が上がるでしょう。
また、このカウントダウンタイマーは、YouTube動画の一時停止/再生と連動して動きます。なので、動画を一時停止するとカウントダウンタイマーも一時停止し、もう一度動画の再生をはじめると、カウントダウンタイマーも動き出します。
これによって、「指定した時間まで動画が再生されたときだけ、購入ボタンを表示させる」という仕組みを実現することができます。
僕が知るかぎり、このような仕組みはこれまで有料のツールでしか実現できませんでした。
それが、今や、完全に無料で誰でも自由につかうことができるようになりました。
科学の勝利ですね（笑）。
あと、誰でもかんたんにつかえるようにするために、設定項目もできるだけわかりやすくしました。
興味があれば、ぜひこの仕組みをつかってみてください。
MITライセンスってなに？どうやって使うの？商用でも無料で使えるの？
MITライセンス（エムアイティーライセンス）（MIT License）というのは、オープンソースソフトウェアのライセンスのひとつで、無料で自由につかうことができる（制限がほんのすこししかない）のが特徴です。 (*1)
MITライセンスのもとで配布されているものは、改変でも、再配布でも、商用利用でも、有料販売でも、どんなことにでも自由に無料でつかうことができます。
そのために守らなくてはいけない条件は、「著作権表示」と「MITライセンスの全文」を記載する、という条件だけです。（なお、「MITライセンスの全文」を記載する代わりに、MITライセンスの全文が記載されているウェブページのURLを記載することも認められています。）
下記の文章は、MITライセンスの内容を、わかりやすく意訳したものです。
「MITライセンスの全文」の意訳
下記の条件を受け入れていただけるのであれば、誰でも自由に無料で、このソフトウェアをつかっていただくことができます。
このソフトウェアをコピーしてつかったり、配布したり、変更を加えたり、変更を加えたものを配布したり、商用利用したり、有料で販売したり、なんにでも自由につかってください。
このソフトウェアの著作権表示（「Copyright (c) 年 作者名」）と、このライセンスの全文（英語の文章）を、ソースコードのなかや、ソースコードに同梱したライセンス表示用の別ファイルなどに掲載してください。
このソフトウェアにはなんの保証もついていません。たとえ、このソフトウェアを利用したことでなにか問題が起こったとしても、作者はなんの責任も負いません。
「著作権表示」と「ライセンスの全文」の掲載については、ソースコードのなかや、同梱の別ファイルなどに下記のような記述を掲載するだけでかまいません。
脚注
- （MITライセンス（MIT License）は、ほか名前で呼ばれることもあります。ほかの呼び方としては、「MIT/Xライセンス」（MIT/X license）、「MIT / Xウィンドウシステムライセンス」（MIT / X Window System License）、「Xウィンドウシステムライセンス」（X Window System license）、「X11ライセンス」（X11 License）、「Xライセンス」（X License）などと呼ばれることもあります。）[↩ Back]
オープンソースライセンスってなに？商用でも無料で使えるの？
WordPress（ワードプレス）などの「オープンソースソフトウェア」と呼ばれるソフトウェアは、「オープンソース」というライセンス形態をとっています。
このため、WordPress（ワードプレス）のソフトウェアは、個人で利用する場合にも、商用で利用する場合にも、誰かにお金を払うことなく、無料で利用することができます。
「オープンソース」とは、その名のとおり、誰に対しても「開かれた」オープン（open）なものなのです。
なお、「ソース」（source）というのは、プログラムの「ソースコード」（プログラミング言語で書かれた文字の羅列）のことです。
（WordPress（ワードプレス）のオープンソース・ライセンスは、正確には「GNU General Public License （GPL）」という名前のライセンス形態です。）
ちなみに、厳密には「オープンソース = 無料」というわけではないのですが、ほとんどの場合、「オープンソースというのは、無料で利用できるソフトウェアのことだ」という理解でも問題はありません。
ここで、「なぜ、オープンソースのソフトウェアは無料なんだろう？」という疑問がわいてくるかもしれません。
メルマガ登録
いろんな分野のごちゃまぜメルマガ