楽しい作品ができたら世界に公開しよう!サーバーサイドBASICで作る君だけのWebサイト!

楽しい作品ができたら世界に公開しよう!サーバーサイドBASICで作る君だけのWebサイト!

先日バージョンアップした OpenVBS、コアには「Jujubeエンジン」を搭載し、サーバーサイドBASIC「ISPページ」の機能も含まれています。

ちょっと使ってみましょう。まずはダウンロード、今回はmacで行いますがWindowsでもLinuxでもやることは同じです。

ダウンロードすると oscript.20191031.osx.tar.gz が手元に来ます。

ダブルクリックして解凍、フォルダ「oscript.20191031.osx」ができます。

中身はこんな具合、「wwwroot」というフォルダありますね。

さぁ、ターミナル(Windowsの場合は コマンドプロンプト)を開いてWebサーバーを起動しましょう。

ターミナルとはコンピュータにコマンドを送るための窓口、IchigoJamを起動した時の画面と同じです。

まずはダウンロードした OpenVBS のフォルダに移動、「cd」コマンドです。

フォルダを移動したら「oscript」コマンドを起動、Webサービスは「sample3.obs」に描かれているため、

$ ./oscript sample3.obs

として起動。

うまく起動するとこのようにWebサービスが開始。

さて、ISPページを作りましょう。ページ作りには「テキストエディタ」を使います。どんなものでも良いですが、ここではmicrosoft「Visual Studio Code」を利用しましょう。

起動するとこんな感じ、Cmd+N で新しいファイルの編集がはじまります。

まずは

PRINT "Hi ISP!"

と描いてみましょう。

Cmd+S やメニューから保存できます。保存名は「mypage.isp」、保存先は先ほどの「wwwroot」にしましょう。

ブラウザで「http://localhost:8000/mypage.isp」にアクセス、こんなページがでましたか?

ページに画像を出すには、wwwrootに好きな画像を保存して、

PRINT IMG("flower.jpg")

と描きます。

ブラウザをリロードすると画像が出ますね。

別のページにリンクしたい場合は

PRINT LINK("http://pcn.club/")("PCNはこちら")

です。

こんな具合。

FOR文も使えますから、

こんなことも可能。

ページができたら世界中に公開しましょう。いろんな方法がありますが、今回は比較的簡単な ngrok を用いる方法。

まずは ngrok をインストール。

インストールしたら

$ ngrok http 8000

で起動しておきます。

起動すると、グローバルなURLがもらえます。

あとはスマホなどからアクセスするだけ、君だけのWebサイトのできあがり!

? RED("あか色")
? GREEN("midori色")
? BLUE("Blue色")
?
? LARGE("でかい")
? SMALL("ちっさ")
?
? CENTER("まん中")
? RIGHT("みぎ")

文字色や文字サイズ、文字の位置もアレンジ可能ですよ!

10 ?"ピザって10回言ってみて"
15 ?"---------"
20 I=0
30   ?"ピザ": I=I+1
40 IF I<10 THEN GOTO 30 END IF
45 ?"---------"
50 ?"ここは?"
60 ?IMG("hiji.jpg")
65 ?"---------"
70 ?RED(LARGE("ひざ"))

「サーバーサイドBASIC」らしく、行番号なんかつけてみても楽しい?中高生なら「さくらインターネット」でサーバー借りちゃえば ngrok 使わなくても済みますね!

プログラミングで楽しい作品できたら、自分だけのWebサイトで公開してみよう!そのままPCNプロコンにも応募してね!










.

さすだけ簡単 IchigoKamuy !¥100センサーで作るモバイル物体検知ソナー!

さすだけ簡単 IchigoKamuy !¥100センサーで作るモバイル物体検知ソナー!

shushu inc. より販売開始された「IchigoKamuy」。

ラップトップのUSBに刺して通信アプリを使うとすぐにプログラミングできます。

今回は CoolTerm というアプリを使いました。

5  VIDEO0
10 N=0
20 OUT1:OUT0
30 N=N+1
40 IF IN(1) GOTO30
50 IF N<8 BEEP N:WAIT6
60 GOTO10

アプリ越しにこんなプログラムを打ち込みましょう。今回はBASICですが、JavaScriptやRubyも選択可能。

そして最後に「SAVE 0」。

HC-SR04  IchigoKamuy
--------------------
GND      -       GND
VCC      -        5v
Trig     -      OUT1
Echo     -       IN1

さぁ、ラップトップからIchigoKamuyを抜いて距離センサー HC-SR04 と圧電サウンダーを取り付けましょう。

100均のUSBチャージャーに刺せば、モバイル物体検知ソナーの完成!

物が近いほど高い音で知らせてくれます。約100円/個な格安センサーなので、量産しやすいのがいいですね。展示会などでどの展示品に人がどれくらい近づいて滞留しているのか、データ回収にもいいかも!


いつのまにか5回目となる こどもプログラミングサミット、今回は金沢市で開催。鯖江市長、金沢市長も登壇して学校現場でのプログラミングへの取り組み状況を生の声で聞けそうです。

金沢市では同日に「第1回 加能ガニロボコン」も開催、記念すべき第1回の優勝は誰の手に?

12/26は金沢で、加能ガニと一緒に待ってます、ぜひどうぞ!










.

テオヤンセン蟹に魅せられたプログラミングするロボットスポーツ「かにロボコン2019」!次回は来月「金沢 加能ガニ ロボコン」にて!

テオヤンセン蟹に魅せられたプログラミングするロボットスポーツ「かにロボコン2019」!次回は来月「金沢 加能ガニ ロボコン」にて!

第3回越前がにロボコン

早朝より集まるこども達。

まずは車検、25 x 25 x 25cm以内

選手宣誓、スポーツマンシップに則り!

今回は予選のポイントで本戦トーナメントの位置決め。

固唾を呑んで見守る、本戦トーナメントの発表!

リトライ知らずの職人マシン!

決勝戦レベルの戦いを見せてくれたベスト8対決は同点によりじゃんけん!

写真がイマイチですいませんが、とにかく現場でないと伝わらないこの熱気。

こちらが高学年優勝マシン!なんと敦賀の公立小学校から担任の先生引率での参戦、ありがとう!

低学年の優勝マシンはこちら。今年はLEGOが強かった!

越前がにロボコンはロボット自由!LEGOもアーテックもタミヤも完全自作でもなんでもどうぞ。

次回は来月、金沢「第1回 加能ガニ ロボコン」12/26です!

2位でありながらとってもよかった「テオヤンセン蟹」こと「サターン」、なんとテオヤンセンさんのオープンソースな「ホーリーナンバー」をもとにアクリル板を切って自作したとのこと。ここにも ビースト菌 の感染者が!!

この滑らかな歩行は背中にコップを乗せてもきっとこぼれない!

準備いただいたみなさま、ありがとうございました!来年の 越前がにロボコン も、楽しみ!次回は中学生部門も!?みんな参加ありがとう!!










.