なんとかHTML
http://archive.mag2.com/0000236801/index.html
2008-12-30T21:50:00+09:00
-
第54回 前回のコードの解説
http://archive.mag2.com/0000236801/20081230215000000.html
<h1 style="color:#660066;text-decoration:underline;">暗号化二回目</h1>
<br>前回少し説明が不親切すぎたかな?
<br>と思ったので今一度説明を
<table border="1"><tr><td>
function Pencode(str){<br>
str=escape(str);<br>
str="&lt;script type=\"text/javascript\"&gt;&lt;!--\n<br>document.write(unescape(\""+str+"\"));<br>//--&gt;&lt;/script&gt;";
<br>document.write(str);<br>
<br>
}<br>
<br>
<br>Pencode("あ〜あ〜マイクのテスト中〜〜う〜");
<br>
</td></tr></table>
これの「s<br /><a href="http://archive.mag2.com/0000236801/20081230215000000.html">続きを読む</a>
2008-12-30T21:50:00+09:00
-
第５３回 暗号化
http://archive.mag2.com/0000236801/20081212142000000.html
<h1 style="color:#660066;text-decoration:underline;">少しだけ暗号化してみる</h1>
というわけでどうも最初の目標なんて誰も覚えてないかな？と思いつつ
<br>目標の最初「すこしだけ」HTMLを暗号化してみます。
<br><br>少しだけというのは暗号化とは到底いえない方法だからです。
<br>全てunicodeに変換します。
<br>では方針
<hr>
<table border="1"><tr><td><pre>
関数（文字列）｛
文字列＝エンコード（文字列）
文字列＝デコード用の関数を含めた文字列
write（文字列）
｝
</pre></td></tr></table>
ではいきます。
<hr>
<table border="1"><tr><td>
function Pencode(str){<br>
str=escape(str);<br>
str="&lt;script type=\"text/javascript\"&gt;&lt;!--\n&am<br /><a href="http://archive.mag2.com/0000236801/20081212142000000.html">続きを読む</a>
2008-12-12T14:20:00+09:00
-
第52回 JavaScriptで他のページへ
http://archive.mag2.com/0000236801/20081118202000000.html
<h1 style="color:#660066;text-decoration:underline;">JavaScriptのリンク</h1>
<br>JavaScriptで他のページに飛ばすという物です。
<br>いややる意味はよく分からないんですけどね。
<br>（一応引数とか指定できますがあんまり意味ないなと、
<br>更にウインドウの大きさを勝手に変えるのはやりにくい…）
<br><br>今回は3つのアドレスから適当にリンクします。
<br>ボタンを押せば何処かしらとびます。
<br><br>ではやること
<hr>
<br>リンクの配列
<br>関数(){
<br><br>飛ばす
<br>}
<hr>
ではソース
<br>JavaScript
<table border="1"><tr><td>
<pre>
//グーグル,議員 リストで検索の一番上に来たサイト,ホッケの煮付けの作り方
PLinkList=new Array("http://www.google.com/",
"http://www35.atwiki.jp/kolia/",
&qu<br /><a href="http://archive.mag2.com/0000236801/20081118202000000.html">続きを読む</a>
2008-11-18T20:20:00+09:00
-
第51回 引数って何だ?
http://archive.mag2.com/0000236801/20081020181000000.html
<h1 style="color:#004400;text-decoration:underline;">引数付き関数</h1>
今回は引数付き関数をやります。
<br>引数というのは「document.write("＝");」の「"＝"」の部分
<br>要するに()の中です。
<br><br>これは自分がつまずいたところです。
<br>この()内の数値は関数ないで使えます。
<br>今回は簡単な関数をやってみましょう。
<br><br>あ、ところで引数は「ひきすう」と読みます。
<br>「いんすう」ではありません(`・ω・´)
<hr>
今回やることは簡単です。
<br>受け取った文字とその文字列を表示する。
<br>これだけ!!
<br>まずは引数が一つの場合をやります。
<br>二つ以上はあんまり使いません。
<br>(JavaScriptでは)
<br>そもそもが小規模大きくても中規模の事をやる物なので
<br>頑張ればゲームくらい作れますが…
<hr>
では
<br><br>
<br><br>関数(文字列){
<br>文字列が何文字か取<br /><a href="http://archive.mag2.com/0000236801/20081020181000000.html">続きを読む</a>
2008-10-20T18:10:00+09:00
-
第50回 昔作った物を掘り起こしてみました
http://archive.mag2.com/0000236801/20080926182000000.html
<h1 style="color:#660066;text-decoration:underline;">TOPページにでもどうぞ</h1>
<br>
<br>というわけで、結構前に自作したJSを今回紹介しようと思ったのですが…。
<br>変数が変になって動かなくなってしまいましたので
<br>そのまま乗せようと思います。
<br><br>
今回は先にソースをのせてその後説明してみます。
<br>この時期は変数は基本myを先頭に付けていました。
<br>今気づいたのですがいつの間にかメッセージがMsgからMesに変わってました。
<br><hr>
<br><hr>
html
<table border="1"><tr><td><pre>
<form name="myForm">
<textarea rows="7" cols="50" name="myFormMes"></textarea>
</form>
<script type="t<br /><a href="http://archive.mag2.com/0000236801/20080926182000000.html">続きを読む</a>
2008-09-26T18:20:00+09:00
-
第48回 テキストエリア
http://archive.mag2.com/0000236801/20080909174000000.html
<h1 style="color:#660066;text-decoration:underline;">テキストエリアとエスケープシーケンス</h1>
<br>今回はテキストエリア（ブログのコメントとか書く欄です）にかかれた文章を一行とばしで同じテキストエリアに表示してみましょう。
<br>コレが使えるの?と思いますが
<br>
<br>使えるときがあります。（一回だけありました）
<br>こんなかんじです。
<br><textarea cols="40" rows="5">
八雲立つ
出雲八重垣
妻籠みに
八重垣つくる
その八重垣を</textarea>
<br>がこうなります。
<br><textarea cols="40" rows="5">
八雲立つ
妻籠みに
その八重垣を
</textarea>
まず、タグの紹介「textarea」コレは見ての通りテキストエリアを表示します。
<br>要するにinputの大きい版といったところです。
<br>属性は「cols」「rows」になります。
<br>「cols」は、一行の文字数ですがここで注意して欲しいのは半角の横幅を「1」としているので
<br&<br /><a href="http://archive.mag2.com/0000236801/20080909174000000.html">続きを読む</a>
2008-09-09T17:40:00+09:00
-
第47回 ボタン
http://archive.mag2.com/0000236801/20080817062418000.html
<style><!--
pre{
font-size:100%;
}
--></style>
</head>
<body>
<h1 style="color:#660066;text-decoration:underline;">ボタンとの連動</h1>
今回はフォームに引き続き「button」をやります。
<br>こんなような物です。
<br>「<button value="">ぼたんだよ〜</button>」
<br>まぁ、見たことありますよね。
<br>いろんなサイトで見かけます。
<br><br>今回やることは「フォームの内容を取得」、「イベントハンドラ」、「アラート」の三つです。
<br>今日は何日か？
<br>と聞いてフォームに入力してもらって
<br>ボタンを押してもらい
<br>合っていれば合っている
<br>間違っていれば間違っているとアラートで表示してみましょう。
<br><br>アラートって何?というのは実行して分かってください^^;
<br><br><br>で、考え方はこうです。
<hr>
<br>関数(){
<br><br /><a href="http://archive.mag2.com/0000236801/20080817062418000.html">続きを読む</a>
2008-08-17T06:24:18+09:00
-
第46回 フォーム等々
http://archive.mag2.com/0000236801/20080807142000000.html
<h1 style="color:#660066;text-decoration:underline;">フォームに時間を表示</h1>
<br>どうもやっと、フォームに入るのはどうなんだろうと思いつつ
<br>htmlとの連動です。
<br>これでリアルタイムに内容を変更できます。
<br>では、
<br><br><hr>
<br>今日は新しいhtmlタグの説明から。
<br>今日は2つ「form」「input」の2つです。
<br><br>今回は、そのページに何秒いたかを表示しましょう。
<br>こんな感じで組み立てていきます。
<br><hr>
<br>時刻を取得
<br>
<br>関数()｛
<br><br>現時刻を取得
<br><br>最初に取得した時刻を引く
<br><br>フォームに何秒いるかか表示。
<br><br>1秒まつ
<br><br>｝
<br>というわけでまた関数が出てきました。
<br>1秒待つにはそれ用の関数があるので大丈夫です。
<br>ではソース
<hr><br /><a href="http://archive.mag2.com/0000236801/20080807142000000.html">続きを読む</a>
2008-08-07T14:20:00+09:00
-
第45回 関数という物
http://archive.mag2.com/0000236801/20080725133000000.html
<h1 style="color:#660066;text-decoration:underline;">関数</h1>
どうも
<br>一応今まで基本的なことをやってみましたが、多分よく分からないと思います。
<br>僕も分かりませんでした。
<br>実際プログラム組んでみるのが一番覚えやすいんですよね。
<br>分からなかったものがいつの間にか分かるようになってるというのがプログラムの特徴だと思います。
<br><br>今回は「関数」という物をやります。
<br>これは今まで「document.write()」などの()がついた処理がいくつか出てきました。
<br>それを自分で作る（定義する）事ができる機能です。
<br><br>まぁ、やってみましょう。
<br>今回は3つのアドレスのどれかにつながるリンクを張ると言うことをして見たいと思います。
<br>こんかいはこの3つでいきましょう。
<br>「http://ja.wikipedia.org/wiki/」（wikipedia）
<br>「http://ja.uncyclopedia.info/wiki/」（アンサイクロペディア）
<br>「http://www.2ch.net/」（２ちゃんねる）
<br>
<br>で<br /><a href="http://archive.mag2.com/0000236801/20080725133000000.html">続きを読む</a>
2008-07-25T13:30:00+09:00
-
第44回 条件文の事
http://archive.mag2.com/0000236801/20080714215702000.html
<h1 style="color:#660066;text-decoration:underline;">条件文について</h1><br>
条件文とは、それが本当か否かということを調べるための文です。
<br>if(){}
<br>の()内に入ったり
<br>for文の中に入ってきたりします。
<br><br>では、具体的にどのようなものがあるのかを…
<hr>
まず、基本的な数字の大小です。
<table border="1"><tr><td>A<B</td><td>BがAより大きい</td></tr>
<tr><td>A<=B</td><td>BがA以上</td></tr>
<tr><td>A>B</td><td>BがAより小さい</td></tr>
<tr><td>A>=B</td><td>BがA以下</td></tr>
<tr><td>A==B</td><td>AとBが等しい&<br /><a href="http://archive.mag2.com/0000236801/20080714215702000.html">続きを読む</a>
2008-07-14T21:57:02+09:00
-
第43回 繰り返し文
http://archive.mag2.com/0000236801/20080628233214000.html
<h1 style="color:#660066;text-decoration:underline;">for文</h1>
<br>久々の配信です。
<br>PC変えたので移すのに少し時間が…
<br>
<br>さて、今回はfor文というものをやります。
<br>繰り返し文です。
<br>では…
<hr />
<br>今回は…
<br>センター試験の問題パクってきました。
<br>（98年には、もうプログラムの問題ありました。（それ以前は知らん見つからなかった））
<br>２００７年の問題ですね。
<br>これは５の三乗根の近似値を求めるというものでしたが、今回は√3の近似値を求めてみましょう。
<br>まず方針ですが、
<br>x=√3はx^2-3=0（☆）となります。(x>0として)
<br>ここに、適当に√3より大きい数字（今回は1,2を使います）
<br>を使っていくわけですが…
<br>
<br>この方法は二分法といわれます。
<br>詳しくは<a href="http://ja.wikipedia.org/wiki/二分法" target="_blank">二分法wikipe<br /><a href="http://archive.mag2.com/0000236801/20080628233214000.html">続きを読む</a>
2008-06-28T23:32:14+09:00
-
第42回 if文について
http://archive.mag2.com/0000236801/20080526230000000.html
<h1 style="color:#660066;text-decoration:underline;">第42回 if文の特性</h1>
今回はちょっとスタイルを変えてみます。
<br>まずこの２つのソースを見てください。
<table border="1"><tr><td><pre>
PNumber=3;
if(PNumber>0){//PNumberが０以上なら-(A)
PMes=1;
}
if(PNumber<4){//PNumberが4以下なら-(B)
PMes=2;
}
</pre></td></tr></table>
<br>
<table border="1"><tr><td><pre>
PNumber=3;
if(PNumber>0){//PNumberが０以上なら-(A)
PMes=1;
}else if(PNumber<4){//PNumberが4以下なら-(B)
PMes=2;
}
</pre></td></tr></table>
違いは「else」がついているか居ないかです。
<br>しかしその差は非常に大きいの<br /><a href="http://archive.mag2.com/0000236801/20080526230000000.html">続きを読む</a>
2008-05-26T23:00:00+09:00
-
第41回 if文その１
http://archive.mag2.com/0000236801/20080517124527000.html
<h1 style="color:#660066;text-decoration:underline;">if文</h1>
今回は前回の御神籤を改良してみたいと思います。
<br>前回は全て数式でやっていたので今回は御神籤の確率を自分で設定しようと思います。
<hr>
<br>今回は吉が1/2の確率で中吉が1/3の確率で大吉が1/6の確率ででるようにしましょう。
<br>今回はif文と言う物を使います。
<br>日本語的には…
<br>「もし〜だったら○○を実行する。それ以外ならしない」
<br>と言う感じです。
<br>では、
<hr>
<table border="1"><tr><td><pre>
乱数取得（０〜５）
もし乱数が０なら大吉
大吉じゃなく３以下なら中吉
それ以外なら小吉
</pre></td></tr></table>
今回はシンプルに行きます。
<hr>
<table border="1"><tr><td><pre>PLuckNumber=Math.floor(Math.random()*6);//0〜5迄の乱数取得
PMes=&qu<br /><a href="http://archive.mag2.com/0000236801/20080517124527000.html">続きを読む</a>
2008-05-17T12:45:27+09:00
-
第４０回 Math～
http://archive.mag2.com/0000236801/20080430001219000.html
<h1 style="color:#660066;text-decoration:underline;">数学関数いろいろ</h1>
どうも、風邪ひいて死んでました。
<br>というわけで（どういう訳だ？）数学関数をやりたいと思います。
<br>数学関数とは、「Math.」で始まる関数の数々です。
<br>正直JSだとあんまり使わない気がする…。
<br>実際線ひいたりする時はよく使うんですけどね…。
<br>では行きましょう。
<br><hr>
<br>今回何をやるか悩みましたよ…（ネタが見つからない）
<br>で、御神籤でも作るか…と思いました。
<br>要するに、大吉、中吉、末吉、吉、凶、大凶、最悪、最凶、今世紀最大の不運
<br>を、更新する毎に出すという感じです。
<br>ついでにラッキーアイテムも作ってみたいですね。
<br>で、ラッキーアイテムは、６個ぐらいでいいですか？
<br>全部1/6の確率でいいですね。
<br><br>でも、御神籤は少し変えたいですね。
<br>こんな感じで…
<br><table border="1">
<tr><td>大吉</td><td><br /><a href="http://archive.mag2.com/0000236801/20080430001219000.html">続きを読む</a>
2008-04-30T00:12:19+09:00
-
第３９回 日付とか配列とか…（配列は本当に分かり難いと思います）
http://archive.mag2.com/0000236801/20080417200000000.html
<h1 style="color:#660066;text-decoration:underline;">第39回 日付と配列</h1>
JSには、日付を取得する機能があります。
<br>勿論世界標準時を完璧に…ではなく、PCの内部時計から引っ張ってくるのであんまり使い道ないですよ…。
<br>まぁ、僕みたいな日付は忘れる、曜日は分からない、今年は西暦何年か分からない…
<br>と言う時間音痴人間でも有り難くもない機能です。
<br><br>配列とは…
<br>今まで、変数はx,y,z,w,PDataなんでも、一個でした。
<br>でもそうすると少し扱いにくいものがでて来ます。
<br><br>取りあえず今回やりたいことは…来た時間によって文を変えると言うことで…
<br>つまり、７時に人が来たら→おはようございます。
<br>１２時なら→こんにちは。
<br>と表示するようにします。
<br><br><hr>
<br>と言うわけで、今回はこんな感じです。
<br><br><table border="1"><tr><td><pre>
使う文字列を、かんがえる。
日付等のデータを取得
そ<br /><a href="http://archive.mag2.com/0000236801/20080417200000000.html">続きを読む</a>
2008-04-17T20:00:00+09:00