2020年

Javascript
Javascript (カレンダー021_エラー修正_終)

■エラーを修正する。前回試験してエラーとなったところ(12、17、19)を修正した。  12.カレンダーの緑色でない日付をクリックする。 (何も表示されないと期待していたけど、htmlのソースコードのようなものが表示され […]

続きを読む
Javascript
Javascript (カレンダー020_テスト結果)

■一通りできたのでテストしてみた。 前回準備したテストの結果。起動(1~4)、表示(5~12、19)、登録(13~18)、他のブラウザ(20、21)の中で意図した結果とならなかったのは、12、17、19、20だった。他は […]

続きを読む
Javascript
Javascript (カレンダー019_テスト準備)

■一通りできたのでテストしてみる。 前回まででNodeへの移動も一通りできたので、テストをしてみる。今回のプログラムの機能は、メモを登録・更新できること、メモを見れることなので、大きく登録と表示として考えていく。初めに表 […]

続きを読む
Javascript
Javascript (カレンダー018_Nodeへ移す8(サーバ側からの返信_続き))

■サーバ側からの返信の続き 前回で、サーバ側からデータを返し、データを反映したhtmlを作成するところまでできたが、画面上に反映させることができなかった。その後、location.reloadなど試してみたけど、リロード […]

続きを読む
Javascript
Javascript (カレンダー017_Nodeへ移す7(サーバ側からの返信))

■Postで送ったデータをサーバ側から返す 前回xmlHttpRequestを使用してクライアント側からサーバ側へのデータの送信/サーバ側での受け取りは確認できた。今回、サーバ側からのデータの送信とクライアント側でのデー […]

続きを読む
Javascript
Javascript (カレンダー016_Nodeへ移す6(Post先での受信データ処理))

■クライアント-サーバの処理(Post先での受信データ処理) 前回のつづき。formタグを使ってデータをクライアント側からサーバ側へ送るようにしたが、受信したデータがどんな持ち方になっているかよくわからなかった。下のよう […]

続きを読む
Javascript
Javascript (カレンダー015_Nodeへ移す5(Post処理))

■クライアント-サーバの処理(Post処理) 前回から、カレンダー内の日付をクリックしてテキストエリアにデータを出せるよう試してきた。まだできていないけど、試行錯誤していく中で、どうやらクライアント側(パソコン上のブラウ […]

続きを読む
Javascript
Javascript (カレンダー014_Nodeへ移す4(同期処理))

■データベースの情報をカレンダーに表示する。 前回のjQueryを使ったコードは実現が難しそうだったので、jQueryを使用しない方向で進めていく。具体的には、一番はじめに使っていたテキスト、テキストエリア、ボタンをカレ […]

続きを読む
Javascript
Javascript (カレンダー013_Nodeへ移す3(jQuery調べ))

■カレンダーのjavascriptをNodeへ移すためのより道 カレンダーのjavascriptの中で、jQueryを使って、カレンダー内の要素をクリックすると入力画面が出るようにしているけど、nodeで実行した場合、ク […]

続きを読む
Javascript
Javascript (カレンダー012_Nodeへ移す2)

■カレンダーのjavascriptをNodeへ移すのつづき。 前回、エラーは出ないようになったので、カレンダーの表示がちゃんと出るようさらに試行錯誤した。一応、カレンダーの表示はされるようにはなった(下の図)。下の図は、 […]

続きを読む
Javascript
Javascript (カレンダー011_Nodeへ移す)

■カレンダーのjavascriptをNodeへ移す。 Node.jsについて調べmysqlへのデータの登録ができたので、いよいよカレンダーのjavascriptをNode.jsで実施できるようにコードを修正していく。流れ […]

続きを読む
Javascript
Javascript (カレンダー010_Node.js調べ2)

■もうすこしNodeについて調べる。 前回からカレンダーの修正を考えてみたけど、最終的にはクライアントからMysqlへの更新ができるようにはしたい。Nodeでデータベース更新をかけるのが、そのひとつの方法となりそうなので […]

続きを読む