JavaScript学習記録7 2018年6月30日分


一冊終わったので新しいものに手を出す……前に、だ。何かしらアウトプットしなきゃいけない気がしてきた。そこで、最初の方で目標で掲げたような気がする掲示板をなんとかして作ってみる。まずは何も参考にせずに勝手にやるぞ!
・作るものを洗い出し
 まずは要件定義ってやつをするものだといろんな人が言っていた気がする。のでおとなしく考えてみる。
何を作りたいかというと、「掲示板」……ざっくりしているなあ!
  ・ 「タイトル(ページ名)」 
  ・「掲示板」 →入力する場所、送信ボタン、チャット表示エリア
最低限だとするとこれでいいかな?とりあえず組んでみるべ!

こんな感じの配置になる……でいいな。デザインはほら、積み重ねていくものだからさ。

・タイトル
 つまり「けいじばんだよ!!!!!」と表示するだけ。

内にちょろっと書いてしまう。フォントサイズは大きめで。おしまい!

・入力フォーム
 ここからが本番。まずはフォームの場所を指定しなきゃだからFRAMESETから作ろうと思う。
 →フレームセット廃止って嫌になるほど出てくるので、HTML5対応を見てみる。と、iframeとやらを使えばいいらしい。srcで他のhtmlファイルを呼び出して埋め込めてその範囲をwidthとかで指定できると。これでええやんか。じゃあ埋め込むものはっていうと

function chat(){
   var say = chatenter.textbox.value;
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
 <INPUT type="text" name="textbox">
 <INPUT type="button" value="送信!" onClick="chat()">
</form>

これで入力欄はできたはず? フォームに入力された文字を変数sayに保管って感じで。送信ボタンもついでにこれでいいな。

・チャット表示エリア
 ぱっと思いついたのが入力フォームで作った変数を配列にして上から表示って方法だ。やってみると……ダメだな。チャット風の順に表示していく命令が思いつかない。やっぱりもう一冊くらいの勉強が必要かな。

参考