Page 86 of 129

ASCII Code

10進 16進 文字
0 0x00 NUL(null文字)
1 0x01 SOH(ヘッダ開始)
2 0x02 STX(テキスト開始)
3 0x03 ETX(テキスト終了)
4 0x04 EOT(転送終了)
5 0x05 ENQ(照会)
6 0x06 ACK(受信OK)
7 0x07 BEL(警告)
8 0x08 BS(後退)
9 0x09 HT(水平タブ)
10 0x0a LF(改行)
11 0x0b VT(垂直タブ)
12 0x0c FF(改頁)
13 0x0d CR(復帰)
14 0x0e SO(シフトアウト)
15 0x0f SI(シフトイン)
16 0x10 DLE(データリンクエスケープ)
17 0x11 DC1(装置制御1)
18 0x12 DC2(装置制御2)
19 0x13 DC3(装置制御3)
20 0x14 DC4(装置制御4)
21 0x15 NAK(受信失敗)
22 0x16 SYN(同期)
23 0x17 ETB(転送ブロック終了)
24 0x18 CAN(とりけし)
25 0x19 EM(メディア終了)
26 0x1a SUB(置換)
27 0x1b ESC(エスケープ)
28 0x1c FS(フォーム区切り)
29 0x1d GS(グループ区切り)
30 0x1e RS(レコード区切り)
31 0x1f US(ユニット区切り)
32 0x20 (スペース)
33 0x21 !
34 0x22 "
35 0x23 #
36 0x24 $
37 0x25 %
38 0x26 &
39 0x27 '
40 0x28 (
41 0x29 )
42 0x2a *
43 0x2b +
44 0x2c ,
45 0x2d
46 0x2e .
47 0x2f /
48 0x30 0
49 0x31 1
50 0x32 2
51 0x33 3
52 0x34 4
53 0x35 5
54 0x36 6
55 0x37 7
56 0x38 8
57 0x39 9
58 0x3a :
59 0x3b ;
60 0x3c <
61 0x3d =
62 0x3e >
63 0x3f ?
64 0x40 @
65 0x41 A
66 0x42 B
67 0x43 C
68 0x44 D
69 0x45 E
70 0x46 F
71 0x47 G
72 0x48 H
73 0x49 I
74 0x4a J
75 0x4b K
76 0x4c L
77 0x4d M
78 0x4e N
79 0x4f O
80 0x50 P
81 0x51 Q
82 0x52 R
83 0x53 S
84 0x54 T
85 0x55 U
86 0x56 V
87 0x57 W
88 0x58 X
89 0x59 Y
90 0x5a Z
91 0x5b [
92 0x5c \
93 0x5d ]
94 0x5e ^
95 0x5f _
96 0x60 `
97 0x61 a
98 0x62 b
99 0x63 c
100 0x64 d
101 0x65 e
102 0x66 f
103 0x67 g
104 0x68 h
105 0x69 i
106 0x6a j
107 0x6b k
108 0x6c l
109 0x6d m
110 0x6e n
111 0x6f o
112 0x70 p
113 0x71 q
114 0x72 r
115 0x73 s
116 0x74 t
117 0x75 u
118 0x76 v
119 0x77 w
120 0x78 x
121 0x79 y
122 0x7a z
123 0x7b {
124 0x7c |
125 0x7d }
126 0x7e ~
127 0x7f DEL(削除)

CSS reference

 

★「Cascading Style Sheets」の基本 example
1、<HEAD>~</HEAD>のあいだに<STYLE>~</STYLE>を記述、「text/css」を指定 <HTML>
<HEAD>
<TITLE>Cascading Style Sheets Sample</TITLE>
<STYLE type="text/css">
<!--
BLOCKQUOTE { line-height: 1.5 }
-->
</STYLE>
</HEAD>
<BODY>
<BLOCKQUOTE>
 ・・・この範囲の行間はフォントサイズの1.5倍になります。
</BLOCKQUOTE>
</BODY>
</HTML>
2、リンクして組み込む <LINK rel="stylesheet" type="text/css" href="http://www.zspc.com/abc.css" title="Example">
3、@importを使用して組み込む <STYLE type="text/css">
<!--
@import url(http://);
H2 { color: red }
-->
</STYLE>
4、他多数の記述法あり  
      example
 write 

mean

value

example

★カラー
color 文字色
aqua
navy
silver
black
green
olive
teal
blue
lime
purple
white
fuchsia
maroon
red
yellow
H1 { color: red }
H1 { color: #ff0000 }
H1 { color: #f00 }
H1 { color: rgb(255, 0, 0) }
H1 { color: rgb(100%, 0%, 0%) }
★フォント
font-family フォントファミリ名 serif
sans-serif
cursive
fantasy
monospace
P { font-family: "New", Times, serif }
font-style フォントスタイル normal
italic
oblique
H1 { font-style: italic }
H1 EM { font-style: normal }
font-variant フォントバリエーション normal
small-caps
H2 { font-variant: small-caps }
font-weight フォントの太さ normal
bold
bolder
lighter
P { font-weight: normal }
STRONG { font-weight: bold }
font-size フォントのサイズ xx-small
x-small
small
medium
large
x-large
xx-large
H1 { font-size: large }
EM { font-size: 120% }
P { font-size: 12pt }
font まとめて設定   P { font: italic bold 12pt/15pt serif }
★テキスト
word-spacing 単語の間隔 normal
数値指定
H1 { word-spacing: 0.4em }
P { word-spacing: -0.1em }
letter-spacing 文字間隔 normal
数値指定
H1 { letter-spacing: 0.1em }
BLOCKQUOTE { letter-spacing: -0.1em }
text-decoration 文字の装飾 none
underline
overline
line-through
blink
A:link { text-decoration: underline }
vertical-align 縦方向の位置揃え baseline
middle
sub
super
text-top
text-bottom
top
bottom
IMG { vertical-align: middle }
text-transform 大文字・小文字 capitalize
uppercase
lowercase
none
H1 { text-transform: uppercase }
text-align 行揃え left
right
center
justify
P.kaisetsu { text-align: justify }
text-indent インデント(距離) 数値指定 P { text-indent: 4em }
line-height 行間 normal
数値指定
P { line-height: 1.5 }
P { line-height: 1.5em }
P { line-height: 150% }
★ボックス
margin-topa 上マージン auto
数値指定
H1 { margin-top: 3em }
margin-right 右マージン auto
数値指定
H1 { margin-right: 20% }
margin-bottom 下マージン auto
数値指定
H1 { margin-bottom: 3em }
margin-left 左マージン auto
数値指定
H1 { margin-left: 3em }
margin 上右下左マージン auto
数値指定
BODY { margin: 1em 2em 3em 4em }
padding-top 枠と内容の上間隔 数値指定 BLOCKQUOTE { padding-top: 0.5em }
padding-right 枠と内容の右間隔 数値指定 BLOCKQUOTE { padding-right: 8px }
padding-bottom 枠と内容の下間隔 数値指定 BLOCKQUOTE { padding-bottom: 1em }
padding-left 枠と内容の左間隔 数値指定 BLOCKQUOTE { padding-left: 10% }
padding 枠と内容の上右下左間隔 数値指定 BODY { padding: 1em 2em 3em 4em }
border-top-width 上枠の幅 thin
medium
thick
数値指定
P { border-top-width: 0.3em }
border-right-width 右枠の幅 thin
medium
thick
数値指定
P { border-right-width: 0.3em }
border-bottom-width 下枠の幅 thin
medium
thick
数値指定
P { border-bottom-width: 0.3em }
border-left-width 左枠の幅 thin
medium
thick
数値指定
P { border-left-width: 0.3em }
border-width 上右下左枠の幅 thin
medium
thick
数値指定
P { border-width: 1em 2em 3em 4em }
border-color 枠の色 色指定
16進数
10進数
P { border-color: red }
P { border-color: #ff0000 }
P { border-color: #f00 }
P { border-color: rgb(255, 0, 0) }
P { border-color: rgb(100%, 0%, 0%) }
border-style 枠のスタイル dotted
dashed
solid
double
groove
ridge
inset
outset
P { border-style: solid }
border-top 上枠の幅・スタイル・色 border-top-width
border-style
color
H1 { border-top: thick solid blue }
boder-right 右枠の幅・スタイル・色 border-right-width
border-style
color
H1 { border-right: thick solid blue }
border-bottom 下枠の幅・スタイル border-bottom-width
border-style
color
H1 { border-bottom: thick solid blue }
border-left 左枠の幅・スタイル border-left-width
border-style
color
H1 { border-left: thick solid blue }
border 同じ枠の幅・スタイル border-width
border-style
color
P { border: thick solid blue } P {    border-top: thick solid blue ;    border-right: thick solid blue ;    border-bottom: thick solid blue ;    border-left: thick solid blue }
width ボックスの内容の幅 auto
数値指定
IMG.button { width: 80px }
height ボックスの内容の高さ auto
数値指定
IMG.button { height: 20px }
float 文字の回り込み none
left
fight
IMG.button { float: left }
clear 文字の回り込みクリア none
left
right
both
H1 { clear: left }
★背景
bockground-color 背景色 transparent
色指定
16進数
10進数
H1 { background-color: red }
H1 { background-color: #ff0000 }
H1 { background-color: #f00 }
BODY { background-color: rgb(255, 0, 0) }
BODY { background-color: rgb(100%, 0%, 0%) }
background-image 背景画像 url BODY { background-image: url(http://) }
background-repeat 背景画像の並び repeat
repeat-x
repeat-y
no-repeat
BODY {    background: white url(leftside.gif);    background-repeat: repeat-y}
background-attachment 背景画像の固定 scroll
fixed
BODY {    background: white url(leftside.gif);    background-attachment: fixed}
background-position 背景画像の位置 数値指定
left
center
right
top
bottom
BODY { background-image: url(back.gif); background-attachment: fixed; background-position: 50% 50% }
background 背景をまとめて設定 background-color
background-image
background-repeat
background-attachment
background-position
BODY { background: black }
P { background: #ff0000 url(bkg.gif) }
P { background: url(bkg.gif) blue 50% repeat fixed }
★配置
position 絶対位置・相対位置の指定 absolute
relative
static
#test { position: absolute; top: 100px; left: 100px }
left 左からの位置 auto
数値指定
#test { position: relative; left: 40px }
top 上からの位置 auto
数値指定
#test { position: relative; top: 100px }
z-index 重なる順序 auto
整数指定
#test { position: absolute; z-index: 3 }
clip クリッピング auto #test {position: absolute; top: 100px; left: 100px; clip: rect(5px 25px 25px 5px) }
overflow 内容が収まりきらない場合 none
clip
scroll
#test {position: absolute; top: 80px; left: 80px; width: 100px; height: 100px; overflow: clip}
★その他
display 表示方法 block
inline
list-item
none
P { display: block }
EM { display: inline }
LI { display: list-item }
IMG { display: none }
visibility 表示・非表示 inherit
visible
hidden

#test { position: absolute; top: 200px; visibility: hidden }
white-space 空白・タブ・改行の取扱 normal
pre
PRE { white-space: pre }
list-style-type リストのマークの種類 disc
circle
square
decimal
lower-roman
upper-roman
lower-alpha
upper-alpha
none
OL { list-style-type: decimal }OL { list-style-type:upper-roman }OL { list-style-type:upper-alpha }
list-style-image リストのマーク画像 url
none
UL { list-style-image: url(maru.gif) }
list-style-position リストのマークの表示位置 inside
outside
OL { list-style-position: inside }
list-style リストをまとめて設定 list-style-type
list-style-image
list-sytle-position
UL { list-style: url(images/maru.gif) disc }
       

Baseball Theory

Batting

Synchronized stance: ・シンクロ打法
  静止している状態から打ちにいくよりも、ステップを踏んで動いた状態から打ちに行った方がよりタイミングを合わせられる。
<バッティングはタイミング>
Low stand ready: ・低くかまえる
 踏み込んだ時、目線がぶれることを防止する。目線がぶれると、しっかりミートしたつもりでも実際はボールの下っ面を打つ場合が多い。
<より確率の良い打ち方をする>
Pivot leg: ・あらかじめ軸足に重心を置いてかまえる
 一度後ろに重心を移してから前に重心を移すよりも、シンプルに前にだけ重心を移すようにする。
<打ちにいく準備が大事>
Traighten the backbone: ・背筋を伸ばす
 姿勢をよくし、背筋力でボールを飛ばす。
<ボールをみる姿勢を良くする>
Flying elbow: ・肘を上げる
 インパクトまでの距離を遠くすることによってボールをよりひきつけられる。キャッチャーよりの体でボールを強く押し込められる。スピード負けしない。逆方向の打球が伸びる。
<より強くボールを弾き返す>
Pivot spiral: ・軸回転
 上半身と下半身の回転が軸を中心として逆にスパイラルさせる。それによってより力が加わる。具体的には、金玉を股で押しつぶすように・・・。
<下半身で打つ>
Raising leg or shuffle: ・足を上げるかすり足か。
 脚を上げるか上げないかは、個人の選択。脚を上げる事によって下半身を意識した打ち方ができるが、目線がぶれてしまう。すり足であれば、目線はぶれないが手打ちになってしまう。いづれも、その傾向が高いというだけで断定はできない。個人の好み・よりスムーズな動きのほうを選択するべきでは・・・。
<上下左右のバランスが大事>
Flat swing:

・フラットにスイングする。
スイングの軌道で注意しなければならないのは、旧来「ボールをつぶすように上からしばけ」と教えられるが、ここでは違う理論。やはり、確率の問題で「フラットに丸太木を横から斧で切るように」スイングした方が少しタイミングが早かったとしても遅かったとしても球をとらえる確率は上がるはずである。特に軟式野球の場合は多いに当てはまるようような気がする。

Pitching

Basic:  基本的に、投げ方は自分の投げやすい投げ方で一番自分にとってスムーズな動きができる投げ方がベストなのである。
 一般的には、肘から上げて・・・などの教育を少年時代にコーチから教わる。体の一部分に負担のかからない美しいフォームというのはある程度決まっているが、ここではあえて掲載するまでもない。
Check Point:

ピッチングする上での注意点(右投げ)
1、足を上げて、投球動作に入ろうとする時、背中の角度。
 一塁側に倒れないように、地面に対し垂直にバランスよく。
2、充分にためをつくり、ステップするとき右足に充分体重を乗せてからステップする。
 右ひざを少し曲げてからステップ。(フワッ ・ グウーーー ・ ピチン! って感じ)。
3、左腕の使い方は、高くあげるとスピードは出るかもしれないが、コントロールしにくくなるはず。。
  逆に左肩と右肩をなるべく平行にすることでコントロールする力は格段に上がるはずである。
4、右腕を下ろすとき、右腕を一塁側に入れないようにする。
 正しい回内運動で投球する。←コントロールに格段の差がでる。。
5、投球時、右足でしっかりと蹴り、左足に全体重を乗せることでよりアグレッシブな投球になるだろう。投球後、右足が跳ね上がればベスト。

Column:  ピッチングに限らずスポーツは、10代の頃にどれだけ教育に優れたコーチと出会えるかである。(優秀とは、指導する能力であってその人個人のピッチング能力ではない) 経験の浅い10代に、自分の経験や古い概念、固定観念で半ば強制的にピッチングの型を埋め込ませ選手を縛りつけては絶対にならない。選手の能力があるのにその能力を引き出せず、指導者によって潰されていく選手がこの世の中にどれだけいることか。
 だから、私は声を大にして選手に言いたい。「選手は指導者を選べ!」あれこれ、得意げに指導してくる人に対し、「俺はそうは思わない」という自分の考えを貫いて欲しい。指導者によって言う事が違えば当然選手も戸惑う。10代の選手に自分の概念・哲学をもてというのは少し酷ではあるが、頑固にNOといえる考えがない限りまたその選手は一流にはなれない。
 指導者は、技術云々より生き様を背中で語るべきである。感受性の豊かな少年時代に選手は大人をよく観察している。そして、多くを感じている。大人の指導に愛が込められているか込められていないか、少年はすごく感じるのである。本当に選手に伸びてもらいたいという気持ちは魂となって選手に伝わります。野球の場合、精神力が勝敗を大きく左右する。日本ではこれだけメディアが発達しTVをつければプロの選手をみて見よう見真似で技術は伸びる。メンタリティの部分で指導者は一番選手に教えあげられるものがあるのではないか。
 指導者との相性で、伸びる選手も伸び悩む場合がある。二度と戻らない学生時代、よき出逢いを。

Baseball brain vs football brain

Soccer:  サッカーは常にON、未来型思考、時間との戦い、集団による意識プレーで前頭葉使用型。
 現代はサッカー型の人が多く、情報が溢れているカオス社会は試合展開が読めないサッカーと類似。
 企業の経営者もサッカー型組織を目指しているところが多い。サッカー型は「現場での自律的な判断」「創造力」「業務形態の急変」
 コンサルタントやクリエイター、広報、営業なんかはサッカー型。
Baseball:  野球は完全分業型で上意下達、データに基づいてプレーする、基本的に制限時間はない、個人による無意識プレーで小脳使用型。
 野球型は「高い熟練度」「マニュアル重視」「専門性の高さ」が基準。
 システム開発、流通関係、設計などは野球型。
  調理師や公務員、教育関係や医薬品の研究開発などは中間。
Column:  一般的に野球のダラダラ感をあまり好まない人は多い。それでいてサッカーはスピーディで人気がある。サッカーは制限時間があって、その分スリリングだし各プレーヤーがプレーしながら頭をフルに使って、臨機応変に状況に対応していかなくてはならない。監督の戦略も勿論重要だけど、いざピッチに出たらプレーヤーは自主的に状況判断していかないといけない。まさにクリエイティブワーカー、そこがいいと。どれだけいいプレーをしていても点数が入らない限り、勝利はない。成果主義なところもいい。ライブドアはサッカー型、フジテレビは野球型と見ればわかりやすい。まさに世代である。
 だが、現代でも野球とサッカーの人気は二分している。イチローと松井の活躍もさることながら、野球の魅力は逆に時間制限がないことにある、まさかまさかの大逆転激。そう、野球にはドラマがあるのだ。単純な動きのなかでの奥深さ、一撃必殺で相手をねじ伏せる。観る人を魅了するのは野球というスポーツのみならずそこにあるドラマが人を惹きつけてならない。そして、今夜もまた一つのドラマが生まれるのである。
   でも、野球はやっぱり甲子園かな。負けたら終わりの世界で、青春をひた走る。あの一生懸命な姿に誰もが心を打つ。そして一人一人にドラマがある。一生懸命に勝る美しさはないのである。