（「vertical cover book two」）

オープンソース・ウェブコミックの『Pepper&Carrot』（ペッパー＆キャロット）というマンガ作品があります。世界中のひとたちが、クラウドファンディングなどをとおして、この作品と作者さんを支援しています。

ぼくも、『Pepper&Carrot』の制作を支援するために、クラウドファンディングのPatreon（ペイトリオン）をとおして支援をはじめました。

（参考）
David Revoy is creating Pepper&Carrot, an open-source webcomic | Patreon
https://www.patreon.com/davidrevoy

（「first cover」）

『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）（「互恵的な」「伝播性がある」「コピーレフトの」）という言葉もあります。）

（「witches of chaosah family」）

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/

続きを読む →

「虹の彼方に」 ^(*1)

『大日本仏教全書』や、『群書類従（ぐんしょるいじゅう）』、『近江輿地志略（おうみよちしりゃく）』、『大正新修大蔵経（たいしょうしんしゅうだいぞうきょう）』などなどの、たくさんの人たちの、たくさんの叡智を積み上げることでつくられた、すばらしい本の数々に触れていると、「この社会って、めちゃくちゃすばらしいところだな！！！」とかんじます。
(o≧ω≦)O

これらの本は、その内容が電子データとして公開されていて、インターネットで誰でも自由に閲覧することができるようになっています。

そうした、「みんなの力をあわせてつくったものを、みんなでわかちあう」という現象にふれていると、こころの奥底から熱いものがわきあがってきて、胸のBPMが高鳴りまくってしょうがない、やる気MAXファイヤーな状態になります。

そんなこんなで、興奮冷めやらないかんじなので、そのいきおいで、これらの本の紹介をしたいとおもいます。

また、「みんなの力をあわせてつくったものを、みんなでわかちあう」という現象にふれているときに、胸をよぎる言葉も紹介したいとおもいます。

続きを読む →

1. 画像の出典：「虹の彼方に」. Southern Lights.jpg by NASA's Earth Observatory on Wikimedia Commons.[↩ Back]
2. 幸村誠 (2016年) 『ヴィンランド・サガ』第17巻（冊子版）, アフタヌーンKC, 講談社, 冊子のカバーの「そで」（折り返し）のところに掲載されている著者による文章より.[↩ Back]
3. ピーター・F・ドラッカー(著者), 上田惇生(翻訳, 編集) (2000年) 「知識ある者の責任」, 「3章　貢献を重視する」, 「Part2　働くことの意味が変わった」, 『プロフェッショナルの条件：いかに成果をあげ、成長するか』, ダイヤモンド社, 88ページより.[↩ Back]
4. マット・リドレー(著者), 大田直子(翻訳), 鍛原多惠子(翻訳), 柴田裕之(翻訳) (2013年) 「無限の可能性」, 「第8章 発明の発明：1800年以降の収穫逓増」, 『繁栄：明日を切り拓くための人類10万年史』(文庫版), ハヤカワ・ノンフィクション文庫, 早川書房, 544ページより.[↩ Back]
5. （サイアム・ビストの言葉、著者：福井晴敏、『機動戦士ガンダムUC (10) 虹の彼方に (下)』（小説）、角川書店(角川グループパブリッシング)、角川コミックス・エース、2009年、116ページ）[↩ Back]
6. 『輪るピングドラム』の最終話「第24駅 愛してる」より.[↩ Back]

この映像のなかで引用されている文章は、
エティエンヌ・ド・ラ・ボエシの著書、
『自発的隷従論』からの引用です。

下記は、その『自発的隷従論』から引用した文章です。

続きを読む →

^(*1)

どうも、倉田です。

今回は、ワードプレス（WordPress）の利点についてお話しようとおもいます。

ワードプレスは、ただ単に、ブログやウェブサイトを無料でかんたんに作成・運営できるというだけのツールではありません。

ワードプレスは、

