catch.jp-wiki
プログラミング
英語学習
履歴
検索
Dropdown
一覧
making_script01
をテンプレートにして作成
開始行:
[[Programing]] > Part1.yaccによるJavascript電卓
つい作ってみたくなりました。とりあえずは、yacc/bison系ツ...
#contents
*基本的なこと [#v92cda83]
スクリプト言語は、概ねこんな内部構造になっている(はず)。
#ref(summary2.png);
スクリプト言語というソフトウェアは、ソースコードを入れる...
で、スクリプト言語を作るためには、この３つ(字句解析、構文...
*kmyaccのサンプルファイルでやってみる [#k25b9d76]
というわけで、スクリプト言語の構文解析プログラムを作るた...
-[[yacc入門:http://www.tokumaru.org/yacc/]]
**実行形式版の入手 [#c7c90e17]
とりあえず、下記からダウンロード。
-[[Flash/Flexで作る俺様言語(kmyacc編)（1）- kmyacc の Act...
**ソースコード版とサンプルファイルの入手 [#q16522b2]
kmyaccのサンプルファイルは、ソースコード版に収録されてい...
-[[kmyacc - 多言語対応LALRパーサー生成系:http://www005.up...
-[[kmyacc ソースコード(4.1.4)>http://www.catch.jp/program...
**準備 [#j1e0b713]
kmyaccで、必要なものは以下。
-kmyacc.exe
-cygwin1.dll
-libフォルダ一式
-calc.jsy(Javascript用電卓のサンプルファイル：ソースコー...
なぜ、電卓を作るのかというと、「3 + 4 * 5」という式がある...
**変換する [#oa2b135d]
では、kmyaccで、サンプルファイル(calc.jsy)を実際の電卓プ...
> kmyacc calc.jsy
これで、calc.jsファイルが生成されました。
なおkmyaccは、設定ファイルの拡張子から、以下のルールに従...
|yacc拡張子|ホスト言語|出力ファイル拡張子|
|.y|C|y.tab.c|
|.jy|Java|.java|
|.jsy|JavaScript|.js|
|.ply|Perl|.pl|
-[[KMyaccユーザーズガイド:http://www005.upp.so-net.ne.jp/...
**実行してみる [#f0645956]
この「calc.js」ファイルには、Javascript以外にも、すでに必...
-[[サンプルページ:http://www.catch.jp/program/yacc/calc.h...
計算には、次の記号が使えます。
- + 足し算
- - 引き算
- * 掛け算
- / 割り算
- (...) カッコ内を先に計算する
yaccソースファイルは、こんな感じ。これは、kmyaccのサンプ...
-[[yaccソースファイル:http://www.catch.jp/program/yacc/ca...
原理などは、下記が参考になります。
-[[プログラミング言語を作る/yaccとlex:http://kmaebashi.co...
-[[Bison 1.28マニュアル::http://www.bookshelf.jp/texi/bis...
*電卓練習 [#l338068d]
上記のサンプルを改良して、いろいろな電卓を作ってみます。
**逆ポーランド記法の電卓 [#sb2fe985]
上記のBison 1.28マニュアルに記載されているサンプルコード...
-[[サンプルページ:http://www.catch.jp/program/yacc/calc_r...
-[[yaccソースファイル:http://www.catch.jp/program/yacc/ca...
例：1 5 + 2 3 + *
> 30
この例は、(1+5)*(2+3)と同じになります。
**べき乗と剰余を追加 [#yb48cb07]
最初のサンプル電卓に、べき乗(累乗：^)と剰余(割り算の余り...
-[[サンプルページ:http://www.catch.jp/program/yacc/calc2....
-[[yaccソースファイル:http://www.catch.jp/program/yacc/ca...
2 ^ 3 => 8
7 % 2 => 1
**複数行電卓 [#ua682cbe]
電卓(べき乗と剰余付き)を複数の行で同時に計算できるように...
クリアボタンで、計算式と計算結果を消します。
-[[サンプルページ:http://www.catch.jp/program/yacc/calc3....
-[[yaccソースファイル:http://www.catch.jp/program/yacc/ca...
**変数付き複数行電卓 [#teeedb82]
さらに、変数を使えるようにしてみた。わーい、わーい!
変数名には、先頭に半角英字(a-z、A-Z)、2文字目以降に半角英...
字句解析も少し修正。
-[[サンプルページ:http://www.catch.jp/program/yacc/calc6....
-[[yaccソースファイル:http://www.catch.jp/program/yacc/ca...
a = 10
b = 20
a * b => 200
**組み込み関数を追加した電卓 [#m3b7f7d2]
また電卓。次の組み込み関数を追加しました。
-test() 引数をそのまま返す
-sqr() 引数の平方根を返す
-rnd() 乱数を引数倍して返す
-[[サンプルページ:http://www.catch.jp/program/yacc/calc7....
-[[yaccソースファイル:http://www.catch.jp/program/yacc/ca...
使い方は、こんな感じ
test(123) > 123
sqr(4) > 2
rnd(10) > 6.290423613972962
カッコ内に、引数を数値で一個だけ書けます。
2個以上の引数の関数は組み込めません。(num1, num2)とか(num...
実装的には、組み込んだ関数名をメソッドとして呼び出せるよ...
----
[[Part2.yaccによるWebスクリプト言語>making_script02]]に続く
*ソース [#qed12373]
-[[ycatch/dandori.js - GitHub:https://github.com/ycatch/d...
*参考資料 [#l1457785]
-[[八角研究所 : Series: Flash/Flex で作る俺様言語(kmyacc...
--[[Flash/Flexで作る俺様言語(kmyacc編)（1）- kmyacc の Ac...
--[[Flash/Flexで作る俺様言語(kmyacc編)（2）- kmyacc で BA...
--[[Shibuya.abcより、携帯電話で遊べる俺様言語を作ってあそ...
-[[ParserGenerator - catch.jp:http://www.catch.jp/wiki/in...
-[[Rubyで作る奇妙なプログラミング言語~Esoteric Language~:...
--あなたは「+-><.,[]」の8つの記号しかないプログラミング言...
-[[Rubyを256倍使うための本_無道編:http://www.amazon.co.jp...
--Ruby+Raccなら、プログラミング言語開発だって楽しくなる!...
-まつもと直伝 プログラミングのオキテ 第6回 メタプログラ...
--http://itpro.nikkeibp.co.jp/article/COLUMN/20070604/273...
--まとめてみると，Rubyは非常にDSL向きな言語だと分かります。
-Racc で遊ぼう
--Raccで電卓をいろいろ作るチュートリアル
--http://www.mnet.ne.jp/~tnomura/racc.html
-極めよRuby道：第5回 Rubyで書くフロントエンドとパーザ
--http://www.notwork.org/~gotoken/mag/cmagazine/gokudo/5th/
-[[プログラミング言語を作る:http://kmaebashi.com/programm...
-[[ウノウラボ by Zynga Japan: 1時間で作る簡易スクリプト言...
-[[Route 477 - Rubyで広がる日本語DSLの世界！！:http://rou...
-[[Groovyの日本語DSL - Grな日々(uehajの日記):http://d.hat...
-[[Groovyで日本語DSL再び(＋GEP3の解説) - Grな日々(uehajの...
-[[人気の言語を作るには - Being Popular:http://practical-...
終了行:
[[Programing]] > Part1.yaccによるJavascript電卓
つい作ってみたくなりました。とりあえずは、yacc/bison系ツ...
#contents
*基本的なこと [#v92cda83]
スクリプト言語は、概ねこんな内部構造になっている(はず)。
#ref(summary2.png);
スクリプト言語というソフトウェアは、ソースコードを入れる...
で、スクリプト言語を作るためには、この３つ(字句解析、構文...
*kmyaccのサンプルファイルでやってみる [#k25b9d76]
というわけで、スクリプト言語の構文解析プログラムを作るた...
-[[yacc入門:http://www.tokumaru.org/yacc/]]
**実行形式版の入手 [#c7c90e17]
とりあえず、下記からダウンロード。
-[[Flash/Flexで作る俺様言語(kmyacc編)（1）- kmyacc の Act...
**ソースコード版とサンプルファイルの入手 [#q16522b2]
kmyaccのサンプルファイルは、ソースコード版に収録されてい...
-[[kmyacc - 多言語対応LALRパーサー生成系:http://www005.up...
-[[kmyacc ソースコード(4.1.4)>http://www.catch.jp/program...
**準備 [#j1e0b713]
kmyaccで、必要なものは以下。
-kmyacc.exe
-cygwin1.dll
-libフォルダ一式
-calc.jsy(Javascript用電卓のサンプルファイル：ソースコー...
なぜ、電卓を作るのかというと、「3 + 4 * 5」という式がある...
**変換する [#oa2b135d]
では、kmyaccで、サンプルファイル(calc.jsy)を実際の電卓プ...
> kmyacc calc.jsy
これで、calc.jsファイルが生成されました。
なおkmyaccは、設定ファイルの拡張子から、以下のルールに従...
|yacc拡張子|ホスト言語|出力ファイル拡張子|
|.y|C|y.tab.c|
|.jy|Java|.java|
|.jsy|JavaScript|.js|
|.ply|Perl|.pl|
-[[KMyaccユーザーズガイド:http://www005.upp.so-net.ne.jp/...
**実行してみる [#f0645956]
この「calc.js」ファイルには、Javascript以外にも、すでに必...
-[[サンプルページ:http://www.catch.jp/program/yacc/calc.h...
計算には、次の記号が使えます。
- + 足し算
- - 引き算
- * 掛け算
- / 割り算
- (...) カッコ内を先に計算する
yaccソースファイルは、こんな感じ。これは、kmyaccのサンプ...
-[[yaccソースファイル:http://www.catch.jp/program/yacc/ca...
原理などは、下記が参考になります。
-[[プログラミング言語を作る/yaccとlex:http://kmaebashi.co...
-[[Bison 1.28マニュアル::http://www.bookshelf.jp/texi/bis...
*電卓練習 [#l338068d]
上記のサンプルを改良して、いろいろな電卓を作ってみます。
**逆ポーランド記法の電卓 [#sb2fe985]
上記のBison 1.28マニュアルに記載されているサンプルコード...
-[[サンプルページ:http://www.catch.jp/program/yacc/calc_r...
-[[yaccソースファイル:http://www.catch.jp/program/yacc/ca...
例：1 5 + 2 3 + *
> 30
この例は、(1+5)*(2+3)と同じになります。
**べき乗と剰余を追加 [#yb48cb07]
最初のサンプル電卓に、べき乗(累乗：^)と剰余(割り算の余り...
-[[サンプルページ:http://www.catch.jp/program/yacc/calc2....
-[[yaccソースファイル:http://www.catch.jp/program/yacc/ca...
2 ^ 3 => 8
7 % 2 => 1
**複数行電卓 [#ua682cbe]
電卓(べき乗と剰余付き)を複数の行で同時に計算できるように...
クリアボタンで、計算式と計算結果を消します。
-[[サンプルページ:http://www.catch.jp/program/yacc/calc3....
-[[yaccソースファイル:http://www.catch.jp/program/yacc/ca...
**変数付き複数行電卓 [#teeedb82]
さらに、変数を使えるようにしてみた。わーい、わーい!
変数名には、先頭に半角英字(a-z、A-Z)、2文字目以降に半角英...
字句解析も少し修正。
-[[サンプルページ:http://www.catch.jp/program/yacc/calc6....
-[[yaccソースファイル:http://www.catch.jp/program/yacc/ca...
a = 10
b = 20
a * b => 200
**組み込み関数を追加した電卓 [#m3b7f7d2]
また電卓。次の組み込み関数を追加しました。
-test() 引数をそのまま返す
-sqr() 引数の平方根を返す
-rnd() 乱数を引数倍して返す
-[[サンプルページ:http://www.catch.jp/program/yacc/calc7....
-[[yaccソースファイル:http://www.catch.jp/program/yacc/ca...
使い方は、こんな感じ
test(123) > 123
sqr(4) > 2
rnd(10) > 6.290423613972962
カッコ内に、引数を数値で一個だけ書けます。
2個以上の引数の関数は組み込めません。(num1, num2)とか(num...
実装的には、組み込んだ関数名をメソッドとして呼び出せるよ...
----
[[Part2.yaccによるWebスクリプト言語>making_script02]]に続く
*ソース [#qed12373]
-[[ycatch/dandori.js - GitHub:https://github.com/ycatch/d...
*参考資料 [#l1457785]
-[[八角研究所 : Series: Flash/Flex で作る俺様言語(kmyacc...
--[[Flash/Flexで作る俺様言語(kmyacc編)（1）- kmyacc の Ac...
--[[Flash/Flexで作る俺様言語(kmyacc編)（2）- kmyacc で BA...
--[[Shibuya.abcより、携帯電話で遊べる俺様言語を作ってあそ...
-[[ParserGenerator - catch.jp:http://www.catch.jp/wiki/in...
-[[Rubyで作る奇妙なプログラミング言語~Esoteric Language~:...
--あなたは「+-><.,[]」の8つの記号しかないプログラミング言...
-[[Rubyを256倍使うための本_無道編:http://www.amazon.co.jp...
--Ruby+Raccなら、プログラミング言語開発だって楽しくなる!...
-まつもと直伝 プログラミングのオキテ 第6回 メタプログラ...
--http://itpro.nikkeibp.co.jp/article/COLUMN/20070604/273...
--まとめてみると，Rubyは非常にDSL向きな言語だと分かります。
-Racc で遊ぼう
--Raccで電卓をいろいろ作るチュートリアル
--http://www.mnet.ne.jp/~tnomura/racc.html
-極めよRuby道：第5回 Rubyで書くフロントエンドとパーザ
--http://www.notwork.org/~gotoken/mag/cmagazine/gokudo/5th/
-[[プログラミング言語を作る:http://kmaebashi.com/programm...
-[[ウノウラボ by Zynga Japan: 1時間で作る簡易スクリプト言...
-[[Route 477 - Rubyで広がる日本語DSLの世界！！:http://rou...
-[[Groovyの日本語DSL - Grな日々(uehajの日記):http://d.hat...
-[[Groovyで日本語DSL再び(＋GEP3の解説) - Grな日々(uehajの...
-[[人気の言語を作るには - Being Popular:http://practical-...
ページ名:
![[PukiWiki]](image/pukiwiki.png "[PukiWiki]")
