夢茶爺＆空茶爺のPC奮戦備忘録

GROUP BY -> WITH ROLLUP

Posted by muchag | MySQL |
初回投稿：2015-02-12 (木) 22:59:00 | 最終更新：2015-02-12 (木) 23:02:01

素敵な集計オプション。

【環境】
MySQL:5.5.27, 5.5.38

MySQL：12.17.2 GROUP BY Modifiers

効能

集計の集計をしてくれる。
　

例

これが一覧表。

　
WITH ROLLUP をつけると、こういう風に集計できる。
黄色い網掛けは、国別集計。
緑の網掛けは、年度集計。
赤の網掛けは、全体集計。
素晴らしい！

参考サイト

FLATZ：MySQLの知っていると便利な構文（その2）

Posted by muchag | MySQL |
初回投稿：2015-02-12 (木) 22:59:00 | 最終更新：2015-02-12 (木) 23:02:01

Comments (0)

Date and Time

Posted by muchag | MySQL |
初回投稿：2015-02-12 (木) 21:50:26 | 最終更新：2015-02-14 (土) 1:08:28

日付関数は便利～！ 😎
MySQL の勉強は遅れてしまってるにゃ＞＜

【環境】
MySQL:5.5.27, 5.5.38

MySQL：12.7 Date and Time Functions
　
DATE, TIME, DATETIME, TIMESTAMP, YEAR 型のフィールドに対して使える関数。

YEAR, MONTH, DAY, DAYNAME

YEAR(date)：年だけ返す
MONTH(date)：月だけ返す
DAY(date)：日だけ返す
DAYNAME(date)：曜日だけ返す
※ date は日付型のカラム名
　

例

mysql> SELECT YEAR('1987-01-01');
-> 1987
mysql> SELECT MONTH('2008-02-03');
-> 2

これを hoge テーブルに使うと

mysql> SELECT YEAR(date) as year, num FROM hoge;

year	num
2014	3
2014	2
2015	6

これだと、だから？　ってなっちゃうけど、集計を考えるとすぐわかる。
　

集計

年別の個数集計は、下記のように取れる。

mysql> SELECT YEAR(date) as year, SUM(num) FROM hoge GROUP BY YEAR(date);

year	num
2014	5
2015	6

素敵～♪
　

DATE_FORMAT

MySQL：DATE_FORMAT(date,format)
日付データをフォーマットして返す

SELECT DISTINCT DATE_FORMAT( date, "%Y-%m" ) FROM table

これで date カラムのデータを YYYY-MM というフォーマットへ変換し
重複行を除いて取り出してくれる。

フォーマット指定方法については、マニュアル参照。
　

EXTRACT

MySQL：EXTRACT(unit FROM date)
EXTRACT()：指定した部分だけ返す

YEAR なんかの複合型。

mysql> SELECT EXTRACT(YEAR FROM '2009-07-02');
-> 2009
mysql> SELECT EXTRACT(YEAR_MONTH FROM '2009-07-02 01:02:03');
-> 200907
mysql> SELECT EXTRACT(DAY_MINUTE FROM '2009-07-02 01:02:03');
-> 20102
mysql> SELECT EXTRACT(MICROSECOND
-> FROM '2003-01-02 10:30:00.000123');
-> 123

これもすごい～！
　

参考サイト

FLATZ：MySQLの知っていると便利な構文（その2）
→2007年の記事なのに、検索の２番目に出てきた。すごいね～。ありがとうございます！

Posted by muchag | MySQL |
初回投稿：2015-02-12 (木) 21:50:26 | 最終更新：2015-02-14 (土) 1:08:28

Comments (0)

定義済み定数

Posted by muchag | PHP |
初回投稿：2015-02-11 (水) 18:19:13 | 最終更新：2015-02-11 (水) 18:19:13

デバッグ時に、クラス名と行番号を表示できたらな～、と思い調べてみたら、なんとできそう♪

PHP マニュアル
自動的に定義される定数
 定義済みの定数

これの「自動的に定義される定数」を利用してやってみたんだけど、うまくいかない。。。
なんでかしらね～。

Posted by muchag | PHP |
初回投稿：2015-02-11 (水) 18:19:13 | 最終更新：2015-02-11 (水) 18:19:13

Comments (0)

prop メソッドと attr メソッドの違い

Posted by muchag | jQuery |
初回投稿：2015-02-11 (水) 18:10:45 | 最終更新：2016-09-20 (火) 22:39:41

