雑記 サイクリング~相模湖へ紅葉を見に行く~（2019/12/08）
健康のため、70kmほど走ってきました。
高尾山麓も登山客で賑わっていました。
相模湖大垂水峠の紅葉
mogataro
雑記 
備忘録 borderで作るカスタムCheckbox
ポイント
TABでフォーカスできるようにinput要素はdisplay:none;にはしない。
間接セレクタ(~)を使用することで、input要素がcheckedになった時のCSSを兄弟セレクタに当てる。
サンプルコード
...
備忘録 ヘッダー固定のレイアウトテンプレート
ポイント
ヘッダー自体にheightをもたせることで、mainをヘッダーに隠れないように表示できる。
body に、height: 100%;をもたせることで、web viewを100%とする。
headerにflex-shr...
備忘録 擬似クラス、擬似要素まとめ
シンプルセレクタ
ダイナミック擬似クラス（リンク擬似クラス）
:link リンク先に未アクセスの要素
:visited リンク先にアクセス済要素
ダイナミック擬似クラス(ユーザアクション擬似クラス)
:hover カーソルを重...
備忘録 Nuxt+typescriptでドラッグイベントを試す
デモページ
GitHub
備忘録 【React】vueのv-htmlに該当するもの
dangerouslySetInnerHTMLを使用する
備忘録 【React】dotenvメモ
インストール
yarn add dotenv
envファイルへの記法
REACT_APP_を接頭辞につける。
例：REACT_APP_API_KEY=hogehogehoge1234567890
環境変数の呼び出し
dotenvをimpor...
備忘録 【React】PropTypesのメモ
import文
import PropTypes from 'prop-types'
型の指定
PropTypes.number :数値
PropTypes.string :文字列
PropTypes.array :配...
備忘録 nuxtでvue2-highchartsを使って折れ線グラフを描写してみた
nuxtでvue2-highchartsを使って折れ線グラフを描写してみた
vue2-highchartsはhighchartsをvue2.xで使用できるようにしたライブラリです。
作成したグラフページとGitHub
作成したグラフ...
備忘録 iPadなどのタブレットでのheight(vh)が
PCブラウザとずれる現象の対策
結論
CSSStyleDeclaration.setProperty()を使用してvhを再定義する
原因
タブレットなどではvhの高さにメニューバーの高さも含まれてしまうため。
参考
CSSStyleDeclaration.setPrope...