備忘録

備忘録

googleでネットワークが遅い状態をシミュレートする

結論 開発者ツールを開き、NetworkタブのOnlineのプルダウンでslow 3Gを選択する
備忘録

Linuxコマンドのalias作成方法

ホームディレクトリに.bashrcファイルを作成する $ touch ~/.bashrc .bashrcファイルにaliasコマンドを追加する $ vim ~/.bashrc を実行し、.bashrcを開く 下記例のように、al...
備忘録

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 作成したグラフ...
タイトルとURLをコピーしました