javascript - ソースを見せてかつ動かすための３つのtips : 404 Blog Not Found

2009年02月24日04:30 カテゴリLightweight LanguagesTips javascript - ソースを見せてかつ動かすための３つのtips livedoor Blogを私が愛用しつづけている理由のひとつが、JavaScriptを受け付けること。 おかげでかなりのentriesが溜まりましたが、それだけにで実行用のソースと表示用のソースを用意するのが人一倍おっくうに感じられます。そんなわけで、どうやれば怠慢をもっと発揮できるかをまとめてみました。 0. DOMにIDをふらずにデモる こんな感じのデモがあったとしましょう。「404 Blog Not Found:javascript - Array#sortがオレquicksortより遅い!?」にあるものを書き直したものです。 # of Items: よくあるのは、inputタグやpreタグにIDをふって、docume

[Ctrans]

404 Blog Not Found:javascript - ソースを見せてかつ動かすための３つのtips

[needingyou]

jquery

[mitukiii]

ブログへのJSの貼りつけや実行を怠慢する

[janus_wel]

事前にしっかり check しないとね

[d5884]

なるほど!

[zetamatta]

this 経由で隣接する DOM をpreviousSibling / nextSibling を使ってゲトするテクなどを使って、pre タグの中にある JavaScript コードを実行

[lesamoureuses]

「1. PREタグの中身をクリックで実行する」のtry-catchのcatchになる条件ってどういう時ですか？

[dyamashiro]

previousSibling,nextSibling

[nash13kiko]

js

[murky-satyr]

っ [].shift.call(arguments).apply(null, arguments)

[ryownet]

表示用ソースと実行用ソースを分けない方法。って何言ってるか一瞬分からなかった。サンプルコードをそのまま実行できる形にするのね。this.previousSibling で要素を持ってきてゴニョる。

[hagayu]

実行用ソースと表示用ソースを分けずに済む方法。

[kageroh_]

だが断る

[sankaseki]

404 Blog Not Found:javascript - ソースを見せてかつ動かすための３つのtips

[wacky]

ブログやページのpre要素に書かれたJavaScriptコードをそのまま実行できるようにする方法。

[field_combat]

ブログとかにJavascriptをデモ＋ソースセットで載せる方法

[koki-h]

DRYなjavascriptサンプルページの作り方

[mangakoji]

また参考にさせていただきます。 いつも無名化が鬼門になるんだけど<PRE>中実行はいいなぁ

[studio-m]

preに書いたコードを動かす方法。非破壊なArray.prototype.sortやquicksortの実装サンプルも。

[tacshiss]

いままでscriptからpre生成するグレーな技してたけど、このほうが美しそうだ。