MW211 EXIT

devlog
PHP/POST内容の確認
2014年05月23日
「var_dump()」「var_export()」「print_r()」などで、
「$_POST」を出力してあげればよい。
┌──────────────────────────────────────┐
│<?php                                                                       │
│var_dump($_POST);                                                           │
└──────────────────────────────────────┘

ブラウザの既定文字コードがシフトJISの場合、UTF-8だと文字化けしてしまうが、
文字コードは以下のように宣言することができる。
┌──────────────────────────────────────┐
│<?php                                                                       │
│header('Content-type: text/plain; charset=UTF-8');                          │
│var_dump($_POST);                                                           │
└──────────────────────────────────────┘

「var_dump()」の改行を活かすには「pre」タグで囲うのが一番いいみたいだ。
┌──────────────────────────────────────┐
│<?php                                                                       │
│header('Content-type: text/html; charset=UTF-8');                           │
│echo '<pre>';                                                               │
│var_dump($_POST);                                                           │
│echo '</pre>';                                                              │
└──────────────────────────────────────┘
「nl2br」(\n→<br/>)をそのまま使うのは無理っぽい。
分類:PHP
VC++/CTime型の大小比較
2014年05月22日
「if (CTime型変数 < "2014年01月02日12時34分50秒")」的なことをしたい場合は、
CTime型の定数を作ってもよいが、以下のようにベタで書くこともできる。
┌──────────────────────────────────────┐
│if (CTime型変数 < CTime(2014, 1, 2, 12, 34, 50)) {                          │
│    // 2014年01月02日12時34分50秒より前の場合                               │
│} else {                                                                    │
│    // 2014年01月02日12時34分50秒以降の場合                                 │
│}                                                                           │
└──────────────────────────────────────┘
分類:C/C++
CSS/tableタグと余白
2014年05月21日
┬──────────────────────────────────────┬
│概要                                                                        │
┴──────────────────────────────────────┴
  tableタグの場合、既定だと余白が開いてしまう
  ┌────────────────────────────────────┐
  │table {                                                                 │
  │    border          :1px solid #000000;                                 │
  │}                                                                       │
  │td {                                                                    │
  │    border          :1px solid #000000;                                 │
  │}                                                                       │
  ├────────────────────────────────────┤
  │<table>                                                                 │
  │  <tr><td>■</td><td>■</td></tr>                                       │
  │  <tr><td>■</td><td>■</td></tr>                                       │
  │</table>                                                                │
  ├──────────────────┬─────────────────┤
  │「border-collapse:separate;」の場合 │┌──────┐                  │
  │                              (既定)││┌─┐┌─┐│                  │
  │                                    │││■││■││                  │
  │                                    ││└─┘└─┘│                  │
  │                                    ││┌─┐┌─┐│                  │
  │                                    │││■││■││                  │
  │                                    ││└─┘└─┘│                  │
  │                                    │└──────┘                  │
  ├──────────────────┼─────────────────┤
  │「border-collapse:collapse;」の場合 │┌─┬─┐                        │
  │                                    ││■│■│                        │
  │                                    │├─┼─┤                        │
  │                                    ││■│■│                        │
  │                                    │└─┴─┘                        │
  └──────────────────┴─────────────────┘
┬──────────────────────────────────────┬
│既定とは                                                                    │
┴──────────────────────────────────────┴
  ┌────────────────────────────────────┐
  │table {                                                                 │
  │    border          :1px solid #000000;                                 │
  │}                                                                       │
  │td {                                                                    │
  │    border          :1px solid #000000;                                 │
  │}                                                                       │
  └────────────────────────────────────┘
  上記を記述した場合、下のような既定パラメータが付加される感じになる
  ┌────────────────────────────────────┐
  │table {                                                                 │
  │    border          :1px solid #000000;                                 │
  │    border-collapse :separate;                                          │
  │    border-spacing  :2px 2px;                                           │
  │}                                                                       │
  │td {                                                                    │
  │    border          :1px solid #000000;                                 │
  │    padding         :1px 1px;                                           │
  │}                                                                       │
  └────────────────────────────────────┘
