2014年3月19日水曜日

jQueryクックブック

0. 40分で覚える!jQuery速習講座

0. jQueryのセレクタメモ

0. jQuery使いが知っておくべきjQueryテクニック8選

1. $と$.fnの意味

2. 明細の追加・削除

3. 明細の追加・削除(jQueryを使用しない場合)

4. 明細行数取得

5. チェックボックスのチェック有無を調べる&チェックをつける、外す
http://webhako.net/jquery/checkbox-get-value/
http://webhako.net/jquery/checkbox-set-value/

6. ファイルの存在確認

7. jQueryでObjectタグを扱う場合の注意点

8. chromeでjQueryが「event.returnValue is deprecated. Please use the standard event.preventDefault() instead.」ってwarningになる件

9. Javascript(JQuery)でグローバルIPアドレスをGETする

10. jQueryでテキストボックスの値を取得する

11. jQueryでラジオボタンの選択値を取得する

12. セレクトボックスの選択値を取得する id指定以外の方法

13. jqueryでhtmlの書き換えを行う方法あれこれ

14. クロスドメイン対応まとめ
  1. jQuery で Ajax(クロスドメイン) ブラウザ対応まとめ
  2. jQueryを使ったAjax通信(クロスドメイン編)
  3. XMLHttpRequest level2に対応しているブラウザまとめ
  4. 1分でわかるjQuery $.ajaxによるJSON・JSONP読み込み方法
  5. JSONPで悩むある程度の人々へ(JSONPとは)
15. jqueryを使って、selectタグで選択された ”テキストの” 値を取得

16. window.onload とjQury(document).ready の違い

17. アラート画面をカスタマイズする

18. JavaScriptでバイナリファイルを扱う方法

19. click / touch / pointer イベントを完全に制御する

2014年3月18日火曜日

HTMLクックブック

1. 別ドメインへのPOST送信でクロスドメインエラーとさせない
Ex. ローカルのログイン画面から別ドメインのWebアプリにログインする場合
main.html
<html>
<head>
<frameset rows="5%,*">
<frame src="./b.html" name="CNT1">
<frame src="別ドメインログイン画面のURL" name="CNT2">
</frameset>
</head>
</html>

a.html
別ドメインのログイン画面と同じHTMLファイル
※このファイルからPOST送信

b.html
省略
<script language="javascript">
function sleep() {
setTimeout(function() {users();},2000);
}
function users() {
parent.CNT2.location.href = "a.html";
}
</script>
<body onload="sleep()">
省略

2. 画像を表示しないようにする
http://www.1uphp.com/con1/img/img-no.html

3. 画像を表示範囲外に配置する
<img id="img" style="visibility:hidden;position:absolute;top:-9999px;left:-9999px">

4. canvasのパフォーマンス改善
http://www.html5rocks.com/ja/tutorials/canvas/performance/

5. <object>タグ※pdfファイルの埋め込みなどで使用
http://html.eweb-design.com/1006_obj.html

6. 円マークを表示したい場合
http://ryoff.hatenablog.com/entry/20090220/1235127555

7. 単位変換

8. コンディショナルコメント(各IEのバージョンにCSSを適用)CCSだけじゃないよ!

9. Windows MediaPlayer Plugin サンプルソース

10. audioタグ(音声ファイル再生)

11. 誰でも出来るストリーミング(MediaPlayer)

12. video要素、audio要素をJavaScriptから操作する

13. HTML-特殊文字

14. キャッシュを有効にしつつ、cssやjsファイルの変更を確実に反映させる 

15. HTML5 での映像と音声の取得

16. スマートフォン向けサイトで再生可能な音声ファイルと、audioタグでの注意点

17. JavaScriptとPHPのURLエンコード [PHP, JavaScript, Tips]

18. aリンクを無効にする方法

19. 文字コード
  1. [IE対策も] UTF-8フォームから別の文字コードへPOSTする際の文字化け解消法
20. CSS: フロートの解除にはクリアフィックスが便利
 

HTMLをPDFに変換

HTMLをPDFに変換するための処理方式選定の参考サイト。
  1. 知っておきたいWebサービス - PDF変換/作成
  2. JavaScriptでPDF作成
  3. jsPDFを使って、canvasをPDFに出力(日本語化のヒント)
  4. JPEGのフレームヘッダを読んでwidthとheightを取り出す
  5. PNG wikipedia
  6. Canvas fontプロパティ

2014年3月8日土曜日

Shellクックブック

0. シェルプログラミングの基礎知識

0. 注意点
  1. シェルスクリプトを書くときに気をつけていること(その1) 
0. シェルの入出力制御あれこれ

0. 配列を使用する

0. 連想配列
  1. 配列(連想配列)
  2. bashの小技?その4(配列、連想配列とループ)
  3. 連想配列(keyを文字列)
0. /bin/sh と /bin/bash の違い

0. 変数内文字列置換
  1. shとbashでの変数内の文字列置換など
  2. bashの変数内文字列置換まとめ
0. bashで変数内の改行コードを除去する 

0. bashで文字列分解する時、cutやawkもいいけど、setの方が早い、けどreadが最強

0. ifやtestで文字列を変数を評価する場合は、""で囲むこと
ex1.  if [ "$VAR" = "" ]; then echo "empty"; fi
ex2.  if [ -z "$VAR" ]; then echo "empty"; fi

0. 計算式の記述2種
ex1. VAR=1; ANS=$(( $VAR + 1 ));
ex2. VAR=1; ANS=`expr $VAR + 1`;

0. 関数の使用方法

0. 【 set 】 シェルのオプションを設定する

0. [Bash]標準出力・標準エラー出力の全て(1>&2とか)まとめ

0. 標準エラーをターミナルに出力しない
ex. $find ./ 2> /dev/null

0. kill
  1. pgrep, pkill を使用してプロセスを殺す 
  2. シェルスクリプトが途中でTerminatedする笑い話
1. 外部ファイルに定義した関数のインポート
参考:シェルスクリプトで外部ファイルに記述された変数を利用する方法
sh/bash系なら「. ファイル名」
csh/tcsh系なら「source ファイル名」

2. 値が設定されている場合それを設定、ない場合初期値を設定
export AAA=${AAA:-"/aaa"}

3. ファイルから文字列抽出サンプル
egrep -h "検索文字列" ファイル名 | awk -F '["]' '{print $1":"$2" "$3" "$4}'| awk '{print substr($4,9,4)"/"03"/"substr($4,2,2)}'| sort -k 3,3 | uniq

4. xargsとパイプを使用してコマンドにパラメータを渡す

5. 文字コード変換

6. 各コマンドで使用可能な正規表現まとめ

7. 終了コード
  1. 終了コードを表示する
  2. 実行したコマンドの終了コードを表示する
8. シェルスクリプトでプロセスを監視し自動実行&自動kill

9. for 文の使用方法

10. while 文の使用方法

11. コードの解説 (入力待ち、whileループ、case)

12. shutdownアカウントによる自動シャットダウン

13. シェルでゼロパディング

14. シェルスクリプトでの疑似乱数の取得

15. if 文と test コマンド

16. シェルスクリプトで空文字列かどうか調べる。

17. 何もしない組み込みコマンド ":" (コロン)の使い道

18. シェルで変数のインクリメントに expr を使うと100倍遅い件

19. flock(1)でシェルスクリプトの排他制御(Linux)

20. ファイルのテキスト読み込み
  1. ファイルのテキスト読み込みサンプル 
21. /etc/rc.d/init.d/function