備忘録 ヘッダー固定のレイアウトテンプレート
ポイント
ヘッダー自体に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...
備忘録 Laravelの.htaccessファイルについて
.htaccessはドットエイチティーアクセスって読む。
publicフォルダに以下の.htaccessをおく
ほぼ理解できていないのですが、リダイレクトの設定をしているみたいです。
これを置いていなかったため、index以外のページ...
備忘録 vueのイベントハンドラ(v-on)
@focus フォーカス時
@blur フォーカスが外れた時
@change value変更時
@click クリック時(同じ要素内でマウスボタンを押して離した後で発生)
@dblclick ダブルクリック時
@submi...