┬──────────────────────────────────────┬
│collapse                                                                    │
┴──────────────────────────────────────┴
  「separate」の余白を削りまくっても「collapse」になるわけではない
  ┌────────────────────────────────────┐
  │table {                                                                 │
  │    border          :1px solid #000000;                                 │
  │    border-collapse :separate;                                          │
  │    border-spacing  :0;                                                 │
  │}                                                                       │
  │td {                                                                    │
  │    border          :1px solid #000000;                                 │
  │}                                                                       │
  └────────────────────────────────────┘
    ┏━┳━┓                                                    ┌───  
    ┃■┃■┃太線のようになってしまう                            │  │  │
    ┣━╋━┫これは二重線だからだ          これを回避するためには│─┘─┘
    ┃■┃■┃                          右のように分担させればよい│  │  │
    ┗━┻━┛                                                      ─┘─┘
  つまり、これが「collapse」である
  ┌────────────────────────────────────┐
  │table {                                                                 │
  │    border          :1px solid #000000;                                 │
  │    border-collapse :collapse;                                          │
  │}                                                                       │
  │td {                                                                    │
  │    border          :1px solid #000000;                                 │
  │}                                                                       │
  ├────────────────────────────────────┤
  │table {                                                                 │
  │    border-top      :1px solid #000000;                                 │
  │    border-left     :1px solid #000000;                                 │
  │    border-collapse :separate;                                          │
  │    border-spacing  :0;                                                 │
  │}                                                                       │
  │td {                                                                    │
  │    border-bottom   :1px solid #000000;                                 │
  │    border-right    :1px solid #000000;                                 │
  │}                                                                       │
  └────────────────────────────────────┘
┬──────────────────────────────────────┬
│文字自体の余白(文字の下の余白)                                              │
┴──────────────────────────────────────┴
  「font-size:16px;」と指定しても、実際には縦幅だけ「17px;」となる場合がある
  これは「g、j、p、q、y」といったベースラインを下にはみ出る文字への対策として
  下に「padding」より内側の余白が付加されるイメージだ
 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
  以下のように指定すれば、上記が解消される
  ┌────────────────────────────────────┐
  │* {                                                                     │
  │    line-height         :100%;                                          │
  │}                                                                       │
  └────────────────────────────────────┘
 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
  画像についても同様に下余白が付く場合がある
  これは以下のように指定すれば解消できる
  ┌────────────────────────────────────┐
  │img {                                                                   │
  │    vertical-align      :bottom;                                        │
  │}                                                                       │
  └────────────────────────────────────┘
────────────────────────────────────────
分類:CSS
Excel/ピボットテーブルはじめの一歩
2014年05月20日
Excel2010の場合、
メニューバーから「挿入→ピボットテーブル(もしくはピボットグラフ)」
┌───────────────────┐
│ピボットテーブルの作成                │
├───────────────────┤
│●テーブルまたは範囲を選択            │
│  ┌────────────────┐│
│  │(範囲を選択)                    ││
│  └────────────────┘│
│●新規ワークシート                    │
│                          ┌─┐┌─┐│
│                          │OK││  ││
│                          └─┘└─┘│
└───────────────────┘
分類:Excel
設計/UIの違い
2014年05月19日
【ボタンの配置】
┌──────────┬───────────────────────────┐
│┌───┐┌───┐│Microsoft(Windows,Office)                             │
││ はい ││いいえ││                                                      │
│└───┘└───┘│                                                      │
├──────────┼───────────────────────────┤
│┌───┐┌───┐│Apple(Mac,iPhone)                                     │
││いいえ││ はい ││Web系(=「戻る/進む」)                               │
│└───┘└───┘│                                                      │
└──────────┴───────────────────────────┘
────────────────────────────────────────
【メニューバーの配置】
┌──────────┬───────────────────────────┐
│┌────────┐│Microsoft Windows                                     │
││                ││                                                      │
││                ││                                                      │
│├────────┤│                                                      │
││メニューバー    ││                                                      │
│└────────┘│                                                      │
├──────────┼───────────────────────────┤
│┌────────┐│Linux                                                 │
││メニューバー    ││Apple(Mac)                                            │
│├────────┤│ブラウザ                                              │
││                ││Microsoft Office                                      │
││                ││                                                      │
│└────────┘│                                                      │
└──────────┴───────────────────────────┘
────────────────────────────────────────
分類:設計
PostgreSQL/起動しない原因
2014年05月18日
(1) 「postmaster.pid」が残っている場合
  「postmaster.pid」は例えば以下のあたりにある。
┌──────────────────────────────────────┐
│C:\Program Files\PostgreSQL\9.1\data\postmaster.pid                         │
└──────────────────────────────────────┘
  これは、起動時に生成され、終了時に削除される。
  正常に終了しなくて残ってしまった場合には邪魔となって起動できないらしい。
  手動で削除してしまえば、起動できるようになるとのこと。
 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
(2) 起動が遅くてWindowsサービスとしては停止扱いとなってしまう?
  これは原因不明の現象なのだが、PostgreSQLのサービスとしては
  停止扱いとなるのだが、実際には起動しているという怪現象に遭遇した
  どうも、PostgreSQLの起動に時間がかかった為、Windowsが痺れを切らして
  停止扱いと認識してしまったかららしい。
 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
