2012-03-01から1ヶ月間の記事一覧
概要 css3のボックスが改行する際の表示形式を指定するbox-decoration-breakについて説明します プロパティ名 box-decoration-break 内容 ボックスが改行する際の表示形式を指定します 設定値 設定値名 設定値内容 slice スタイルが全体に適用される clone …
パンくず リファクタリング-プログラマーの体質改善テクニック オブジェクト間での特性の移動 メソッドの移動:Move Method 内容 リファクタリング名 メソッドの移動:Move Method 適用ケース要約 メソッドが、自分のクラスよりも他クラスの機能を使ったり、他…
パンくず リファクタリング-プログラマーの体質改善テクニック オブジェクト間での特性の移動 内容 オブジェクト間での特性の移動 リファクタリング名 対象 対応 メソッドの移動 メソッドが、自分のクラスよりも他クラスの機能を使ったり、他クラスから利用…
概要 css3の枠線に画像を指定するborder-imageについて説明します プロパティ名 border-image 内容 枠線に画像を指定します 設定値 設定値名 設定値内容 border-image-source ボーダーに使用する画像 border-image-slice 画像の端から内側へスライスする距離…
概要 css3の角丸を指定するborder-radiusについて説明します プロパティ名 プロパティ名 設定内容 border-radius 四つ角全ての角丸を設定 border-top-left-radius 左上の角丸を設定 border-top-right-radius 右上の角丸を設定 border-bottom-left-radius 左…
概要 css3の背景のサイズを指定するbackground-sizeについて説明します プロパティ名 background-size 内容 背景のサイズを指定します 設定値 設定値名 設定値内容 auto 自動算出(初期値) contain 縦横比は保持。最大サイズで背景に表示 cover 縦横比は保…
概要 css3の背景の基準位置を指定するbackground-originについて説明します プロパティ名 background-origin 内容 背景の基準位置を指定します 設定値 設定値名 設定値内容 padding-box パディングボックス border-box ボーダーボックス content-box コンテ…
パンくず リファクタリング-プログラマーの体質改善テクニック オブジェクト間での特性の移動 仲介人の除去 内容 リファクタリング名 仲介人の除去 適用ケース要約 クラスが単純な委譲をやり過ぎている。 適用内容要約 クライアントに委譲オブジェクトを直接…
パンくず リファクタリング-プログラマーの体質改善テクニック オブジェクト間での特性の移動 委譲の隠蔽 内容 リファクタリング名 委譲の隠蔽 適用ケース要約 クライアントがオブジェクト内の委譲クラスを呼び出している。 適用内容要約 サーバに委譲を隠す…
パンくず リファクタリング-プログラマーの体質改善テクニック オブジェクト間での特性の移動 クラスのインライン化 内容 リファクタリング名 クラスのインライン化 適用ケース要約 クラスが大した仕事をしていない。 適用内容要約 すべての機能を他のクラス…
パンくず リファクタリング-プログラマーの体質改善テクニック オブジェクト間での特性の移動 クラスの抽出:Extract Class 内容 リファクタリング名 クラスの抽出:Extract Class 適用ケース要約 2つのクラスで行うべき仕事をしている1個のクラスがある。 適…
パンくず リファクタリング-プログラマーの体質改善テクニック オブジェクト間での特性の移動 フィールドの移動 内容 リファクタリング名 フィールドの移動 適用ケース要約 メソッドが、自分のクラスよりも他クラスの機能を使ったり、他クラスから利用された…
概要 meterタグについて説明します。 内容 meterは規定範囲内の測定値を表示します。属性として以下の利用が可能です min = 最小値を設定 max = 最大値を設定 low = 低いとされる値 optimum = 適正とされる値 high = 高いとされる値 value = 現在の測定値 サ…
パンくず リファクタリング-プログラマーの体質改善テクニック メソッドの構成 アルゴリズムの取替 内容 リファクタリング名 アルゴリズムの取替 適用ケース要約 アルゴリズムをよりわかりやすいものに置き換えたい 適用内容要約 メソッドの本体を新たなアル…
パンくず リファクタリング-プログラマーの体質改善テクニック メソッドの構成 メソッドオブジェクトによるメソッドの置き換え 内容 リファクタリング名 メソッドオブジェクトによるメソッドの置き換え 適用ケース要約 長いメソッドが「メソッドの抽出」を適…
パンくず リファクタリング-プログラマーの体質改善テクニック メソッドの構成 パラメーターへの代入の除去 内容 リファクタリング名 パラメーターへの代入の除去 適用ケース要約 コードが引数に代入を行っている。 適用内容要約 代わりに一時変数を使う。 …
パンくず リファクタリング-プログラマーの体質改善テクニック メソッドの構成 一時変数の分割 内容 リファクタリング名 一時変数の分割 適用ケース要約 ループ変数でも計算結果の蓄積用の変数でもないのに、複数回代入される一時変数がある。 適用内容要約 …
パンくず リファクタリング-プログラマーの体質改善テクニック メソッドの構成 説明変数の導入 内容 リファクタリング名 説明変数の導入 適用ケース要約 複雑な式がある 適用内容要約 処理の目的を説明するような名前を持つ一時変数に式、または式の一部の結…
概要 css3の背景の適用範囲を指定するbackground_clipについて説明します プロパティ名 background_clip 内容 背景の適用範囲を指定します 設定値 設定値名 設定値内容 border-box ボーダーボックス padding-box パディング content-box コンテント サンプル …
概要 css3の新要素をまとめます 新規追加タグ 色指定 プロパティ 内容 リンク先 hsla,rgba 色指定時にアルファも同時指定 http://d.hatena.ne.jp/tbpg/20131001/1380642050 背景・ボーダー プロパティ 内容 リンク先 background_clip セクション http://d.ha…
パンくず リファクタリング-プログラマーの体質改善テクニック メソッドの構成 メソッドのインライン化:Inline Method 内容 リファクタリング名 メソッドのインライン化:Inline Method 適用ケース要約 メソッドの本体が名前と同じくらいわかりやすい 適用内…
パンくず リファクタリング-プログラマーの体質改善テクニック メソッドの構成 メソッドの抽出:Extract Method 内容 リファクタリング名 メソッドの抽出:Extract Method 適用ケース要約 1つにまとめられるコードの断片がある 適用内容要約 コードの断片をメ…
パンくず リファクタリング-プログラマーの体質改善テクニック メソッドの構成 内容 メソッドの構成 リファクタリング名 対象 対応 メソッドの抽出 1つにまとめられるコードの断片がある コードの断片をメソッドにして、その目的を説明する名前をつける メソ…
概要 progressタグについて説明します。 内容 progressは進行状況の表示します。属性として以下の利用が可能です max = 最大値を設定 value = 現在の進捗状況 form = どのフォームに関わっているか サンプル <html lang="ja-JP"> <head> <meta charset="UTF-8" /> <title>progress</title> </head> <body> <form action=""> progress:<progress id="range" value="20" max="100" >現在20%…</progress></form></body></html>
概要 input type="color"タグについて説明します。 内容 input type="color"は色入力欄です。 サンプル <html lang="ja-JP"> <head> <meta charset="UTF-8" /> <title>input type="color"</title> </head> <body> <form action=""> color:<input type="color" name="color" id="color" value="#55ff55" /> </form></body></html>
概要 input type="number"タグについて説明します。 内容 input type="number"は数値入力欄です。属性として以下の利用が可能です max = 最大値を設定 min = 最小値を設定 list = 入力候補を設定 ※2012/03/19現在 Operaのみ使用可能 step = ステップ幅を設定…
概要 input type="range"タグについて説明します。 内容 input type="range"は範囲入力欄です。属性として以下の利用が可能です max = 最大値を設定 min = 最小値を設定 step = ステップ幅を設定。 サンプル <html lang="ja-JP"> <head> <meta charset="UTF-8" /> <title>input type="range"</title> </head> <body> <form action=""> range:</form></body></html>
概要 HappyHackingKeyboard Lite2でWindowsキーを有効にする方法を説明します。 手順 下記サイトからHHKBキー配列切替ツールをダウンロ−ドします http://www.pfu.fujitsu.com/hhkeyboard/tooldownload.htmlダウンロードした、HHKBCNG.exeを実行して解凍され…
概要 hostnameコマンド カレンダーを表示する コマンド hostname [NAME] または hostname OPTION オプション --help この使い方を表示して終了する --version バージョン情報を表示して終了する サンプル $hostname XXXXX(ホスト名)
概要 秀丸で重宝しているタブ機能と、タブの状態保存機能をGVimで行う方法について 設定内容 akihito_sさんの記事参照。