前回、プログラミングは書き終えましたが、やっぱりというか案の定というか動きませんでした。 html-css-javascript.hatenadiar…
JavaScript
投票ページの作成（Node.js）⑫削除ボタン設置
さて、前回予告したとおり、削除ボタンを設置します。 html-css-javascript.hatenadiary.com 前回も言ったとおり、チェックボッ…
投票ページの作成（Node.js）⑪修正など
前回はこちら。 html-css-javascript.hatenadiary.com さて、候補者追加や投票の機能は完成しました。 なのですが、実際にやっ…
投票ページの作成（Node.js）⑩画面のデザイン
html-css-javascript.hatenadiary.com 前回までで投票掲示板そのものはできあがりま…
投票ページの作成（Node.js）⑨ローカルストレージ保存からの変更Ⅲ
https://blog.hatena.ne.jp/-/odai/list?utm_source=edit&utm_medium=referral&utm_c…
投票ページの作成（Node.js）⑧ローカルストレージ保存からの変更Ⅱ
前回の記事はこちら。 html-css-javascript.hatenadiary.com 一応骨組みは完成したので、他に直すべきところはないか探すところ…
投票ページの作成（Node.js）⑦ローカルストレージ保存からの変更
前回はこちら。 html-css-javascript.hatenadiary.com ではフロントエンドのコードを変えていきますので、まず今回使ったscript…
投票ページの作成（Node.js）⑥サーバーへの保存Ⅱ
前回はこちら。 html-css-javascript.hatenadiary.com サーバーへの保存の準備までや…
投票ページの作成（Node.js）⑥サーバーへの保存Ⅰ
前回分はこちら。 html-css-javascript.hatenadiary.com ここまではサーバーに保存されていたデータをフロントに送り、それを表…
投票ページの作成（Node.js）⑤フロントエンドの処理Ⅱ
html-css-javascript.hatenadiary.com 前回はデータ取得を失敗したときの処理をやりました。 で、HTTPの場合は404などのエラー…
投票ページの作成（Node.js）④フロントエンドの処理
html-css-javascript.hatenadiary.com 前回はバックエンドのほうでAPIを作りました。 簡単にいうと、サーバーに保存されている…
投票ページの作成（Node.js）①作成の方針
ここまででフロントエンドの投票型掲示板を作ってきました。 ここからはバックエンドを作っていくことになります。 本当ならこ…
投票ページの作成⑭ユーザー用ページを作成
さて、今まで作ってきたのは管理者側のページでした。 候補者の名前や年齢、IDなんかも与えて登録するのは管理人がやることにな…
投票ページの作成⑬候補者追加の動作を作成⑨配列の整列Ⅵ
ついに三部作が６作目まで来てしまいました。 ４作目のときに謝ったので、もう謝罪はしません。 前回の記事はこちら。 html-css…
投票ページの作成⑫候補者追加の動作を作成⑧配列の整列Ⅴ
三部作も早いもので、もう５作目まできました（これ如何に）。 前回はイベント委譲についてやりました。 html-css-javascript.h…
投票ページの作成⑪候補者追加の動作を作成⑦配列の整列Ⅳ
嘘ついてすいませんでした 三部作と言っておきながら、三つ目の記事ではまだ問題があったのでヌケヌケと４つ目に入ります。 htm…
投票ページの作成⑩候補者追加の動作を作成⑥配列の整列Ⅲ
html-css-javascript.hatenadiary.com 前回まででコードの書き方は全て終わりました…
投票ページの作成⑨候補者追加の動作を作成⑤配列の整列Ⅱ
「配列の整列」は３部作になっています。 前回のはこちら。 html-css-javascript.hatenadiary.com 前回作ったコードが以下のよ…
投票ページの作成⑧候補者追加の動作を作成④配列の整列Ⅰ
※本来は配列の整列は１記事で書くつもりだったのですが、寄り道やなんやと余計なことばかり書いてるせいで最終的に１６０００文…
投票ページの作成⑦候補者追加の動作を作成③投票数の加算
前回はローカルストレージに配列を文字列に変換して保存し、保存した文字列をキーで…
投票ページの作成⑥候補者追加の動作を作成②ローカルストレージへの保存とロード
前回までで配列を作りました。 html-css-javascript.hatenadiary.com 一応コードをここに書いておきます。 HTML <html lang="ja"> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <title>投票ボタ</title></meta></meta></head></html>…
投票ページの作成⑤候補者追加の動作を作成
前回は投票ページの候補者を追加するためのフォームを作りました。 html-css-javascript.hatenadiary.com 次はフォームに名前と…
ハンバーガーメニューの作成③JavaScript※追記あり
さて、ここまででハンバーガーメニューのHTMLとCSSを書いてきました。 以下の通りで…
掲示板作成の基礎を終えた今後の方針
前回までの記事で、サーバーを使った掲示板の作成までは終了しました。 で、今後の方針なのですが、いくつかルートがあります。…
掲示板のサーバーを作る⑧フォームに書き込んだ内容の動きを見る
前回までで掲示板の骨子はできあがりました。 もくじの「バックエンドを使った掲示板…
掲示板のサーバーを作る⑦書き込みを反映する（バックエンド）
https://html-css-javascript.hatenadiary.com/entry/2025/05/26/232024 掲示板のサーバーも（おそらく）今回で完成し、掲示板…
掲示板のサーバーを作る⑥書き込みを反映する（フロントエンド後編）
前編はこちら。 この記事では前回の記事をよく出しますので、このリンク先はタブを消さないで適宜参照するとよいかと思います。…
掲示板のサーバーを作る⑤書き込みを反映する（フロントエンド前編）
さて、前回やっと掲示板が動くようにできました。 とは言ってもChatGPT先生が教えてくれたのをそのままコピペしただけですが。 …
JavaScript 掲示板を作る④手直しをする
さて、前回の最後で２つの問題が生じていました。 1.エンターキーで送信されないこと 2.送信したあとも文字が消えないこと この…
JavaScriptの常識④addEventListenerとは
JavaScriptの常識シリーズ④。 addEventListenerです。 「何かをしたときに何かを起こす」ということはわかると思います。 では …
プロフィール
検索
注目記事