「インターネット上で情報発信をするための総合的なプラットフォーム」

です。

かんたんにいえば、あなたの「情報発信基地」になるものです。

ブログをつかって本気で情報発信をするのであれば、ワードプレス以外の選択肢はあり得ないと言っても過言ではありません。

ビジネスのためのブログであるにもかかわらず、アメブロやFC2ブログ、シーサーブログなどをつかっている人を見ると、本気でビジネスをやる気があるのかどうかとても心配になります。

「私はネットビジネスのプロです」と言いながら、こうしたブログをつかっている人は信用できないと、個人的にはおもいます。

もし、あなたがブログをつかって情報発信をしたいとおもっているのならワードプレス（WordPress）が最良の選択です。

このことを証明するために、ここからはワードプレスをつかうことの利点についてお話したいとおもいます。

ちなみに、ぼくは、自分でサーバーに設置するタイプのワードプレスを、２００６年からずっとつかっていて、その間、ワードプレスをつかって自分のブログをつくったり、仕事でお客さんのブログやホームページをつくるためにワードプレスをつかってきました。

ここでお話することは、その７年間の経験から、ぼくが実際に肌で感じていることです。

続きを読む →

1. （ワードプレス（WordPress）の日本公式キャラクター「わぷー」）[↩ Back]

ここでは、「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動画の一時停止ができないようにする」という仕組みの実例と、その仕組みをカスタマイズしてつかう方法をお話します。

下は、この仕組みの実例です。YouTube動画を再生しはじめると、画面をクリックして一時停止にしようとしても動画を止めることはできません。（コントロールバーは非表示にしているので、一時停止ボタンを押すことはできません。）

これによって、「動画を見はじめたら最後まで見るしかなくなる」という仕組みをつくることができます。ページを再読み込みすれば動画の再生は止まりますが、そうすると、つぎに動画を見るときは、またいちばん最初から見なおさなければならなくなります。

下の実例の上部の「HTML」タブを押すと、この仕組みのソースコード（HTML、JavaScript、CSS）を見ることができます。

See the Pen
YouTubeUnstoppablePlayer by 倉田幸暢 (@yukinobukurata)
on CodePen.

上の実例の上部のメニューバーのなかのタブやボタンの内容は、つぎのとおりです。
「HTML」タブ： この仕組みのソースコード（HTML、JavaScript、CSS）のパネルを表示（または非表示）させる。
「Result」タブ： この仕組みのソースコード（HTML、JavaScript、CSS）を実行したときのウェブページの状態を再現したパネルを表示（または非表示）させる。

ソースコードのダウンロードは、こちらをクリック。（GitHubのリポジトリ）

動画マーケティングに応用する方法

セールスレターや、オプトインページなどで、途中で動画の再生を止めずに、動画の内容をいっきにすべて見てほしいという場合に、この仕組みをつかうといいでしょう。

誰でもかんたんにつかえるように、設定項目はできるだけわかりやすくしました。

興味があれば、ぜひこの仕組みをつかってみてください。

続きを読む →

ここでは、「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 License）というのは、オープンソースソフトウェアのライセンスのひとつで、無料で自由につかうことができる（制限がほんのすこししかない）のが特徴です。 ^(*1)

MITライセンスのもとで配布されているものは、改変でも、再配布でも、商用利用でも、有料販売でも、どんなことにでも自由に無料でつかうことができます。

そのために守らなくてはいけない条件は、「著作権表示」と「MITライセンスの全文」を記載する、という条件だけです。（なお、「MITライセンスの全文」を記載する代わりに、MITライセンスの全文が記載されているウェブページのURLを記載することも認められています。）

下記の文章は、MITライセンスの内容を、わかりやすく意訳したものです。

「著作権表示」と「ライセンスの全文」の掲載については、ソースコードのなかや、同梱の別ファイルなどに下記のような記述を掲載するだけでかまいません。

続きを読む →

1. （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]