外部の情報を取得し天気情報を表示するWebアプリケーションを作ります。 キーワード:オブジェクト, WebAPI, 非同期処理 作成例(完成イメージ) 下記の順番で進めます。 【準備】フォルダ:javascript_we […]
javascript
商品リスト(JavaScript)
オブジェクトを使って、絞り込み機能付きの商品リストを作ります。 キーワード:オブジェクト 作成例(完成イメージ) 下記の順番で進めます。 【準備】フォルダ:javascript_object ①JavaScriptを書く […]
タブUI(JavaScript)
繰り返し処理と関数を使って、タブUIをつくります。 キーワード:For文、関数 作成例(完成イメージ) 下記の順番で進めます。 【準備】フォルダ:javascript_tab ①JavaScriptを書くための準備で作成 […]
おみくじ(JavaScript)
クリックイベントと条件分岐を使って、おみくじを作ります キーワード:イベント(click)、条件分岐(if/else) 作成例(完成イメージ) 下記の順番で進めます。 【準備】フォルダ:javascript_fortun […]
データ型・演算子
プログラムで扱うデータの種類や基本的な計算方法について説明します。 キーワード:データ型、演算子 データ型 プログラムで扱うデータにはいくつかの種類があり、その種類のことを「データ型」といいます。 String 文字列 […]
配色の切り替え(JavaScript)
クリックイベントを使って、文字を書き換えたり、配色を切り替える仕組みをつくります。 キーワード:イベント(click)、条件分岐(if/else) 作成例(完成イメージ) ▼2色切替 ▼複数色切替 下記の順番で進めます。 […]
JavaScriptプラグイン(Swiper)
Swiperとは スライダーを作るためのJavaScriptプラグインです。スライダーは、複数のコンテンツを切り替える機能のことで、スライドショー、カルーセル(循環型のスライダー)とも言われます。 準備 ①「JavaSc […]
JavaScriptでWebページを操作する
JavaScriptでHTMLを操作する方法について確認します。 キーワード:定数, DOM , イベント HTML上でセレクタ(idやclass)を設定する JavaScriptでHTMLを操作するには、まずは操作した […]