福祉住環境コーディネーター 障害とリハビリテーションの暗記ポイントまとめ 福祉住環境コーディネーター2級
高齢者住宅等の重要論点についてまとめる。これだけでしっかり暗記すればほぼ間違いなく合格します。記載事項以外はテキストを読み通す程度で十分であり、暗記する必要はありません。(参考資料)官公署PDFICIDH（国交省） 廃用性症候群（東京都） 高齢者や障害者を取り巻く社会状況| 介護保険 | 高齢者住宅等 | 福祉住環境用...
福祉住環境コーディネーター 福祉住環境コーディネーター 障害者向け住宅の暗記ポイントまとめ 福祉住環境コーディネーター
障害者向け住宅の重要論点についてまとめる。これだけでしっかり暗記すればほぼ間違いなく合格します。記載事項以外はテキストを読み通す程度で十分であり、暗記する必要はありません。(参考資料)官公署PDF障害者の住まいの場の確保に関する施策（厚労省） サテライト型住宅（厚労省） 福祉ホーム事業について（厚労省）高齢者や障害者を...
福祉住環境コーディネーター 福祉住環境用語の暗記ポイントまとめ 福祉住環境コーディネーター2級
福祉住環境用語についてのまとめです。(参考資料)官公署PDF小規模多機能型居宅介護（厚生省） 地域支援事業の推進（厚生省） 介護老人福祉施設（厚労省） 地域ケア会議（厚労省）高齢者や障害者を取り巻く社会状況| 介護保険 | 高齢者住宅等 | 福祉住環境用語 | 障害者向け住宅 |障害のとらえ方と自立支援のあり方| 障害...
福祉住環境コーディネーター 高齢者住宅等の暗記ポイントまとめ 福祉住環境コーディネーター2級
高齢者住宅等の重要論点についてまとめる。これだけでしっかり暗記すればほぼ間違いなく合格します。記載事項以外はテキストを読み通す程度で十分であり、暗記する必要はありません。(参考資料)官公署PDF高齢者向け住まいについて（厚労省） 高齢者向け住まいを選ぶ前に（厚労省） 高齢者向け住宅の選び方（東京都） 認知症グループホー...
福祉住環境コーディネーター 介護保険の暗記ポイントまとめ 福祉住環境コーディネーター2級
介護保険の重要論点についてまとめる。これだけでしっかり暗記すれば必ず合格します。記載事項以外はテキストを読み通す程度で十分であり、暗記する必要はありません。（参考資料）介護保険に関する官公署ＰＤＦ介護保険制度について（厚労省） 介護保険制度パンフレット（東京都）高齢者や障害者を取り巻く社会状況| 介護保険 | 高齢者住...
HTML&CSS 続きを読む・閉じるアコーディオンをCSSのみで実装 コピペで使えるHTML+CSS AMP対応
[文章の続きを読む]、いわゆるスポイラー又はアコーディオンと呼ばれるものをCSSのみで実装します。inputとlabel、~セレクタを組み合わせる手法を取ります。JavaScriptを使用しない安全で安定的な方法です。
HTML&CSS 徐々に文章を透明化と、すべて読む コピペで使えるHTML+CSS AMP対応
新聞や雑誌のサイトなどでよく使われている記事が下に向かって徐々に半透明になり、[全てを読む]が表示されるページ。CSSのみで実現する方法を詳しく解説します。inputとlabel、checked、~セレクタを適切な順序と階層で使用します。
HTML&CSS 切り替えタブdivボックスをCSSのみで実現！ コピペで使えるHTML+CSS
divボックスの上部に複数のタブをつけ、タブをクリックすることで、直下のボックスが切り替わります。いわゆる、タブボックスをJavascriptを用いずに実装します。HTMLとCSSのみを調整することでタブの数を簡単に増減させることができます。
HTML&CSS @mediaを使って解像度に応じてデザインを切り替える コピペで使えるHTML+CSS
CSS規則のひとつ、@mediaを使って解像度に応じてデザインを切り替える手法サンプル交えて紹介します。この実装によって、スマートフォンとパソコンでデザインの違いや、段組みやサイドバーの表示非表示の切り替えを実現できます。
HTML&CSS プルダウンメニューをCSSのみで作る方法 コピペで使えるHTML+CSS
CSSのみでプルダウンメニュー、ドロップダウンメニューを実装します。li、ul要素、及び:hoverセレクタを使用して設計していきます。表示の切り替えにおいてはdisplay属性を使用します。各項目の見出しについて::beforeを用いて装飾します。
HTML&CSS CSSのみでクリックによりボックスが開くアニメーション コピペで使えるHTML+CSS
JavaScriptを用いず、CSSのみでアコーディオンアニメーションdivボックスを実現します。ページを読み込んだ際に開いた状態とならないよう、ラジオボタンとチェックボックスの２つをフラグとして利用します。CSSのみで実現できる限界点の一つ。
HTML&CSS text-shadow 文字に影をつける コピペで使えるHTML+CSS
テキスト、文字について影をつけるtext-shadowプロパティの使い方。各パラメーターの設定とその効果を具体的に例示しながら解説します。span要素とセットで使いましょう。
HTML&CSS リアルな蛍光マーカーを引く コピペで使えるHTML+CSS
文字に蛍光マーカーを引くためにlinear-gradientを使用します。開始位置の高さと終了位置の高さを調整し、加えてグラデーションを載せることで文字にマーカーを引いたような自然な雰囲気を再現します。ピンク、黄色、青、緑の蛍光ペンを再現！
HTML&CSS divを水平方向に均等配置する コピペで使えるHTML+CSS
ここでは複数のdivを間隔をあけた上で水平方向に均等配置する方法を紹介します。水平方向に均等配置justify-contentを用いるdiv-box-1div-box-2div-box-3div-box-4スタイルシートで記述<div class="div-equal-box"> <div>div-box-1</div...
HTML&CSS 文字を徐々に表示するアニメーションをCSSで コピペで使えるHTML+CSS
文字を徐々に表示するアニメーション。トップページなどで大きな文字とともに用いると効果的です。文字を徐々に表示 (透明度の操作)これからの未来へ向けて新しいご提案スタイルシートで記述<span class="animation1" style="font-size: 36px;">これからの未来へ向けて新しいご提案</s...
HTML&CSS 画像を徐々に表示するアニメーションをCSSで コピペで使えるHTML+CSS
画像、img要素を徐々に表示するアニメーション。opacityを使って透明度を操作します。画像imgを徐々に表示 (透明度の操作)スタイルシート属性で記述<img class=""animation1" src="sakura.jpg" />@keyframes open-keyanime1{ /* アニメーションの動...