私がした質問(高橋の数の算出について)に対する
myoga さんの回答の中にスニペット実行とあるのですが、
①これは、ボタンを押したときに回答のコードをどこかで実行した結果でしょうか?
もしくはあらかじめ実行した結果を表示しているのでしょうか?
②以下のコードについて上記回答のように
「ボタンを押すことで結果を表示させ、ボタンを押せば結果が閉じる」
ようにするには、どうすればよいでしょうか?
puts 'Hello, Ruby!'
私がした質問(高橋の数の算出について)に対する
myoga さんの回答の中にスニペット実行とあるのですが、
①これは、ボタンを押したときに回答のコードをどこかで実行した結果でしょうか?
もしくはあらかじめ実行した結果を表示しているのでしょうか?
②以下のコードについて上記回答のように
「ボタンを押すことで結果を表示させ、ボタンを押せば結果が閉じる」
ようにするには、どうすればよいでしょうか?
puts 'Hello, Ruby!'
myoga です。スニペット実行機能はスタックオーバーフローに備わっている機能で、私はそれをただ利用させて頂いている立場に過ぎません。従って、本来はスタッフ(?)の方にうかがうのが良いのかもしれませんが、質問文に名前があったので失礼致します。
①これは、ボタンを押したときに回答のコードをどこかで実行した結果でしょうか?
もしくはあらかじめ実行した結果を表示しているのでしょうか?
閲覧者(スニペットボタンを押した人)のブラウザ上で実行しています。ブラウザには JavaScript を実行する機能・HTML を表示する機能が元からあるので、それを利用しているという事です。
②以下のコードについて上記回答のように
「ボタンを押すことで結果を表示させ、ボタンを押せば結果が閉じる」
ようにするには、どうすればよいでしょうか?
Ruby のスニペットを実行する機能は (他の方の回答にある様に) このサイトにはありません。ブラウザに Ruby を直接実行する機能はないので綺麗に対応できないのでしょう。他の方の回答にある様に、外部サイトへのリンクを貼るのが現実的なのでしょう (サイト内で完結していないので、外部サイトが移転・閉鎖したり url が変更された場合にどうなるのかという問題は残るかも知れません)。
(個人的には… 将来的にスタックオーバーフローの機能として Ruby・その他の言語で書かれたスニペットが実行できる様になれば楽しそうと思います。)
それでも JavaScript で動く Ruby インタプリタが存在する様なので、それを使って無理矢理動かすという手段もないことはありません。実際に動かせるのかという 興味本位 で試してみました。例えば、Opal というプロジェクトの提供する opal.js
, opal-parser.js
を使うと以下の様な形になるでしょうか(てもとでは動く様です):
動作例:
コードは @Manyama さんの 「質問: n進グレイコードの出力について」 から引用させて頂きました。
puts 'Hello world!'
def gray_code(n, k)
ary = Array.new(k, 0)
hash = {0.to_s(n) => ary.join}
(1..n ** k - 1).each{|i|
j = k - 1
ary[j] = (ary[j] + 1) % n
while hash.value?(ary.join)
ary[j] = (ary[j] - 1) % n
j -= 1
ary[j] = (ary[j] + 1) % n
end
hash[i.to_s(n)] = ary.join
}
hash
end
p gray_code(2, 3)
p gray_code(3, 3)
<script src="http://cdn.opalrb.org/opal/current/opal.min.js"></script>
<script src="http://cdn.opalrb.org/opal/current/opal-parser.min.js"></script>
<script type="text/ruby">
puts 'Hello world!'
def gray_code(n, k)
ary = Array.new(k, 0)
hash = {0.to_s(n) => ary.join}
(1..n ** k - 1).each{|i|
j = k - 1
ary[j] = (ary[j] + 1) % n
while hash.value?(ary.join)
ary[j] = (ary[j] - 1) % n
j -= 1
ary[j] = (ary[j] + 1) % n
end
hash[i.to_s(n)] = ary.join
}
hash
end
p gray_code(2, 3)
p gray_code(3, 3)
</script>
雛型:
回答欄に記入する時の雛型は以下の様な具合です。
<!-- language: lang-ruby --> # ruby codes <!-- begin snippet: js hide: true --> <!-- language: lang-html --> <script src="http://cdn.opalrb.org/opal/current/opal.min.js"></script> <script src="http://cdn.opalrb.org/opal/current/opal-parser.min.js"></script> <script type="text/ruby"> # ruby codes </script> <!-- end snippet -->
問題点:
注意点:
「スニペットを実行」ボタンをクリックすると、ボタンの下にインラインフレームが生成され、回答に書かれた HTML・CSS・Javascript がその中で実行されます。
iframe の都合上 StackExchange のサーバーを一度経由しているようですが。
ですから、 Ruby をはじめとする他の言語ではコードスニペット機能を使えません。
代わりに、プログラムをサーバーでコンパイル・実行した結果を共有できるサイトを使うと便利です。Ruby や PHP だけでなく、コンパイルの必要な C++ 等に対応しているものもあります。
コードスニペット機能のようにブラウザ上で Javascript を実行できるサイトもあります。
なお、コードスニペットは「紙に<>
と書かれたようなボタン」から挿入することができます。
myoga さんの回答をもとに、
puts 'Hello, Ruby!'
(1..10).each{|i| p i ** 2}
を実行させてみる。
puts 'Hello, Ruby!'
(1..10).each{|i| p i ** 2}
<script src="http://cdn.opalrb.org/opal/current/opal.min.js"></script>
<script src="http://cdn.opalrb.org/opal/current/opal-parser.min.js"></script>
<script type="text/ruby">
puts 'Hello, Ruby!'
(1..10).each{|i| p i ** 2}
</script>