カラーピッカー1で作成したプログラムに追記をして、条件分岐を加えます。また、これまでの制作の中で出てきた文法事項についても補足説明をしています。 キーワード：条件分岐（if/else） 作成例（完成イメージ） 【準備】カ […]
javascript
カラーピッカー（JavaScript）
JavaScriptでカラーピッカー（色を選ぶ機能）作りをしながら、定数や関数の使い方を確認します。 キーワード：定数, 関数, イベント, DOM 作成例（完成イメージ） 下記の順番で進めます。作り始める前にこれから何 […]
JavaScriptを書くための準備
これからの演習で用いる基本のファイルを作成します。空のindex.html、style.css、script.jsの3つのファイルを1つのフォルダにまとめます。 ①javascript_blank という名前のフォルダを […]
jQueryプラグイン（LightBox）
LightBox ライトボックス サムネイルをクリックすると画像がモーダルウィンドウ上に拡大表示されます。 モーダルウィンドウ（modal window）…元のウィンドウの上に別枠で表示されるウィンドウのことです。 【準 […]
jQueryプラグイン（bxslider）
Slider スライダー（スライドショー） 【準備】 ①「JavaScriptを書くための準備」の資料を参考にして、空のHTML、CSS、JavaScriptファイルを作ります。 ②フォルダの名前を jquery_sli […]
jQuery（JavaScriptライブラリ）
ライブラリとは よく利用される機能を切り出して、再利用しやすいようにまとめたものです。 jQuery（ジェイクエリー）とは？… JavaScriptの様々な表現機能を使いやすくまとめたライブラリの一つです。予め様々な動作 […]
JavaScriptの体験2
フォルダ：javascript_sample_02 【準備】 ①「JavaScriptを書くための準備」の資料を参考にして、空のHTML、CSS、JavaScriptファイルを作ります。 ②フォルダの名前を javasc […]
JavaScriptの体験1
JavaScript（ジャバスクリプト）とは Webブラウザ上で動くプログラミング言語の一つで、HTML、CSSで作成したWebページに動的な処理を加えることができます（動的とは、閲覧者の操作、入力などによって変化させる […]