わかりやすい解説を見つけた。

attrは、HTML属性を取得する、propはjavascriptでの属性を取得する。

true か falseはjavascriptでの属性。

Qiita：jqueryでチェックボックスにチェックを入れるにはpropを使え。

参考サイト

BuildINSIDER：要素のプロパティを取得／設定するには？（prop）

Posted by muchag | jQuery |
初回投稿：2015-02-11 (水) 18:10:45 | 最終更新：2016-09-20 (火) 22:39:41

Comments (0)

要素の指定記法

Posted by muchag | jQuery |
初回投稿：2015-02-11 (水) 18:07:29 | 最終更新：2015-02-11 (水) 18:07:29

参考サイトのコードを、理解の浅いまま使い回してはまった。

文字列 -> 検索（部分一致
こちらの記事を書いているときに、問題が起きた
　

現象

<div id="test">
<button id="hoge_1"></button>
<button id="hoge_2"></button>
</div>

// 反応しない
$("button [id *= 'hoge_']").hide();
// 反応する
$("#test [id *= 'hoge_']").hide();

解決

よく見てみれば当たり前のことで
CSS と同じだから、スペースがあると別の DOM 要素と判定される。

$("button[id *= 'hoge_']").hide();

これで想定通りに動作した。

Posted by muchag | jQuery |
初回投稿：2015-02-11 (水) 18:07:29 | 最終更新：2015-02-11 (水) 18:07:29

Comments (0)

ページの読込

Posted by muchag | jQuery |
初回投稿：2015-02-11 (水) 16:34:22 | 最終更新：2017-01-04 (水) 10:45:14

参考サイトをメモ。

書式

Ajax(Low-Level Interface)
1.8 からこの書式。

$.ajax({
url: 'test.php'
})
.done(function(data, status, xhr) {
// 通信成功時の処理
})
.fail(function(xhr, status, error) {
// 通信失敗時の処理
}).always(function(arg1, status, arg2) {
// 通信完了時の処理
});

例

$.ajax({
url: 'test.php',
type: 'POST',
timeout: 10000
})
.done(function(data, status, xhr) {
$('#result').html(data);
})
.fail(function(xhr, status, error) {
$('#log').append('xhr.status = ' + xhr.status + '<br />'); // 例: 404
$('#log').append('xhr.statusText = ' + xhr.statusText + '<br />'); // 例: Not Found
$('#log').append('status = ' + status + '<br />'); // 例: error
$('#log').append('error = ' + error + '<br />'); // 例: Not Found
});

返却値の利用

$.ajax({
url: 'test.php'
})
.done(function(data, status, xhr) {
// これで JSON Object として扱える
var response = $.parseJSON(data);
})
.fail(function(xhr, status, error) {
// 通信失敗時の処理
})
.always(function(arg1, status, arg2) {
// 通信完了時の処理
});

参考サイト

とほほのWWW入門：jQuery入門　Ajax
→いつもいつもお世話になっております！

Crunchtimer：[jQuery] Ajaxの.loadと.post(.get)の違いについて

Designup：jQueryでAjax 画面遷移なしでデータを読み込む方法
→現在のページの指定箇所へ読み込む方法が載っている

Posted by muchag | jQuery |
初回投稿：2015-02-11 (水) 16:34:22 | 最終更新：2017-01-04 (水) 10:45:14

Comments (0)

フォームデータの送信

Posted by muchag | jQuery |
初回投稿：2015-02-11 (水) 16:31:51 | 最終更新：2015-02-11 (水) 16:31:51

参考サイトだけ残しておく。

参考サイト

小粋空間：jQueryでフォームデータを送信する方法のまとめ
小粋空間：jQueryでajax()の重複実行を回避する方法

Posted by muchag | jQuery |
初回投稿：2015-02-11 (水) 16:31:51 | 最終更新：2015-02-11 (水) 16:31:51

Comments (0)

ジェネレーター

Posted by muchag | Tool |
初回投稿：2015-02-11 (水) 16:02:04 | 最終更新：2016-04-17 (日) 21:57:54

Now Loading

Now Loading 用の GIF アニメーション画像のジェネレーター。

Loader Generator

LOADING.IO

Posted by muchag | Tool |
初回投稿：2015-02-11 (水) 16:02:04 | 最終更新：2016-04-17 (日) 21:57:54

Comments (0)

jquery.pjax.js （defunkt 版）

