記事一覧
オススメ絵本_親の視点
子どもには、活字をきちんと読む習慣をつけて欲しい…
けど、Youtubeの方が楽しいもんね…！
というのが実情。
次はこういう本を読ませたい、という親のモチベーションも必要かと思い、
親の視点（好み）で「良いな～」と思った本をラインナップ。
（１）『Thomas’ Wonderful Word Book』
イラストが可愛くて、本屋で一目惚れして購入。
駅のイラストが細かく描かれていて、そ
ウェブデザイン技能検定を受験した話③
前回、この検定の２級に【実技試験のみ】合格し
筆記試験が不合格だったので、再試験をしてきました。
↓前回の話
今回は筆記試験、いけた!!!!!!!!!!
そして、3/25の合否発表で…受かった!!!!!!!!!!
泣ける…夜勤（子どもの夜泣き対応）しながら
明け方とかにコツコツ勉強した甲斐があった…(;へ;)
前回 不合格となってから勉強方法を少し変えたので
備忘録としてメモ。
（１）
CSS3からの追加仕様③（グリッドテンプレート）
このシリーズが全然終わらない…笑
それほど たくさん追加されているのね…!!
①は、こちら↓
②は、こちら↓
（11）グリッドテンプレートグリッドレイアウトを構成する時に各種情報を設定できる。
大前提として、「display」プロパティをgridにする必要あり。
display: grid;
①grid-template-rows
隣接する2本のグリッドラインで区切られた間に生じる
食物アレルギーの負荷試験をした話
上の子が【アトピー性皮膚炎＋食物アレルギー】で
衣・食・住 すべてに割と手を焼いたんだけれども
下の子は そんな素振りを見せ…
始めたよね。（TωT）
もう泣いちゃうぞwww 草生えてるけどwww
（１）下の子の小麦アレルギーもともとアレルギーテストで小麦が「擬陽性」レベル
だったので、さほど心配せずにあげていたところ
【ホワイトソース ＋ おかゆ】で、３時間ほど経過すると
背中に円形の湿
CSS3からの追加仕様②
①はこちら↓
（８）画像ボーダー「border-image」を使うと、ボックスのボーダーに画像を表示できる。
（例）
border-image-source: “画像のURL”;
【設定できる値】
①none
画像なし（デフォルト）
②url (“画像のURL”)
相対／絶対パス、どちらでもOK
＜border-image-sourceにセット追記できるプロパティ＞
（１
CSS3からの追加仕様①
（１）一般兄弟セレクタ
「要素A」よりも後ろに記載のある「要素B」に対して
スタイルを適用したい場合、要素名を「~」記号で繋げて記述する。
<p>対象外の段落</p><h3>小見出し</h3><p>対象の段落</p><p>対象の段落</p>
このとき、CSSを
h3 ~ p { color: red; }
とすると、「h3要素が登場した後に記述されているp要素だけ」を
適用対象にできる（文
How are you？への返し方
英会話オンラインレッスンを受講すると
絶対に聞かれる、「How are you??」。
これに対する答え方が、いつも教科書通りの
「I’ｍ fine. Thank you.」しか言えず
ダッサ！と自分で自分をdisっていたところ…。
せっかくの時間だし、「会話」をせねば…
と感じたので、調べてみた。
（１）「I am ＋形容詞」の形がベタ ①良いときの例
I’m fine. （いい調子）
VSCodeでXAMPPを使ってPHPデバッグ
（１）What's XAMPP？まず、読み方は「ザンプ」。
（最初 読めなかった…）
PHP（Perl）を開発環境で動かす時に必要な
・Webサーバ
・データベース
・プログラムの実行環境
をパッケージ化した、フリーのソフトウェア。
HTMLファイルと違って、ブラウザがPHPのプログラムを
実行できる機能を持っていないため、
PCにインストール＆設定する必要がある。
それぞれの頭文字
カラーコードの読み方
勉強したはずなのにズッコケた、
Webデザイン技能検定の筆記試験復習シリーズ。
（令和元年度第３回）
（１）フル桁表記の読み方6桁表記の「#RRGGBB」（仮）の場合、それぞれの値は
RR：赤
GG：緑
BB：青 の色味を表現している。
（２）3桁表記の読み方６桁表示から「0」を抜いて省略する場合は、同じ値が続く。
「#fc0」の場合は「#ffcc00」となる。
ここまでは良い
【読了】FROZEN COMICS COLLECTION
本屋で出会ってしまい、完全にパケ買いした英語版コミックス。
（スヌーピーの英語版漫画の、アナ雪バージョンという感じだった）
（１）Book's information 【Title】
FROZEN COMICS COLLECTION HEARTS FULL OF SUNSHINE
【Issuer】
JOE BOOKS LTD.
【Price】
￥1,000ほど
（２）My
ルビ関連要素（HTML）
以前、「ruby」について こちらの記事で書いたものの（↓）
関連する要素が理解できていなかったので、まとめ。
（１）ruby要素（２）以降の要素の「親」となる要素。
ルビを振るテキストの範囲を表す。
（例）
<ruby>朝寝坊<rt>あさねぼう</rt></ruby>
（２）rb要素Ruby Baseの略で、ruby要素の子要素として使用する。
ルビが難しくない場合は、ruby要素
viewportを使った単位（CSS）
勉強したはずなのにズッコケた、
Webデザイン技能検定の筆記試験復習シリーズ。
（令和元年度第３回）
CSS3の新単位、vw・ vh・ vmin・ vmaxについて。
CSS2.1以降、絶対単位となった「px」と
親要素に対して相対単位（倍率）の「%」に加えて
vw・ vh・ vmin・ vmaxが登場。
（１）viewportとは「表示領域」のこと。
デスクトップ環境（PCなど）のブラウザ