JavaScript, p5.js のプログラミング
スマホアプリのYoutube動画
新型コロナ感染シミュレーション
https://www.youtube.com/watch?v=Jc3JNxWC00o
金魚
https://www.youtube.com/watch?v=SjptwUIofY4
買い物メモ
https://www.youtube.com/watch?v=Owy-vYQM0sQ
ブロック崩し
https://www.youtube.com/watch?v=peDSsUfU-Wc&t=37s
闘牛
https://www.youtube.com/watch?v=tzgQiu3d3iM
漱石の横顔
https://www.youtube.com/watch?v=0lMmxU6X0tQ
p5.jsでお絵かきアプリ、ブラウザーで動きます。
index.htmlの
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.3.16/p5.min.js"></script>
を以下に変えるとlibrariesファイルをダウンロードする必要はありません。
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.5.2/p5.js"></script>
Google Analyticsを活用する。
Google Analiticsでホームページが閲覧された統計を得るようにするには
http://jp-m.jimdo.com/jimdo-tips/google-analytics/
に説明があります。またその中のgoogleの設定ページを参照して、自分でhtmlなどで作成したホームページにも簡単に利用できます。
以下のサンプルプログラムの場合は３行目の様にgoogle analyticsに送信するように命令を挿入します。ただし、これはphpを用いている場合で、そうでない場合は指定されたコードをすべてコピーして同様に挿入（貼り付け）します。
２行目はスマホで見ると文字化けする場合があったので文字コードの指定を変更しています。
IBM CloudでテストしたSample code の index.phpはメインプログラムで以下の８行です。
<html>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<?php include_once("analyticstracking.php") ?>
<frameset cols="60%,40%">
<frame src="SampleJava2.html">
<frame src="sample1.html">
</frameset>
</html>
楽天アフィリエイトを設定する。
Amazonで始まったが、楽天など多くの通販サイトで行われています。
上記のリンク(url)を開き[楽天アフィリエイトへどうぞ]のボタンを押すと楽天の宣伝ページが開きます。
アフィリエイトを設定する方法の説明は http://affiliate.rakuten.co.jp/guide/link/
にあります。
因みに、このJimdoホームページでアフィリエイト広告を表示するにはJimdoにloginして[文章の追加]そして</>マークをクリックして、そこに、上記のpdfで説明した楽天アフィリエイト用のコードを貼り付けると、下のような宣伝写真が
表示され、写真をクリックすれば楽天のホームページの、この例ではお中元ギフト商品の購入画面が表示されます。
これをクリックして購入されれば、私にリベートが支払われるはずです。
|
|
![[商品価格に関しましては、リンクが作成された時点と現時点で情報が変更されている場合がございます。]](https://hbb.afl.rakuten.co.jp/hgb/1731b055.83b98d6d.1731b056.62e665d5/?me_id=1222516&item_id=10000264&m=https%3A%2F%2Fthumbnail.image.rakuten.co.jp%2F%400_gold%2Fnikudonya%2Fitem%2F10000264%2Fthumb01.jpg%3F_ex%3D80x80&pc=https%3A%2F%2Fthumbnail.image.rakuten.co.jp%2F%400_gold%2Fnikudonya%2Fitem%2F10000264%2Fthumb01.jpg%3F_ex%3D240x240&s=240x240&t=picttext "[商品価格に関しましては、リンクが作成された時点と現時点で情報が変更されている場合がございます。]")
SlotMachine.html 三つ揃えば[おめでとう！]がでます。