WIP: Add 20180922 IchigoJam Workshop Page

Co-authored-by: Taisuke Fukuno <fukuno@jig.jp> Co-authored-by: Amil Khanzada <amilkh@users.noreply.github.com>
amilkh · Sep 25, 2018 · bbd2ed4 · bbd2ed4
1 parent ed02c49
commit bbd2ed4
Showing 1 changed file with 105 additions and 0 deletions.
diff --git a/ws-20180922.html b/ws-20180922.html
@@ -0,0 +1,105 @@
+<style>
+@font-face {
+    font-family: "ichigojam";
+    src: url("http://fukuno.jig.jp/font/IchigoJam-1.2.woff") format('woff');
+}
+.ichigojam {
+	font-family: "ichigojam";
+	white-space: pre-wrap;
+	background: #000;
+	color: white;
+	padding: .5em 1em;
+	margin: 10px 0em;
+	line-height: 1.3em;
+	letter-spacing: 0px;
+	font-size: 85%;
+	width: 590px;
+	word-break: break-all;
+	x-overflow: scroll;
+}
+</style>
+
+<title>Zen x Programming、禅とペアプログラミングで学ぶ、はじめてのプログラミング＠永平寺町</title>
+<h1>Zen x Programming、禅とペアプログラミングで学ぶ、はじめてのプログラミング＠永平寺町</h1>
+From <a href=http://fukuno.jig.jp/2252>Taisuke Fukuno's blog post</a>.<br><br>
+
+
+Eiheiji Town's <a href=http://www.amilkhanzada.com/p/eiheiji.html>Evolution Ambassador Amil</a> gave a Zen x Programming workshop, combining Silicon Valley Extreme Programming style and Zen.
+He did at Eiheiji Town's Four Seasons Forest Cultural Center's <a href=https://www.town.eiheiji.lg.jp/600/603/p002119.html>Sanshoukaku</a> room.<br><br>
+
+永平寺町エボリューション大使<a href=http://www.amilkhanzada.com/p/eiheiji-ja.html>あみる</a>による、<a href=https://amilkh.github.io/>Zen x Programming</a> ワークショップ。<br>
+シリコンバレースタイルと禅との融合<br>
+永平寺町、四季の森会館、永平寺の傘松閣を復元した「<a href=https://www.town.eiheiji.lg.jp/600/603/p002119.html>旧傘松閣資料館</a>」が会場！<br>
+<img src="http://fukuno.jig.jp/img2/zenprog1-01.jpg" width=610 height=400><br><br>
+
+Over 3 hours (2pm-5pm), we enjoyed a mix of programming and Zazen meditation.<br><br>
+14時〜17時まで、たっぷり3時間、座禅も交えたペアプログラミング、楽しんでくれました！
+</p><p>
+
+<img src="http://fukuno.jig.jp/img2/zenprog1-02.jpg" width=610 height=389><br><br>
+
+IT, AI, robots, seem far from humans, but actually humans made them.<br>
+The best match must be the Zen x Silicon Valley style which keeps our mind and body healthy.<br><br>
+
+IT、AI、ロボット、人から遠いようで実は人が中心。<br>
+心身を健康にする禅とシリコンバレーでのプログラミングスタイルはベストマッチ。
+</p><p>
+
+<img src="http://fukuno.jig.jp/img2/zenprog1-06.jpg" width=610 height=325><br><br>
+Using two monitors, two keyboards, and one IchigoJam with two people at the same time is Silicon Valley Pair Programming style. We did a neat trick by using one IchigoJam to relay the keyboard and video signals to the other one. (<a href=http://fukuno.jig.jp/img2/20180922-IchigoJam-IoT-eiheiji-pair.pdf>Workshop Slides PDF</a>)
+
+2台のモニター、2台のキーボードで1台のIchigoJamを二人で同時に使うのが、シリコンバレーのペアプログラミングスタイル。
+1台のIchigoJamを中継用にちょっと細工します。（<a href=http://fukuno.jig.jp/img2/20180922-IchigoJam-IoT-eiheiji-pair.pdf>ワークショップ、スライド PDF</a>）
+</p><p>
+
+<img src="http://fukuno.jig.jp/img2/pairprog-00.jpg" width=610 height=458><br>
+</p><p>
+<img src="http://fukuno.jig.jp/img2/pairprog-01.jpg" width=610 height=458><br>
+</p><p>
+<img src="http://fukuno.jig.jp/img2/pairprog-02.jpg" width=610 height=458><br>
+</p><p>
+<img src="http://fukuno.jig.jp/img2/pairprog-03.jpg" width=610 height=458><br>
+</p><p>
+<img src="http://fukuno.jig.jp/img2/pairprog-04.jpg" width=610 height=458><br>
+</p><p>
+<img src="http://fukuno.jig.jp/img2/pairprog-05.jpg" width=610 height=458><br><br>
+The ESC key does not work on IchigoJam A because the program to transfer the keystrokes would be terminated (at which point you would have to press F5 to run it again).<br>
+IchigoJam A's left and right keys toggle the character's movement with two presses, which is a bit strange, so the game should be played with IchigoJam B.<br>
+We can fix it by changing the program to use INKEY instead of BTN:<br>
+<p class=ichigojam>36 K=INKEY():X=X-(K=28)+(K=29)</p>
+<br>
+ESCキーは、IchigoJam Aでは効きません（キー転送用のプログラムが終わってしまうので、再度F5で動かそう）<br>
+IchigoJam A の左右キーは2度押して戻るトグル式となってちょっと操作感が違うので、ゲームするなら B で！
+
+下記のようにBTNをINKEYに変えることで、同じ操作感になります。<br>
+<p class=ichigojam>36 K=INKEY():X=X-(K=28)+(K=29)</p>
+
+</p><p>
+<!--<img src="http://fukuno.jig.jp/img2/pairprog-06.jpg" width=610 height=458><br>
+</p><p>
+-->
+
+<img src="http://fukuno.jig.jp/img2/zenprog1-00.jpg" width=610 height=302><br><br>
+Having fun doing pair programming to make a game for the first time!<br><br>
+ペアで楽しむ、ゲームづくりではじめるプログラミング！
+</p><p>
+
+<img src="http://fukuno.jig.jp/img2/zenprog1-04.jpg" width=610 height=331><br><br>
+
+You can also make VR to change what you see with programming! We used <a href=https://www.oculus.com/go/>Oculus Go</a> and <a href=http://fukuno.jig.jp/2182>Smartphone MR</a> during the break time.<br><br>
+VRや、視界だってプログラミングできちゃうよ！と休み時間中に <a href=https://www.oculus.com/go/>Oculus Go</a> や、<a href=http://fukuno.jig.jp/2182>スマホMR</a>の体験会。
+</p><p>
+
+<img src="http://fukuno.jig.jp/img2/zenprog1-05.jpg" width=610 height=411><br><br>
+The huge Japanese style room had fantastic pictures on the ceiling!<br><br> 
+160畳の広大な和室、見事な天井絵！
+</p><p>
+
+<img src="http://fukuno.jig.jp/img2/zenprog1-03.jpg" width=610 height=408><br><br>
+Perfect in Autumun... The Four Seasons Forest Culture Center.
+秋晴れが気持ちいい、四季の森会館でした。
+</p><p>
+
+Links<br>
+- <a href=https://ZenIT.jp>Zen Programming</a><br>
+- <a href=http://www.amilkhanzada.com/p/eiheiji-ja.html>Amil's Website (Evolution Ambassador / エボリューション大使) </a><br>