分類:PostgreSQL
JavaScript/配列定義を文字列定義と誤認すると
2014年05月16日
配列は「'」で囲う必要はない。

以下、通常の配列定義をした場合の挙動。
┌──────────────────────────────────────┐
│var 配列 = [1,2,3];                                                         │
├──────────────────────────────────────┤
│alert(配列.length);                                                    //→3│
├──────────────────────────────────────┤
│for (var i = 0; i < 配列.length; i++) {                                     │
│    alert(配列[i]);                                      //→「1」「2」「3」│
│}                                                                           │
├──────────────────────────────────────┤
│for (var key in 配列) {                                                     │
│    alert(配列[key]);                                    //→「1」「2」「3」│
│}                                                                           │
└──────────────────────────────────────┘

これを誤って「'」で囲って文字列定義にしてしまった場合の挙動。
┌──────────────────────────────────────┐
│var 配列 = '[1,2,3]';                                                       │
├──────────────────────────────────────┤
│alert(配列.length);                                                    //→7│
├──────────────────────────────────────┤
│for (var i = 0; i < 配列.length; i++) {                                     │
│    alert(配列[i]);                  //→「[」「1」「,」「2」「,」「3」「]」│
│}                                                                           │
├──────────────────────────────────────┤
│for (var key in 配列) {                                                     │
│    alert(配列[key]);                //→「[」「1」「,」「2」「,」「3」「]」│
│}                                                                           │
└──────────────────────────────────────┘
文字列も配列の一種なので、普通の動作してしまう(よって、気づきづらく厄介)。

そんな馬鹿なことはしないよと思うかもしれないが、
JSON文字列の配列とかを操作していると、うっかりやらかしてしまうものだ。
分類:JavaScript
jQuery/スクロールを先頭に位置付ける方法
2014年05月15日
┌──────────────────────────────────────┐
│$(this).scrollTop(0);                                                       │
└──────────────────────────────────────┘
innerHTML系で領域を変更した場合に、
スクロールを戻してあげた方が違和感がないかも。
分類:jQuery
JavaScript/疑似例外
2014年05月14日
疑似的例外を発生させるには「throw」してあげればよい。
┌──────────────────────────────────────┐
│try {                                                                       │
│    throw '例外だよ';  // 疑似例外                                          │
│} catch (e) {                                                               │
│    alert(e);  //  →「例外だよ」                                           │
│    // 例外処理                                                             │
│}                                                                           │
└──────────────────────────────────────┘

値がなくても大丈夫のようだ。
┌──────────────────────────────────────┐
│try {                                                                       │
│    throw '';  // 疑似例外                                                  │
│} catch (e) {                                                               │
│    alert(e);  //  →「」                                                   │
│    // 例外処理                                                             │
│}                                                                           │
└──────────────────────────────────────┘
分類:JavaScript
Highstock/俯瞰図グラフの選択
2014年05月13日
画面下に絞り込む前の全体像である俯瞰図グラフが表示されるが、
既定では一番目のグラフが表示される。
これを、二番目以降に変更する方法。

「navigator.baseSeries」に指定する。

添字で指定する方法。
┌──────────────────────────────────────┐
│var chart = new Highcharts.StockChart({                                     │
│    navigator   :{                                                          │
│        baseSeries  :1                                                      │
│    },                                                                      │
│    series  :[{                                                             │
│        data    :[1,3,5,7]                                                  │
│    },{                                                                     │
│        data    :[2,4,6,8]                                                  │
│    }]                                                                      │
│});                                                                         │
└──────────────────────────────────────┘
数値を指定する。

識別子(ID)で指定する方法。
┌──────────────────────────────────────┐
│var chart = new Highcharts.StockChart({                                     │
│    navigator   :{                                                          │
│        baseSeries  :'ID2'                                                  │
│    },                                                                      │
│    series  :[{                                                             │
│        id      :'ID1',                                                     │
│        data    :[1,3,5,7]                                                  │
│    },{                                                                     │
│        id      :'ID2',                                                     │
│        data    :[2,4,6,8]                                                  │
│    }]                                                                      │
│});                                                                         │
└──────────────────────────────────────┘
各グラフ(series)に「id」を定義し、それを指定する。
「id」は文字列にしないと(例え文字列として指定しても)添字と誤認されるので注意。
例)「navigator.baseSeries = '1'」としても「1」と認識して添字の1番目となる。
分類:Highcharts
前へ 1 … 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 … 156 次へ