雑記 ホームジムのプーリー交換
2020年の2月にIROTECのオリンピアジム2020を購入したのですが、先日プーリー（滑車部分）のベアリングが逝かれたのでベアリング部分のみ交換しました。
購入前から、コバキンさんのブログでプーリーが壊れやすいということを聞いていたので...
雑記 
備忘録 Vue.js 3.0で導入予定のCompositionApi について
※この記事は2020年2月22日に試したものです。現在はVue3.0リリースされています。
Vue.js 3.0の主要な変更点
Composition API
仮想DOMの書き換えパフォーマンスの向上
TypeScriptサポ...
雑記 サイクリング~相模湖へ紅葉を見に行く~（2019/12/08）
健康のため、70kmほど走ってきました。
高尾山麓も登山客で賑わっていました。
相模湖大垂水峠の紅葉
備忘録 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 :配...