質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
Opal

Opalとは、RubyをJavaScriptに変換できるaltJSの一つです。PureRubyであれば、ほとんどそのまま使えるRubyとの高い互換性があり、Rubyの書きやすさでJavaScriptを実現できます。

Q&A

解決済

1回答

302閲覧

Opal-browserの使い方がわかりません

momijiMac

総合スコア39

Opal

Opalとは、RubyをJavaScriptに変換できるaltJSの一つです。PureRubyであれば、ほとんどそのまま使えるRubyとの高い互換性があり、Rubyの書きやすさでJavaScriptを実現できます。

0グッド

0クリップ

投稿2017/08/14 07:32

###前提・実現したいこと
Opal-browserをインストールしました。
しかし使い方がわかりません。
コマンドラインから使う方法を教えてください。

###発生している問題・エラーメッセージ
コンパイルエラーは出ませんがコンソールでは以下のエラーが出ます

shell

1opal -I ./opal --gem paggio --compile hellow.rb > hellow.js 2
DOM: undefined method `DOM' for main

###該当のソースコード

Opal

1 require 'native' 2 3 def html(html_string='') 4 html = "<div id='opal-browser-spec'>#{html_string}</div>" 5 @_spec_html = DOM(html) 6 @_spec_html.append_to($document.body) 7 end 8 9 html <<-HTML 10 <div class="spec"></div> 11 <div class="sock"></div> 12 HTML 13 14 if $document['.spec'].element? 15 puts "yes" 16 end 17 18 19$document.ready do 20 alert "yo dawg, I'm all loaded up in here" 21end

###補足情報(言語/FW/ツール等のバージョンなど)

ファイル構成
opalTest
-> hellow.rb
-> hellow.html
-> hellow.js

環境: Mac OS 10.11.6 ruby 2.4.0 opal 0.10.5 opal-browser 0.2.0

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

ベストアンサー

前の質問 Opal-browserのインストール方法がわかりません の時点で対応が間違っています。

opal-browserをブラウザ側で使う場合は最初にrequire 'browser'を書いてください。なぜなら、DOMが使えるようになるにはrequire 'browser'をする必要があるからです。そして、opal-browserのレポジトリにあるopalフォルダをまるごとプロジェクトのディレクトリにコピーしてください。gemでopal-browserをインストール済みなら、

cp -R `gem which opal-browser`/../../opal .

でも同様にコピーすることができます。コンパイルのコマンドはそのままです。コマンドにある-I ./opalがこのコピーしたopalフォルダを見に行き、そこにbrowser.rbがあるため、コンパイルに失敗することは無くなると思います。

投稿2017/08/14 15:49

編集2017/08/14 15:53
raccy

総合スコア21733

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

momijiMac

2017/08/16 07:01

'DOM: undefined method `DOM' for main' は解決できました。 ありがとうございました。 コンソールを確認すると、 TypeError: null is not an object (evaluating 'value.nodeType') とあります。 基本的に使い方がわからないので、困っていますが、 これはまた別の問題なので、別に質問したいと思います。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問