写経

<html>
<head>
<title>「読むプログラム/実行する文章」</title>
</head>
<body style="line-height:16px; font-family:Helvetica; font-weight:bold;">
<!--
「デザインへの視点を文章で述べること「文章自体がプログラムとして実行可能なこと」
「このページのデザインが、このプログラムコードから生成されていること」を実現します
-->
<script type="text/javascript">
EXONEMO = this.document//の上での紙上パフォーマンス
document.title = "We_design_html"//です

// それでは処理の開始です
function We_design (executable, text) {

// ここではJavaScriptの柔軟な言語仕様を逆手に取り、言語中にメッセージを仕込みます
EXONEMO.write("<div style=position:absolute;width:100%; align=" + executable + ">")	

// 視覚上に現われる情報と、その裏にある情報の、両方のためのデザイン
for (eye = text.length+(0*1*2); eye < 3.45678 * 9.01 ; eye += 2.3 / 45.6789 ) {

// ""から意図的に引き起こされるエラー値が、このデザインのメッセージになります
error = text[""] + ""

// また、フォントの色指定はエラー値を強引に代入、ブラウザに判断をまかせます
EXONEMO.write("<font color="+error)

// 多重括弧による振動の演出は視覚には効果的、が、プログラムは完全に無視します
Vision = Math.sin(((((((((((((((((((((((((((((eye)))))))))))))))))))))))))))))
Illusion = Math.cos((((((((((((((((((((((((((((((eye*10))))))))))))))))))))))))))))))

// しかしsin,cosに関数により文字は揺れます
EXONEMO.write(" style=font-size:" + Vision*200 + ";letter-spacing:" + Illusion*4+"><br>")
EXONEMO.write(error+ "</font>") } EXONEMO.write("</div>") }


//////////////////////////////////
After_all = ("結論")
We_design("right", [ [],[],[],[],[],[],[],[],[] ])
We_design("left", [ [],[],[],[],[] ])
We_design("center", [ [],[],[] ])


// おつかれさまでした
//////////////////////////////////
</script>
<!--
実際に、この文章をテキストエディタに入力して拡張子".html"を付けて保存し、
Webブラウザで開いて実行してみてください
また、http://exonemo.com/ic/We_design.htmlにも同じ文章がアップロードされています
-->
</body>
</html>
<!-- We_design.html is designed by EXONEMO -->

InterCommunication No.60 Spring2007 p117