JavaScript関連
JavaScript JavaScriptで英単語学習アプリを作成しよう。
英単語が学習できるWebアプリケーションを作成してみよう。10種類の動物が日本語が表示されるので英単語入力すると正解が表示される。10問終わると結果が出力される。
実行例
○実行すると以下のように表示される。
○...
JavaScript JSで単語帳を作ろう(後編)
JavaScriptで作成する単語帳の後編です。ローカルストレージを使ってデータの永続化をします。
JavaScript JSで単語帳を作ろう(前編)
JavaScriptを使って単語帳を作成してみましょう。前編ではフォームから入力された値で動的にテーブルを作成する作業を行います。
JavaScript JavaScriptでじゃんけんゲームを作ろう！
JavaScriptでじゃんけんゲームを作成します。CSSを使って見た目もかわいくしていきます。
JavaScript 午後のJS（九九表作成)
午後のひととき、サクッとJSで遊びましょう。
for文の練習でよく出てくる九九表に今回は見出しが付いています。
html,css,jsを使ってコーディングしてみてください。
○JS以外が書き込まれたところからやりたい人はこ...
JavaScript JSONP(郵便番号APIとの連携)
前回はproxyを設置してAjaxにて通信を行った。これはAjaxからでは直接外部ドメインにアクセスできないという制約のためだ。
zipcloudはjsonp(json with padding)にも対応しているので今回はそれを利用し...
JavaScript Ajax通信(郵便番号APIとの連携)
Ajax(Asynchronous JavaScript + XML)を利用して非同期通信を行ってみよう。
郵便番号APIに接続し郵便番号を入れると住所が自動入力されるようにする。
今回はzipcloudというサービスを利用させてい...
JavaScript bootstrap4
cssを１から書いてもよいが汎用的に使えるスタイルをまとめてくれているcssフレームワークというものが存在する。
今回はそのcssフレームワークの代表格bootstrapを使ってみよう。なおbootstrapのバージョンは４.0を使う。
...
JavaScript Ajax通信
Ajax(Asynchronous JavaScript + XML)を利用して非同期通信を行ってみよう。
今回サーバーサイドはJavaを利用する。
●エクリプス新規動的プロジェクトからajaxlessonを作成する。
●新規...
JavaScript JSによるゲーム制作-(神経衰弱)
トランプ画像を使って神経衰弱を作ってみよう。
1.まずは以下をダウンロードし、デスクトップに展開する。
2.以下のようなフォルダ構成になっている。imagesフォルダにはトランプの画像が入っている。
3.i...
JavaScript JSによるゲーム制作-(PanelPazzle)
パネルをスライドさせてもとの配置に戻すゲームを作成してみよう。
スタート画面
スタートボタンを押すとシャッフルされる。
15パズルの要領で移動させていく、動かせるパネルをクリックすると移動する。
完成するとCompl...
JavaScript Webサイト制作-(カラーシュミレータ)
JSを使ってカラーシミュレーターを作ってみよう。
上部に色とカラーコード、下部にrgb成分を設定するスライダーが表示されている。
スライダーを設定すると色とカラーコードが表示される。
●index.ht...
JavaScript Webサイト制作-(BMIアプリの作成)
JSを使ってBMI測定アプリを作成しよう。
フォーム表示
身長と体重を入力して計測ボタンを押すと結果が表示される。
なおBMIは
体重kg/(身長m*身長m)
で求められ
判定基準は以下とする。
18.5未満 ...
JavaScript Webサイト制作-12日目(実習)
今まで学んだことをいかして、下のようなサイトを作成してみよう。
以下の仕様を満たすこと。
◯重なっているコビトカバの写真をクリックすると最前面に表示される。
◯表の偶数行に色をつける。
◯jQueryは不可
なお、...
JavaScript Webサイト制作-12日目(JS_プロトタイプ)
Javaは継承という仕組みを使ってオブジェクトを再利用するがJSはプロトタイプという仕組みを使う。ここではこのプロトタイプは一体なんぞやというところを見ていこう。
JavaScriptのプロトタイプからオブジェクト指向を学ぶ
J...
JavaScript Webサイト制作-11日目(createElement)
JSによって動的に要素を作成し追加できる。さっそくやってみよう。
ボタンがある。
押すと要素が追加される。
押すたびに要素が追加されていく。
web11フォルダを作成しその中にlesson1.htmlを以下の...
JavaScript Webサイト制作-10日目(JSON)
この講座でも汎用データフォーマットとしてCSVは何度か登場しているし、アンドロイド制作のレイアウトを作る際にはxmlを利用してきた。そして今回はJSONを扱う。JSONとは(JavaScript Object Notation)の略でJSの...
JavaScript Webサイト制作-9日目(JavaScript)
JavaScriptといえばイベント処理だ。ここまででもクリックイベントは出てきたが様々なイベントがあるさっそく見ていこう。
●jsLesson9.html
11行目:window.onload=function(){};文...
JavaScript Webサイト制作-8日目(JavaScript)
JavaScriptはオブジェクト指向言語の側面も持っている。オブジェクトを見ていこう。
jsでは波括弧でオブジェクトを定義する。以下は空のオブジェクト
以下はpenオブジェクト。プロパティ名:値でプロパティを定義していく。
...
JavaScript Webサイト制作-7日目(JavaScript)
JavaScriptは現在もっとも人気のある言語だ。この先も活躍の場が広がることが予想され、学んで損のないコスパの高い言語と言って良いだろう。
それでは、さっそくやっていこう。まずは以下のようなjsLesson1.htmlを作成する。
...