Blog
ブログで学ぶUX

カテゴリ: Web制作の記事

【jQuery入門】jQueryファイルを読み込む2つの方法

今回は、jQueryを導入して利用するためにjQueryファイルを読み込む方法を説明します。 jQueryファイルを読み込む方法 jQueryファイルを読み込む方法は、2種類あります。 1. jQueryのサイトからファイルをダウンロードし読み込む方法 ダウンロードしたjQueryファイルを使用するサーバーにアップして読み込む方法です。 jQuery公式ページからダウンロードすることができます。j……

投稿日:

jQueryでチェックボックスをチェック:prop()とattr()の違い

今回は、jQueryでチェックボックスをチェック状態にする方法について紹介します。 チェックボックスをクリックすればチェック状態にすることができますが、それ以外の動作の際にチェックを入れたいこともよくあります。 ボタンクリックで一括チェックとする例 例えば、他の要素のイベント発火時にチェックボックスにチェックを入れたい場合など、jQueryを使うことで簡単に実装することができます。 今回使用……

投稿日:

エクセルで条件によって言葉を表示するIF関数の使い方

条件に応じて表示を変更させることができる関数がIF関数です。IF関数は使えるようになるといろんなところで出番のある関数です。他のCOUNTIF関数などのほかの関数でも使える考え方になっているのできっちり理解していきましょう。 条件を指定する論理式について IF関数を使うにあたって、論理式と呼ばれる数式によって条件を指定します。論理式は以下の種類があります。 > : A1>10 A1セル……

投稿日:

Excelで検索値と一致するものを抜き出すVLOOKUP関数の使い方

値を検索して対応する値を抜き出すことができるVLOOKUP関数の使い方について説明します。引数が多く、使い方が複雑ですが広い用途で使える関数なので、きっちり使い方を学んでいきましょう。  VLOOKUP関数でできること 上の図の表を例にあげると、名前(A列)を検索することでクラス(B列)や点数(C列)の値を抜き出すことができる関数です。 VLOOKUP関数の使い方 VLOOKUP関数を使って山田……

投稿日:

jQueryでクリックイベントで処理を実行する:on(), click()

ある要素をクリックしたらある処理を実行するというのは、JavaScriptでは定番のコーディングです。 jQueryを使わずに、以下のようにonclickを使い記述することもありますが、最近ではHTMLとJavascriptが混在しているのはあまり良いコーディングとはされていません。 「デザイン(CSS)と構造(HTML)は分離させること」はJavaScriptも同じです。 <a oncli……

投稿日:

jQueryで表示・非表示のアニメーション:toggle(), show(), hide()

アニメーションで表示・非表示を切り替えたいという時、純粋なJavaScriptで実現しようとすると、とてつもない記述量になりますが、jQueryではシンプルな記述でこれを行うことができます。 jQueryには、定番のアニメーションを作るメソッドとして、animate()メソッドというのがありますが、今回は単純な表示・非表示の場合に適切な3つのメソッドを紹介します。 表示・非表示を切り替えるto……

投稿日:

jQueryでjsonファイルを読み込む方法:getJSON()

今回は、jQueryでjsonファイルを読み込む方法を説明します。 JSONファイルを読み込むgetJSON() getJSON( url [, data] [, callback] ) 外部jsonファイルを読み込むには、「$.getJSON」メソッドを使用します。 引数 型 説明 url……

投稿日:

jQueryでhtmlタグを挿入する方法:html(), before(), after()

jQueryでHTMLタグを挿入する方法を紹介します。 サイトを制作していると、ボタンを押した時に任意のHTMLを挿入したいことなどがしばしばあります。 jQueryでは、以下に挙げる3つの方法でHTMLを挿入することができます。 挿入前のHTML 送信 1.要素を書き換えるhtml() 「html()」メソッドは、セレクトされた要素のHTMLを書き換えるメソッドです。.html()は……

投稿日:

jQueryでAjaxを使ってPost送信をする方法:$.post()

今回は、jQueryでAjaxを使ってPost送信をする方を説明します。 AjaxでPost送信をする$.post() Ajaxを使ってPost送信するには、jQueryの「$.post」メソッドを使用します。 送信側(jQuery) var postData = {"first_name":"一郎", "last_name":"鈴木"}; $.post("post.php", postDat……

投稿日:

【mt_rand】PHPで乱数を生成する方法

PHPで乱数を発生させる方法について紹介します。PHPで乱数を発生させる関数はrand()とmt_rand()がありますが、mt_rand()はrand()より高速に乱数を生成させることができます。また、mt_rand()の方がよりよい質の乱数を生成します。この記事ではmt_rand()を使用した乱数の生成方法を紹介します。mt_rand()を使用して乱数を生成するmt_rand()は乱数を生成す……

投稿日: