【JavaScript】星マークでの５段階評価

JavaScript

商品やお店のレビューなどでよく見かけるような、星マークでの５段階評価を行うJavaScriptプログラムのサンプルです。実際のサービスでのプログラムでどのようなプログラムになっているかは不明ですが、自分なりに作成してみたので、レビューや評価ができる…

2021-06-01

【JavaScript】オブジェクト指向

JavaScript オブジェクト指向

JavaScriptにおけるのオブジェクト指向の概要の説明。ここではJavaやPHPなど、サーバーサイド用の言語のオブジェクト指向の知識がある程度備わっている前提で話を進めます。 JavaScriptは、元々オブジェクト指向を前提に作られた言語ではありませんが、歴史…

2021-05-20

【JavaScript】少しリッチなカレンダーの作成

JavaScript

以前、シンプルなカレンダーを作成するJavaScriptのコードの記事を書きましたが、今回はボタンによって前月、次月のカレンダーを表示することができるカレンダーを作成しました。 Webアプリ、Webサイトでのカレンダー作成時の参考に。 CSSは省略しています。 <body></body>…

2021-05-13

【JavaScript】非同期通信

JavaScript

JavaScriptの非同期通信についてのまとめそもそも非同期とは非同期を知るには、同時に同期を知る必要があります。イメージとしては電話とメールの違い。通常の会話や、電話、テレビ会議などは、同期コミュニケーションです。１人が話しているときは、他…

2020-12-23

【JavaScript】シンプルなカレンダーの作成

JavaScript

JavaScriptでシンプルなカレンダーの作成。いくつかネットに転がっているコードを参考にもしましたが、基本的にDateの使い方さえ知っていればあとはifとforだけで意外と簡単に作れると知りました。 const today = new Date(); // 現在の日時 const year = t…

2020-10-16

【JavaScript】スロットゲーム

JavaScript

JavaScriptで作成したスロットゲームです。ドットインストールを参考にしようとしつつ、結局全く違うコードになってしまいましたが、とりあえずは動きます。 JavaScriptの学習やゲーム作成の参考にどうぞ。 <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>スロットゲーム</title> <style> body { text-align: center;</meta></meta></head></html>…

2020-10-16

【JavaScript】タイピンゲーム2

JavaScript

以前JavaScriptでのタイピングゲーム1のソースコードを載せましたが、少し改良したのでそちらも載せます。改善点としては、リアルタイムで時間が表示されるストップボタンを追加出題される単語のテーマを選べるようにといった感じです。こちらもJavaSc…

2020-10-14

【JavaScript】タイピングゲーム1

JavaScript

JavaScriptで作成した簡単なタイピングゲームです。ドットインストールで紹介されていたJavaScriptでのタイピングゲームの動画を参考にアレンジを加えたものです。 JvaScriptの学習、ゲームの作成の参考に。もう少し改良したいのでバージョンアップしたら…

2020-10-13

【JavaScript】じゃんけんゲーム

JavaScript

JavaScriptで作成した簡単なじゃんけんゲームです。画像ファイルは適当なネットのフリー素材を探してご使用ください。 JavaScriptの学習、ゲーム作成の参考に。 <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>じゃんけんゲーム</title> <style> body { text-align: center; } #your-choice, #opp…</meta></meta></head></html>

2020-09-15

【JavaScript】石取りゲーム

JavaScript

JavaScriptを使って超簡単な石取りゲームを作成。プレイヤーがAとBで交互に交換していき、1度に1～3個の石を取ることができる。最後の1個を取った人が負け。 JavaScriptの勉強の参考に。ソースコード <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>石取りゲーム</title> <style> body { text-align: center;…</meta></meta></head></html>