JavaScript JSによるゲーム制作-(PanelPazzle) パネルをスライドさせてもとの配置に戻すゲームを作成してみよう。 記事を新しくしました。こちらを参照してください。 スタート画面 スタートボタンを押すとシャッフルされる。 15パズルの要領で移動させていく、動かせるパネルを... 2018.09.13 JavaScriptwebsite
JavaScript Webサイト制作-(カラーシュミレータ) JSを使ってカラーシミュレーターを作ってみよう。 この記事には2024版があります 上部に色とカラーコード、下部にrgb成分を設定するスライダーが表示されている。 スライダーを設定すると色とカラーコードが表示される。 ... 2018.09.12 JavaScriptwebsite
JavaScript Webサイト制作-(BMIアプリの作成) JSを使ってBMI測定アプリを作成しよう。 フォーム表示 身長と体重を入力して計測ボタンを押すと結果が表示される。 なおBMIは 体重kg/(身長m*身長m) で求められ 判定基準は以下とする。 18.5未満 ... 2018.09.11 JavaScriptwebsite
JavaScript Webサイト制作-12日目(実習) 今まで学んだことをいかして、下のようなサイトを作成してみよう。 以下の仕様を満たすこと。 ◯重なっているコビトカバの写真をクリックすると最前面に表示される。 ◯表の偶数行に色をつける。 ◯jQueryは不可 なお、... 2018.04.12 JavaScriptwebsite
JavaScript Webサイト制作-12日目(JS_プロトタイプ) Javaは継承という仕組みを使ってオブジェクトを再利用するがJSはプロトタイプという仕組みを使う。ここではこのプロトタイプは一体なんぞやというところを見ていこう。 JavaScriptのプロトタイプからオブジェクト指向を学ぶ J... 2018.03.20 JavaScriptwebsite
JavaScript Webサイト制作-11日目(createElement) JSによって動的に要素を作成し追加できる。さっそくやってみよう。 ボタンがある。 押すと要素が追加される。 押すたびに要素が追加されていく。 web11フォルダを作成しその中にlesson1.htmlを以下の... 2018.03.13 JavaScriptwebsite
JavaScript Webサイト制作-10日目(JSON) この講座でも汎用データフォーマットとしてCSVは何度か登場しているし、アンドロイド制作のレイアウトを作る際にはxmlを利用してきた。そして今回はJSONを扱う。JSONとは(JavaScript Object Notation)の略でJSの... 2017.09.16 JavaScriptwebsite
JavaScript Webサイト制作-9日目(JavaScript) JavaScriptといえばイベント処理だ。ここまででもクリックイベントは出てきたが様々なイベントがあるさっそく見ていこう。 ●jsLesson9.html 11行目:window.onload=function(){};文... 2017.08.31 JavaScriptwebsite
JavaScript Webサイト制作-8日目(JavaScript) JavaScriptはオブジェクト指向言語の側面も持っている。オブジェクトを見ていこう。 jsでは波括弧でオブジェクトを定義する。以下は空のオブジェクト 以下はpenオブジェクト。プロパティ名:値でプロパティを定義していく。 ... 2017.08.30 JavaScriptwebsite
JavaScript Webサイト制作-7日目(JavaScript) JavaScriptは現在もっとも人気のある言語だ。この先も活躍の場が広がることが予想され、学んで損のないコスパの高い言語と言って良いだろう。 それでは、さっそくやっていこう。まずは以下のようなjsLesson1.htmlを作成す... 2017.08.29 JavaScriptwebsite