p5.jsを使った来月からのプログラミング教室のためのツール開発 by ClojureScript

久しぶりの投稿になりました。

ニャンパス株式会社として受託開発を中心に忙しい日々を過ごしており、コワーキングスペースHaLakeの運営も順調に行っています。

HaLakeの最初の頃からプログラミング教室を定期的に開催しており、現在10名近くの小学生から社会人までの方を対象にレッスンをしているのですが、来月からのテーマを p5.js を使ったJavaScriptでのゲーム開発を題材にしようと考えています。

p5.playというライブラリを組み合わせればそれなりのゲーム開発ができることも分かっており、それをスマートフォンのいわゆるウェブアプリとしてインストールしてもらい、教室で作っったプログラムを普段のスマホに入れて遊んでもらおうと思っています。

そのためのツールを開発しようと考えており、Windows、Macで動くCLIをClojureScriptで書き、npmのライブラリであるnexeで実行ファイル化して配布しようと思い付きました。
(こちらを参考にしました。)

来月から実際に使おうと思っているので時間はないですが、CLIとしては以下のような機能を実装する予定です。

WebサーバのAPIを実行してユニークなIDを発行する
特定のディレクトリで実行しそのディレクトリ下の差分を検知して、Webサーバに差分をアップロード

一方サーバ側では、

ユニークなIDを発行するAPI
IDと対応したHTML、JSファイルの配信

ということを想定しています。

アプリケーションは、iOS、Android用に作成し(Flutterを想定)、上記のIDを入れてもらうとサーバから取得したHTML、JSファイルをウェブアプリとして単体で動作するようにし、普段ゲームとして遊ぶ分にはアプリ無いブラウザであることは意識させない作りを考えています。

まだ、構想して試しに、ClojureScriptでnexeでバイナリを作ってみた程度なので実際に形になったら、Githubのニャンパスのリポジトリとして公開しようと考えています。

このブログの人気の投稿

ESP8266で書き込めない時に対処したこと

ESP8266のチップで書き込めなかった問題が起こり、それについての対処を参考になる可方がいるかもということでブログにもメモとして残しておきます。書き込みで失敗したケースとしては、スイッチサイエンスさんのESP-WROOM-02ピッチ変換済みモジュール《シンプル版》へのシリアル通信での書き込みができなかった問題 Over The Air(OTA)の機能を使うコードを、同じくESP-WROOM-02に対して転送するも、更新の途中でクラッシュし、書き込みが失敗するという問題の二つです。 OTAまで使って書き込もうとしている背景は、ニャンパスとして Robip というプログラミング学習環境を作っていて、そのツールの中でWi-Fi経由での書き込み機能を対応することでスマートフォン、タブレットなどでのビジュアルプログラミングしたものが、OTA経由で電子工作のプログラミングができるようという機能があり、いくつかのESP8266を積んだモジュールへのサポートを増やそうとしたところ（ようはRobipとしての対応デバイスを広げたかった）上記の書き込みできない問題にぶつかりました。 Facebookのこちらに書いたことの詳細版です。 ESP-WROOM-02への書き込み出来ない問題もともと、HaLake KitというコワーキングスペースHaLakeオリジナル基板は、ESP8266を積んでいますので、この書き込みツールとしてClojureで書いた robip-tool というのを用意していました。このツールであればHaLake Kitには書き込めていたのですが、ESP-WROOM-02ピッチ変換済みモジュール《シンプル版》ですと最初の書き込みの段階で失敗することが分かりました。そこで世界中で人気のESP8266ですので、色んなバージョンの書き込みツールがありまして、書き込みに成功するツールを探す旅が始まりました。その際には、シンプル版だけでなく、HaLake Kit、ESPr Developer（ESP-WROOM-02開発ボード）、ESP-WROOM-02ピッチ変換済みモジュール《フル版》でも試して、全てで動くツールを検証しました。途中、Go言語で書きなおしてみたりいろいろテストもしたのですが、結果的に全て

ClojureScriptとBLE

2017年Clojure Advent Calendar 15日目の記事として書きました。今年、ニャンパスとして、またプライベートでいろいろとBLEを扱うコードをClojureScriptで書きましたので、まとめてみます。使用したデバイスは、micro:bitです。秋葉原や通販等で手に入り、BLE、25個のLED、加速度センサーがついている学習用のボードです。ブラウザ上でビジュアルプログラミングでの開発ができたりと面白いので、年末年始に遊んでみてください。 ClojureScriptでの環境の作り方から始まって、micro:bitとPCとの接続、リモートでのLチカを試すというIoTなClojureScriptの内容となってます。 1. ClojureScriptで、BLEな環境を作る Node.js、npm、Leiningenを入れておいてください。プロジェクトを作ります。 $ lein new figwheel-node ble figwheel-nodeテンプレートを使い、できたファイルはこんな感じです。 ./project.clj ./README.md ./package.json ./.gitignore ./src ./src/ble ./src/ble/core.cljs ./dev ./dev/user.clj 今回、PC側をBLEのセントラルとして振る舞わせ、micro:bitをペリフェラルとして操作しますので、そのためセントラル側のプログラムとしてnobleというライブラリを使います。 OS毎に依存するものが違いますので、サイトで事前に確認しておいたほうが良いです。 https://github.com/sandeepmistry/noble ※nobleはMac、Linux、Windows、FreeBSDをサポートしており、僕自身今年nobleを使ったコードをClojureScriptを使って、Windos、Mac、Linuxそれぞれで動かしていて動作は安定していました。では、nobleを以下のコマンドを実行しておきます。 $ npm install noble ※普段はlein-npm等を使

ClojureでCompojureを使わずにサーブレットを書く方法

Clojureでgen-class、proxyを使ってみようと思い、試しにサーブレットを書くとどうなるかを試してみました。コンパイルにLeiningenを使うためプロジェクトを作ります。 lein new sample-servlet まずはsrc/sample_servlet/servlet.cljを書いてみます。 (ns sample_servlet.servlet (:gen-class :extends javax.servlet.http.HttpServlet)) (defn -servlet [this request response] (.setContentType response "text/html; charset=UTF-8") (let [out (.getWriter response)] (.. out (println "<html><body>hello world</body></html>")))) (defn -doGet [this request response] (-servlet this request response)) 依存関係とクラスファイル生成のオプションを与えたproject.cljファイルを作りました。 (defproject sample-servlet "1.0.0-SNAPSHOT" :description "FIXME: write" :dependencies [[org.clojure/clojure "1.1.0"] [org.clojure/clojure-contrib "1.1.0"] [javax.servlet/servlet-api "2.5"] ] :namespaces [sample_servlet.servlet]) 必要なライブラリを取得しコンパイル。 lein deps lein compile 無事生成されたことが分かります。 % ls -lr

ニャンパス登尾ブログ@HaLake

このブログを検索