Posted by muchag | jQuery,Library & PlugIn & AddIn |
初回投稿：2015-02-11 (水) 15:20:23 | 最終更新：2015-02-18 (水) 15:29:09

Ajax と pushState を組み合わせた技術らしい。

【環境】
jQuery:2.1.3
pjax(defunkt):1.9.4

概要

差し替え機能

とあるページの指定部分を別ページの指定部分を差し替える。
玉突き式。
　

URL 変更機能

別ページの URL へ切り替える。
　

効能

ページの一部だけ差し替えたいときは、レンダリングの手間が削減される。
　

インストール

GitHub：defunkt/jquery-pjax から DL して配置。

falsandtru 版と呼ばれる別バージョンもあるそうなので

jquery.pjax.defunkt.js

とリネームして配置。
　

使い方

ライブラリの読込

<script src="jquery.min.js"></script>
<script src="jquery.pjax.defunkt.js"></script>

ファイルの配置

index.html

<body>
<div>pjax before.</div>
<div id="container">
<div><button>pjax before.</button></div>
</div>
<script type="text/javascript">
$( document ).ready( function() {
$( 'button' ).click( function() {
$.pjax({
url: 'pjax_test.php';
container: '#container',
fragment: '#container_new'
});
});
});
</script>
</body>

pjax_test.html

<body>
<div>pjax after.</div>
<div id="container_new">
<div>pjax after. Good Job!</div>
</div>
</body>

結果

これで試すと、container の外にある
pjax before.
の部分はそのままで、container の中だけ切り替わる。
　

連続

ところが、１度の差し替えは上述でできたものの、
連続差し替えは上手くいかなかった。
　
そこで１枚のページで差し替えるタイプにしたら、連続して動作した。

index.php

<body>
<div id="container">
<div id="test">
<button id="hoge_1">pjax</button>
<button id="hoge_2"><?php echo ( empty( $_GET['value'] ) ) ? 1 : $_GET['value'] + 1; ?></button>
</div>
</div>
<script type="text/javascript">
$( document ).ready( function() {
$( 'button' ).click( function() {
$.pjax({
url: 'index.php?value=' + $( '#hoge_2' ).text(),
container: '#container',
fragment: '#container_new'
});
});
});
</script>
</body>

ただし、

container: '#container',
fragment: '#container'

ここを同じ名前にすると１回でストップ。連続ならず。
おっかしいなぁ。動いたときもあったんだけどな～。。。
　
同じページを読み込んでいるんだから
#content は存在しても、#content_new なんて存在しないのにね。
未解決事件。 😯

解決？

やっぱり気持ち悪くて後日試したところ
同じ名前の箇所を差し替えるには fragment は、いらないみたい。

container: '#container',

これでちゃんと動く。
　

オプション、イベント

オプションやイベントを見てやってみましょう。
　

開始時処理

　
$(document).on('pjax:send', function(e) {
$('body').append("<div id='loading'>処理中</div>");
});

終了時処理

$(document).on('pjax:complete', function(e,data) {
$("#loading").remove();
});

これでローディング画面を表示できることはわかったけど、引数とかは現在理解できていない。
またの機会に！
　

フォームの値の受け渡し

フォームの値の受け渡し参照。
　

注意

ブラウザバックとかの挙動への対処が必要ね～。
　

参考サイト

RakSul：はじめての「pjax」
Qiita：pushStateとAjaxの組み合わせpjax
→CSS シグネチャ対策やブラウザバック対策のほか、コメントにも対策の話が出ている。
Cubix：defunkt版pjaxの説明

Posted by muchag | jQuery,Library & PlugIn & AddIn |
初回投稿：2015-02-11 (水) 15:20:23 | 最終更新：2015-02-18 (水) 15:29:09

Comments (0)

参考サイト

Posted by muchag | Selenium |
初回投稿：2015-02-11 (水) 14:02:10 | 最終更新：2015-02-11 (水) 14:02:10

参考サイト集。

参考サイト

Qiita：全国のSeleniumer必読

Posted by muchag | Selenium |
初回投稿：2015-02-11 (水) 14:02:10 | 最終更新：2015-02-11 (水) 14:02:10

Comments (0)

ブログ内検索

Main Menu

カテゴリー

最近のコメント

アーカイブ

メタ情報

GROUP BY -> WITH ROLLUP

Date and Time

定義済み定数

prop メソッドと attr メソッドの違い

要素の指定記法

ページの読込

フォームデータの送信

ジェネレーター

jquery.pjax.js （defunkt 版）

参考サイト