Javascript
ストップウォッチのアプリケーションの作成について説明しています。教本から応用して独自のアプリを作ってみました。
こちらから学べます。クイズゲームのアプリケーションの作成について⑿
こちらから学べます。クイズゲームのアプリケーションの作成について⑾
こちらから学べます。クイズゲームのアプリケーションの作成について⓾
こちらから学べます。クイズゲームのアプリケーションの作成について⓽
こちらから学べます。クイズゲームのアプリケーションの作成について⓼
こちらから学べます。クイズゲームのアプリケーションの作成について⓻
こちらから学べます。クイズゲームのアプリケーションの作成について⓺
こちらから学べます。クイズゲームのアプリケーションの作成について⓹
こちらから学べます。クイズゲームのアプリケーションの作成について⓸
こちらから学べます。クイズゲームのアプリケーションの作成について⓷
こちらから学べます。クイズゲームのアプリケーションの作成について➁
こちらから学べます。クイズゲームのアプリケーションの作成について➀
こちらから学べます。ここではトランスパイル（ある言語で書かれたコードを元に別のコードを生成する処理）について説明しています。
こちらから学べます。AJAXを使用してアプリケーションを作成してみる➁
こちらから学べます。ここではAJAXを使用してアプリケーション作成しています。
こちらから学べます。ここではAJAXについて説明しています。
こちらから学べます。ここではnpm、ローカルインストールについて説明しています。
こちらから学べます。ここではブラウザとは別のJavascriptの実行環境であるNode.jsについて説明しています。
こちらから学べます。ここではJavascriptを勉強していくことにおいて出てくるthisについて説明しています。
こちらから学べます。ここではスコープ、等価演算子(==)と厳密等価演算子(===)について説明しています。
こちらから学べます。「ECMAScript6(ES6,ES2015）の書き方でアプリケーションを作る➃」を掲載しました。
こちらから学べます。「ECMAScript6(ES6,ES2015）の書き方でアプリケーションを作る➂」を掲載しました。
こちらから学べます。「ECMAScript6(ES6,ES2015）の書き方でアプリケーションを作る➁」を掲載しました。
こちらから学べます。「ECMAScript6(ES6,ES2015）の書き方でアプリケーションを作る➀」を掲載しました。
こちらから学べます。「ECMAScript6(ES6,ES2015）におけるクラスについて」を掲載しました。
こちらから学べます。「ECMAScript6(ES6,ES2015）アロー関数、関数のデフォルト引数について」を掲載しました。
こちらから学べます。「ECMAScript6(ES6,ES2015）（const / let), テンプレートリテラル)について」を掲載しました。
こちらから学べます。ストップウオッチを作ってみよう➉を掲載しました。
こちらから学べます。ストップウオッチを作ってみよう➈を掲載しました。
こちらから学べます。ストップウオッチを作ってみよう➇を掲載しました。
こちらから学べます。ストップウオッチを作ってみよう➆を掲載しました。
こちらから学べます。ストップウオッチを作ってみよう➅を掲載しました。
こちらから学べます。ストップウオッチを作ってみよう➄を掲載しました。
こちらから学べます。ストップウオッチを作ってみよう➃を掲載しました。
こちらから学べます。ストップウオッチを作ってみよう➂を掲載しました。
こちらから学べます。ストップウオッチを作ってみよう➁を掲載しました。
こちらから学べます。ストップウオッチを作ってみよう➀を掲載しました。
こちらから学べます。「HTML,CSS,Javascriptを使った自動見積フォーム」を掲載しました。| "Automatic quotation form using HTML, CSS, Javascript" has been posted.
作った作品はこちらです。「HTML,CSS,Javascriptを使って商品一覧における並び替え機能などを使ったページ」を掲載しました。| Page using sorting function etc. in product list using HTML, CSS, Javascript
作った作品はこちらです。Cookieを利用して一度でもフォームを送信したことがあるかを判別。| Determine if you have submitted the form even once using cookies.
作った作品はこちらです。「プルダウンメニューで指定ページへ移る方法」| "How to move to the specified page with the pull-down menu" was posted.
作った作品はこちらです。「サムネイル画像クリックによるイメージの切り替えについて」| The explanation of "About switching images by clicking thumbnail images" was posted
作った作品はこちらです。「小数点の切り捨て」| The explanation of "decimal point truncation" was posted
作った作品はこちらです。「[0]を付けて行数を合わせる | it is explained that JavaScript is used to add [0] to match the number of lines.」
作った作品はこちらです。「日時をわかりやすく表示する | how to display the date and time in an easy-to-understand manner.」
作った作品はこちらです。「 フォームの内容を取得する| Get the contents of the form」
作った作品はこちらです。「オブジェクト | object 」
作った作品はこちらです。配列 | Array
作った作品はこちらです。「FiZZBuzzというゲームで算術演算子の説明 | Explanation of arithmetic operators in a game called FiZZBuzz 」
作った作品はこちらです。「カウントダウンタイマーの作り方 | how to make a countdown timer using JavaScript. 」
作った作品はこちらです。「ファンクション(function)」
作った作品はこちらです。「繰り返し（for,while)について」| About repetition (for, while)
作った作品はこちらです。「JavaScriptを使って、数当てゲームの作り方」| How to make a number guessing game using JavaScript
作った作品はこちらです。Javascriptを使って「アラートダイアログボックスを表示する。そしてバリエーションを増やす。（else if)方法を説明」| Display an alert dialog box. And increase the variation. (Else if) Explain how
作った作品はこちらです。「JavaScriptを使って、確認ダイアログボックスを表示する方法」| How to display a confirmation dialog box using JavaScript
作った作品はこちらです。Javascriptを使って「アラートダイアログボックスを表示する。またHTMLを書き換える。」| Using Javascript, "Display an alert dialog box. Also rewrite HTML."
作った作品はこちらです。Javascriptを使って「理論演算子」を復習し、アレンジして作った作品を掲載しました。| I reviewed "Theoretical Operators" using Javascript and posted the work I made by arranging it.
見る時間帯によってアラート表示が変わりますので、お試しくださいませ。| The alert display changes depending on the viewing time, so please try it. 作った作品はこちらです。Javascriptを使って「HTMLを書き換える」を復習し、アレンジして作った作品を掲載しました。| I reviewed "Rewriting HTML" using Javascript and posted the work I made by arranging it.
ただ本に書かれていることをそのまま学ぶのではなく、少しアレンジして自分なりに応用してみました。 作った作品はこちらです。Javascriptを使ってスライドショーを作成 | Create a slideshow using Javascript
昨日、なぜかトップページのスライドショーが出来なくなってしまっていたので、リベンジとばかりに改めてスライドショーを作りました。 こちらをクリックすると見れます。スマホで撮った写真などでスライドショーアルバムを作るのもいいかもしれませんね。
参考したサイトはこちらです。
Javascriptを使ってWebAPIを叩く（外部とのデーターをやり取りする） async await構文を使用して。
しまぶーさんの動画を見て、javascriptを使ってWebAPIを叩く、すなわち外部とのデーターをやり取りすることを学びました。 一度で覚えることは難しく何度も繰り返しコードを書かないと自分は覚えられません。都度、コードを書くたびにつまづきがあり、また学びもあります。
こちらが今回その動画を見て作ったものです。nameボタンをクリックすると外部のデータを取得します。こちらが今回学ばせてもらったしまぶーさんの動画です
どうぞ皆さんも学んでチャレンジしてみてください！
Javascriptを使ってBMI計算を作成
BMIが25以上だと、ちょっと肥満気味。18未満だとやせすぎ