STUDY MEMO

学習のメモ書き

2021-04-01から1ヶ月間の記事一覧

< CSS > marginとpaddingとborderについて

CSS

margin, padding, borderについて、ふと混乱したのでメモとして記載。 概要 設定について paddingやmarginについては、topやleftなどを使用しなくてもそれぞれ一気に設定できる。 paddingを例にすると以下の通り。 適用する場所を以下に示している。 padding…

<VSC> htmlの自動補完が効かなくなった時の対処法

ある時、htmlファイルの保存時自動整形が効かなくなっていることに気づいた。 いろんな拡張機能を追加していたので多分それが原因かなと思ったため、 default formatterの設定をprettierに指定してみたところ、解消した。

<MAC関連> Emacsキーバインド一覧

Emacsキーバインドとは、キーボードショートカットによるカーソル移動のこと。 移動 control + f : カーソルを右 control + b : カーソルを左 control + p : カーソルを上 control + n : カーソルを下 control + a : 行頭/段落先頭に移動 control + e : 行末…

< notion > ページ内の目次の作成

目次の設定 Notionのpage内で /toc と入力し、Table of contentsを選択。 選択すると、見出しで目次が生成されて、クリックするとページジャンプができるようになる。 引用 www.notion.so

< homebrew> treeのインストール

treeコマンドは、階層構造を確認することのできるコマンド。 導入には、homebrewを使用した。 brew install tree 使用するときは、 tree ディレクトリ名 参考文献 https://qiita.com/fujimo096/items/c890816dd395b76beae4 https://formulae.brew.sh/formula…

<AWS> AWS運用でアカウント取得した後やったほうがいいことリスト

AWS

・rootアカウントの保護のためのMFA化(多要素認証) ・管理用のIAMユーザ作成 ・IAMパスワードポリシーの適用 ・セキュリティステータスの確認 ・請求情報の設定 ・AWSアカウントの設定 ・通知設定 ・操作履歴を残すよう設定(CloudTrailを有効化) ・IAMユ…

<MAC関連> Dock上のアプリが反応しない

Macbookを再起動してもだめだったので、Dockを再起動した。 ターミナルで以下のコマンドを実行すると再起動できる。 $ killall Dock

adobeのインストールエラー対処

creative cloudが使えなくなったので、再インストールしようとしたが、以下のエラーが表示された。 考察 702エラーは権限の不足が原因ということらしい。 エラー対処の方法はディスクユーティリティでアクセス権を修復するように書いてあるが、 Sierra 以降…

< Node.js > twitter API v2のツイート取得

環境設定 You will need to have Node.js installed to run this code. All Node.js examples use needle as the HTTP client, which needs to be npm installed. For OAuth with user context requests, you'll need to install the got and oauth-1.0a pac…

< コマンド > ターミナル

環境変数についてのコマンド 環境変数を追加 環境変数の内容を確認する 環境変数を削除 環境変数の設置 環境変数の一覧 操作関連 finderを開く ディレクトリ関連 今どこのディレクトリにいるか調べる 隠しファイルやフォルダを表示 ruby関連 Rubyのバージョ…

<JavaScript> for文、while文

for文 let fruits = ["banana", "apple", "lemon"]; for (let i = 0; i < fruits.length; i++) { console.log(fruits[i]); } 実行結果 $ node test.js banana apple lemon while文 無限ループ while (true) { console.log("hello"); } 条件を満たしたら終了 …

<JavaScript> 関数

構文 function 関数名(引数){ 処理 }; 関数名(引数);で、{}内の処理が呼び出される。 引数有りの場合 function num(a) { console.log(a); } num(1); 実行結果 $ node test.js 1 引数なしの場合 function num() { console.log(1); } num(); 実行結果 $ node t…

<JavaScript> 配列

配列 配列の宣言と要素の挿入。 要素は添字で呼び出せる。 let array = [1, 2, "str", {}]; console.log(array[0]); console.log(array[1]); console.log(array[2]); console.log(array[3]); $ node test.js 1 2 str {} 配列の追加 後ろから追加するのは.pus…

<JavaScript> オブジェクト

オブジェクト オブジェクトの生成は{}で任意のプロパティの組を囲むことで定義する。 オブジェクトの後に「.キー」または「[]」のなかにキーを記載することでプロパティの値にアクセスできる。 また、プロパティの削除はdeleteを使用することで実施できる。 …

<JavaScript> 型の判別

typeof演算子を使用すると、型が文字列で出力される。 console.log(typeof "あ"); console.log(typeof 1); console.log(typeof true); 実行結果 $ node test.js string number boolean 参考 typeof - JavaScript | MDN

< Node.js > プログラムの実行時間を取得する

console.time()とconsole.timeEnd()を併用することで、 この2つに挟まれたプログラムの実行時間を計測することができる。 console.time('timer name') //ここの処理をタイマーで測定 let sum = 0; for(let i = 0; i<10000; i++){ sum += Math.random() } //…