Tips : Processingで書いた作品をはてなブログに貼る方法 ― CDN / Dropboxの利用

ProcessingのちょっとしたScriptを公開するのに、せっかくだから、はてブにコードと一緒に張り付けたい!なんてこともあると思います。
その方法はこちらのエントリで詳しく書いてくださっているので、この方法で張り付けることができます。

ただ、Processing.jsのホスティングでいくつか試したので、補足的にメモしておきます。(自分のドメインがある人はあまり関係ないかも。)

Processing.jsのCDN

まずはCDNがあるだろうと思ってcdnjsで検索しました。
すると、最新バージョンがありました。これを使うという手があります。
//cdnjs.cloudflare.com/ajax/libs/processing.js/1.4.1/processing.min.js
(注)apiの方もあるので気をつけてください。

こんな感じで利用できます。
例:

1
2
3
4
5
6
7
<script type='text/javascript' src='https://cdnjs.cloudflare.com/ajax/libs/processing.js/1.4.1/processing.min.js'></script>
<div>
    <script type='text/processing'>
        /* your code */
    </script>
    <canvas></canvas>
</div>

Dropboxに置いて参照する

CDNはちょっと、、、という場合には、Dropboxの公開リンクで参照する方法もあります。
その場合は、普通の共有リンクではなく、直接ファイルをブラウザで読み込めるようにリンクを少し調整します。

Dropboxの公式サイトに方法が記載されていますが、 https://www.dropbox.com/s/xttkmuvu7hh72vu/processing.min.js
https://dl.dropboxusercontent.com/s/xttkmuvu7hh72vu/processing.min.js
と変更して貼り付けます。

例:

1
2
3
4
5
6
7
<script type='text/javascript' src='https://dl.dropboxusercontent.com/s/xttkmuvu7hh72vu/processing.min.js'></script>
<div>
    <script type='text/processing'>
        /* your code */
    </script>
    <canvas></canvas>
</div>
Built with Hugo
テーマ StackJimmy によって設計されています。