<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