5
5

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

Kinoma Create: Kinoma Studioでxmlを使わずにプログラムを書く方法

Last updated at Posted at 2015-09-25

Kinoma Createのセールスポイントの1つは「JavaScript(KinomaJS)で動作を記述できる」ですが、サンプルプログラムのほとんどがXMLで記述されているため、

  • XMLを使わずにプログラムできるのか?
  • どのように記述すればよいのか?

という疑問が湧いてきます。KinomaJSのドキュメント

を読んでも、それに関するはっきりした記述が見当たりません。他のドキュメントでこのことに関して説明している部分を見つけたのでここにまとめておきます。

JavaScriptでプログラムを書く方法

Kinoma CreateのWebページTechnotesをクリックして行けるページの中にMobile Apps in Kinoma Studioという記事があります。この記事はKinomaのAndy氏がUC Berkleyの授業で使ったチュートリアル資料とのことです(詳しくはこちら)。

Mobile Apps in Kinoma Studioの冒頭部分にKinoma Studioでプロジェクトを作成する方法の説明があります。プロジェクト定義画面の「4. Templates」で「Default KinomaJS Application(Javascript)」を選択するとJavaScriptでプログラムを書く雛形が生成されます。

スクリーンショット 2015-09-25 17.26.34.png

「Default KinomaJS Application with BLL」を選択した場合も、JavaScript用の雛形が生成されます。

プロジェクトフォルダのsrcフォルダを展開するとmain.jsというファイルがあります。

スクリーンショット 2015-09-25 18.08.08.png

このファイルを開くと先頭に //@program という行が埋め込まれており、これがJavaScriptプログラムであることを示す目印になっています。

スクリーンショット 2015-09-25 18.04.01.png

Mobile Apps in Kinoma Studioでは、GUI部品の基本的な使い方が丁寧に説明されているのでKinoma Create初心者には必読のドキュメントだと思います。この続編として、Asynchronous Communication in KinomaJSというチュートリアル記事があります。こちらも必読です。

注:Mobile Apps in Kinoma Studioの画面例では雛形の選択肢として2種類しかありませんが、最新版のKinoma Studioでは「Default KinomaJS Application with BLL」が追加されています。

スクリーンショット 2015-09-25 18.15.32.png

XMLで書かれたプログラムのJavaScript版を見る方法

参考にしたプログラムがXMLで書かれていると「JavaScriptではどう書けばいいんだろう・・・」という気分になります。こういうときはKinoma StudioのエディタでXMLファイルを開いた状態で

スクリーンショット 2015-09-25 18.21.24.png

Sourceメニューの「View KinomaJS Conversion」を選択すると

スクリーンショット 2015-09-25 18.22.55.png

JavaScriptに変換されたファイルが表示されます。

スクリーンショット 2015-09-25 18.23.21.png

同じ疑問を持つ人がいるようで、forumにQ&Aがあります。

5
5
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
5
5

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?