Blog
ブログで学ぶUX

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()は乱数を生成す……

投稿日:

jQueryで親要素を取得する:parent(), parents(), closest()

今回は、jQueryで親要素を取得する方法を説明します。紹介するメソッドは「parent()」「parents()」「closest()」の3つです。 親要素を取得するparent() 親要素を取得する最もシンプルな方法は「parent()」メソッドを使用することです。 (例1)#targetの親要素#parentを取得する HTML <div id="parent"> ……

投稿日:

エクセルでピボットテーブルを使ってデータを集計する方法

データの集計を簡単に行うことができる機能がピボットテーブルです。ピボットテーブルを上手く使うことで、簡単に1つのデータを多角的に見ることができます。 ピボットテーブルを使うにあたっての注意点 上の図のような表をピボットテーブルで集計します。ピボットテーブルを使うにあたっては使用する表にいくつか注意点があります。 ・図の表の1行目のような項目名が必要 ・空白列や空白行はなるべく作らないほうが良い ……

投稿日:

エクセルでグラフを作る方法とコツ

Excelといえば表計算とグラフの機能が有名ですね。今回はグラフの作り方について説明します。 Excelでのグラフの作り方 上の図の表をグラフにあらわしてみましょう。まずは、各人の売り上げを棒グラフで表します。 グラフにしたい要素を選択した状態で、挿入タブのこの部分をクリックします。今回は棒グラフなので「2D縦棒の集合縦棒グラフ」を選択します。 このような形のグラフができます。 できたグラフ……

投稿日:

エクセルで複合グラフを作る方法

違う要素を組み合わせて、1つのグラフに表示させることを複合グラフと呼びます。ここでは複合グラフの作り方について説明します。 複合グラフって何? 上の図のグラフのような棒グラフと折れ線グラフ、違う要素のグラフが混在しているグラフを複合グラフといいます。複合グラフは、横軸共通で、縦軸が2種類あるというのが一般的です。 複合グラフの作り方 グラフを作った表に月合計を加えてグラフを作ります。 普通に……

投稿日:

エクセルで月末の日付を出すEOMONTH関数の使い方

指定した月の月末の日付を知りたいときはEOMONTH関数を使うとすぐに求めることができます。 EOMONTH関数の使い方 A1セルに日付が入っている状態で、A2セルに1月の月末の日付をEOMONTH関数で算出してみましょう。 1.A2セルに”=EOMONTH(“と入力します。 2.A1セルをクリックして、「,(コンマ)」を入力します。 3.「0」を入力して、Enterキーを押します。 EOMO……

投稿日: