プログラミング学習帳

オンラインプログラミング学習サービス「ウェブカツ!!」で習ったことを整理してます。

javascript・jQuery

画像スライダー作成中につまづいた所

「Font Awesome」から持ってきたアイコンにクリックしても、画像がスライドされなかった。 アイコンは表示されるが、フォントアイコンにつけたクラス属性が、なぜかコメントアウトされる現象。 解決 →Web fonts with CSSの「Use Font Awesome Free CDN」のコ…

ドロップダウンメニュー作成中のつまづいた所

jQueryのCDNからslimコードを使っていたため、ドロップダウンメニューが効かなかった。(Slimコードにslide関数が入ってなかった) →minコードに変えて解決 CSSのposition:relative;が反映されてない。 →コードを書く位置を変えたら解決 エラー対処

ドロップダウンメニュー

ドロップダウンメニューとは、マウスのカーソルが乗った時に、下にズラーって表示されるアニメーションのこと。 menu2にカーソルを当てると

クロージャーを使ってカウンターを作る

クロージャー(ローカル変数を参照にできるfunction)を使うことで、外から変数のプロパティを上書きされないようにする。 コード量が増えた時、外から変数のプロパティの値を指定する(グローバル変数を使う)場合、複数人で作業してる時にプロパティの値が…

ボタンを活性化・非活性化させる

活性→入力できたり押すことができること 非活性→入力も押すこともできない disable属性を使う disable→無効化

モーダルとは?

モーダルとは、子ウィンドウのこと 閉じるまで、親ウィンドウの操作をさせないようにする モーダル→「モーダルウィンドウ」の略 親ウィンドウ 子ウィンドウ

JSONについて

主トピック 1 JSONとは、データを保存する形式のこと データが軽量で、型(数値なのか文字列なのか)の情報を持たせることができる データが軽量なので、Ajax通信でやりとりするデータ形式としてよく使われる 型が分かるので、データが読みやすくなる(内容…

Ajax通信とは?

主トピック 1 Ajax通信とは、javaScriptを使ってサーバーへ非同期で通信を行う技術のこと。 htmlを一部だけ書き換えることができるので、ページの一部だけ動的に書き換えたい場合に効率が良くなる 例 :地域検索で、画面が更新されずに切り替わるサイト 主ト…

入力フォームチェック作成のメモ

jsファイル —————————————————————— $(function(){ const MSG_TEXT_MAX = '20文字以内で入力してください。'; const MSG_EMPITY = '入力必須です。'; const MSG_EMAIL_TYPE = 'emailの形式ではありません。'; const MSG_TEXTAREA_MAX ='100文字以内で入力し…

jQueryとは?

・jQueryとは、javaScriptを簡略的に書けるツールのこと・例えば、javaScriptで複数行のものが、jQueryでは1行で書ける jQueryを使う方法・jQueryのファイルを作成する→headタグ内にjQueryコードを記述する jQueryの書き方 ——————————————————————$(functio…

文字数カウント作成のメモ

—————————————————————— // 1.テキストエリア入力があった場合// 2.テキストエリアの文字数を取得します// 3.文字数をカウンターに表示させる window.addEventListener('DOMContentLoaded', function () { // テキストエリアのDOMを取得 var node = document…

「DOM」と「オブジェクト指向」について

・DOM(Document Object Model )とは、HTMLの要素の情報を書き換えたり、削除したり操作するための仕組みのこと ・HTMLは、ブラウザ内ではツリー状(DOMツリー)になっている・プログラミング言語は上から順に読み込まれて表示される・DOMツリー(階層)に…

関数について

・関数とは、複数の命令を一塊の命令にしたもの・毎回、同じ処理を書く必要がなくなる ・関数とは、ミキサーのようなもの・物(値)をミキサー(関数)へ渡すことで、ミキサーの中で処理がされ、その結果新しい物が返ってくる 普通に書いた場合—————————————…

構文について

・構文とは、特定の条件によって処理を切り分ける文のこと 構文の種類・条件分岐:条件に分けて処理を変える・繰り返し文:ある条件の間は同じ処理を繰り返す ・全てのWEBサービスは「条件分岐」と「繰り返し」を複雑に合わせて作られている 条件分岐 ・swit…

演算子について

・ウェブサービスは、複雑な演算子によって動いている 演算子の種類 代入演算子:右のものを左に入れる 算術演算子:変数を足したり引いたり掛けたり割ったりする比較演算子:2つの比較をして、条件によって実行する 論理演算子:比較対象を複数に指定して…

javascriptの書き方

—————————————————————— <html><head> <meta charset="utf-8"> <title>ホームページのタイトル</title></head><body><h1>ホームページの見出し</h1><p>最初のホームページが完成しました</p><script> alert('これがjsです!');</script></body></html> ——————————————————————javascriptの書き方・htmlファイル内の<script>タグ内に直接書く・外部jsファイルに読み込ませる→量が多く…

javascriptとは?

javascriptとは ・ブラウザの中で動くプログラミング言語 ・HTML、CSSを動的に書き換えられる 役割HTML:文章構造を作るCSS:見た目を作るjavascript:動きを作る