2020年

Javascript
Javascript (カレンダー009_Node.js調べ)

■Node.jsについてちょっと調べてみる。 前回Node.jsを使って、localhostのMysqlデータベースにアクセスできることは確認できたが、レンタルサーバのMysqlにはアクセスできなかった。Webサイトを巡 […]

続きを読む
Javascript
Javascript (カレンダー008_データ保存先Node.js)

■データベース利用について検討する。 javascriptでデータベースを使用する方法を調べていたら、Node.jsというものがよくヒットした。Node.jsはサーバ側でjavascriptを動かすためのものらしい。実際 […]

続きを読む
Javascript
Javascript (カレンダー007_データ保存先)

■データの保存について考えてみる。 前回で一応のかたちになったので今後、気になったところを修正していく。今回はデータの保存として使われているlocalStorageについて。Javascriptのオブジェクトということだ […]

続きを読む
Javascript
Javascript (カレンダー006_機能検討jQuery入力)

■jQueryを使ってデータを入力する方法を考える。 前回、データをポップアップで表示することができたので、今回は、データを入力する方法を考えてみる。表示と同じようにshow, hideを使って入力画面の表示、非表示を切 […]

続きを読む
その他
Dreamweaverサーバ設定メモ

■Dreamweaverサーバ設定メモWebpageをいじるのに、はるか昔に買ったDreamweaver CS3が使えるのではと思い、棚から引っ張り出してきた。さすがに古すぎるかなと思いながら操作していたら、サーバへ接続 […]

続きを読む
Javascript
Javascript (カレンダー005_機能検討jQuery)

■jQueryのモーダルウインドウをみてみる。 というものの、jQuery自体どんなものかよくわからないので、まずそこから。jQueryはjavascriptのライブラリとのことなので、必要なパッケージなどをインポートし […]

続きを読む
Javascript
Javascript (カレンダー004_機能検討)

■カレンダーの入力、表示を検討する。 前回で、デザインはある程度ととのえたので、機能について検討してみる。本に記載されたサンプルの機能は、次のとおりになっていた。・カレンダー本体の下にあるテキスト、テキストエリアに文字を […]

続きを読む
Javascript
Javascript (カレンダー003_デザイン検討)

■カレンダーのデザインについて検討してみる。 見た目として分かりやすいだろうデザインから取りかかる。前に作成イメージとして挙げた内容は下のもの。・土曜が青、日曜が赤・数字同士の間に仕切りがある。・曜日はMon, Tueな […]

続きを読む
Javascript
Javascript (カレンダー002_サンプル確認)

■サンプルのコードを確認していく。前回で、だいたいの作成イメージをつくったので、本に書いてあったカレンダーのサンプルのコードを確認していく。書き写したコードをブラウザで動かしてみると、下のような表示となり、「Uncaug […]

続きを読む
Javascript
Javascript (カレンダー001_作成イメージ)

■カレンダーの作成イメージを作る。本に書いてあったjavascriptのカレンダーのコードをアレンジしてみようと思うけど、まずどんなものにするか考えてみる。正しく書き写したと思ったけど、本から写したコードがうまく動かない […]

続きを読む
Javascript
Javascript (基本的なこと004)

基本的なこととして、javascriptのコンポーネントを試してみる。Webでサンプルを探したら、ドロップダウンリストとボタンのサンプルがあったので、それを試してみた。データは少し変えたけど、ドロップダウンリストで指定し […]

続きを読む
Javascript
Javascript (基本的なこと003)

今回、基本的な内容としてjavascriptでのHTML要素の取得というものを試してみる。次のサンプルを作って動かしてみた。 <head><script>window.onload = funct […]

続きを読む