credentialsとは credentials.yml.enc 中身を見るコマンド 編集するコマンド アプリケーションからcredentialsを参照 参考文献 credentialsとは production環境用の秘密情報の管理をするためにRails5.2でcredentialsという機能が追加された。 これが導入され…
拡張機能でフローチャートが作図できるdraw.ioの拡張機能。 インストールするとdraw.ioがVSCode上で記載できるようになる。 公式を見ると、拡張子は.drawio.svgと.drawio.pngが推奨されている。 参考文献 GitHub - hediet/vscode-drawio: This unofficial ex…
主要なメソッド on fadeout fadein イベント イベントの書き方 覚えておきたいイベント hoverイベント 参考文献 主要なメソッド on 例:liタグをクリックすると、アラートが発生する <body> <div> <li>あああ</li> </div> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script> <script src="script.js"></script> </body> $("li").on("click", () => { windo…
発生したエラー railsをnewした後bundle installし、ふとrails -vを押してみたら大量のignoring nokogiri ~というエラーが出た $ rails -v Ignoring nokogiri-1.10.9 because its extensions are not built. Try: gem pristine nokogiri --version 1.10.9 ..…
jQueryとは 使用方法 基本的な記述方法 セクレタ タイプセクレタ(=要素セクレタ) クラスセクレタ IDセレクタ グループセクレタ スペース区切り jQueryとは JavaScriptのコードを簡単に使えるようにしたライブラリ(コード集)。 使用するとwebページにさまざま…
YarnとはJavaScriptソフトウェアの依存関係を管理するプログラムのこと Yarnのバージョンを確認 $ yarn -v Yarnと依存関係にあるソフトウェアのバージョンを確認 $ yarn versions 参考文献 https://classic.yarnpkg.com/en/docs/install/#mac-stable
nodenvとは Nodenv…node.jsのバージョン管理ソフトウェア nodenvのインストール $ brew install nodenv // $ vim ~/.zshrcに以下を追記 $ eval "$(nodenv init -)" // Nodenv-doctorで設定されていることを確認 $ curl -fsSL <https://github.com/nodenv/nodenv-installer/raw/master/bin/nodenv-doctor> | bash Node.jsバージョン一覧 </https://github.com/nodenv/nodenv-installer/raw/master/bin/nodenv-doctor>…
Railsのバージョン確認 $ rails -v インストール済みのRubyの確認 $ gem info -e rails Railsのインストール $ gem install rails -v バージョン Railsのバージョン指定はアプリケーション作成時に行う $ rails _バージョン_ new アプリケーション名
インストール済みのRubyの確認 $ rbenv versions インストールされてないRubyのバージョンのうち、インストール可能なバージョンを確認 $ rbenv install --list Rubyのインストール $ rbenv install バージョン 特定のディレクトリでバージョンを適用 $ rben…
バージョン確認 npm -v npm -version グローバル設定 npm -g
エラー発生 nodebrewのインストールの際、以下のエラーが出た。 Permission denied @ dir_s_mkdir - /private/tmp/homebrew20201025-17620-12ps03o permission deniedはアクセス拒否、後ろのdir_s_mkdirはちょっと意味がわからなかったが、 調べたところ、権…
移動 h:左へ移動 j:下へ移動 k:上へ移動 l:右へ移動 5lと打つと、右5つ移動する。 0:行の先頭へ移動(インデント無視) ^:行の先頭 $:行の末尾 +:下の行の先頭へ -:上の行の先頭 gg:ファイル先頭に戻る Shift + g:ファイル末尾に進む Shift + m:カ…
const needle = require("needle"); const token = process.env.BEARER_TOKEN; // bearer_tokenを環境変数で設定しておく const endpointUrl = "https://api.twitter.com/2/tweets/search/recent"; async function getRequest() { const params = { query: "…
margin, padding, borderについて、ふと混乱したのでメモとして記載。 概要 設定について paddingやmarginについては、topやleftなどを使用しなくてもそれぞれ一気に設定できる。 paddingを例にすると以下の通り。 適用する場所を以下に示している。 padding…
ある時、htmlファイルの保存時自動整形が効かなくなっていることに気づいた。 いろんな拡張機能を追加していたので多分それが原因かなと思ったため、 default formatterの設定をprettierに指定してみたところ、解消した。
Emacsキーバインドとは、キーボードショートカットによるカーソル移動のこと。 移動 control + f : カーソルを右 control + b : カーソルを左 control + p : カーソルを上 control + n : カーソルを下 control + a : 行頭/段落先頭に移動 control + e : 行末…
目次の設定 Notionのpage内で /toc と入力し、Table of contentsを選択。 選択すると、見出しで目次が生成されて、クリックするとページジャンプができるようになる。 引用 www.notion.so
treeコマンドは、階層構造を確認することのできるコマンド。 導入には、homebrewを使用した。 brew install tree 使用するときは、 tree ディレクトリ名 参考文献 https://qiita.com/fujimo096/items/c890816dd395b76beae4 https://formulae.brew.sh/formula…
・rootアカウントの保護のためのMFA化(多要素認証) ・管理用のIAMユーザ作成 ・IAMパスワードポリシーの適用 ・セキュリティステータスの確認 ・請求情報の設定 ・AWSアカウントの設定 ・通知設定 ・操作履歴を残すよう設定(CloudTrailを有効化) ・IAMユ…
Macbookを再起動してもだめだったので、Dockを再起動した。 ターミナルで以下のコマンドを実行すると再起動できる。 $ killall Dock
creative cloudが使えなくなったので、再インストールしようとしたが、以下のエラーが表示された。 考察 702エラーは権限の不足が原因ということらしい。 エラー対処の方法はディスクユーティリティでアクセス権を修復するように書いてあるが、 Sierra 以降…
環境設定 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のバージョ…
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"); } 条件を満たしたら終了 …
構文 function 関数名(引数){ 処理 }; 関数名(引数);で、{}内の処理が呼び出される。 引数有りの場合 function num(a) { console.log(a); } num(1); 実行結果 $ node test.js 1 引数なしの場合 function num() { console.log(1); } num(); 実行結果 $ node t…
配列 配列の宣言と要素の挿入。 要素は添字で呼び出せる。 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…
オブジェクト オブジェクトの生成は{}で任意のプロパティの組を囲むことで定義する。 オブジェクトの後に「.キー」または「[]」のなかにキーを記載することでプロパティの値にアクセスできる。 また、プロパティの削除はdeleteを使用することで実施できる。 …
typeof演算子を使用すると、型が文字列で出力される。 console.log(typeof "あ"); console.log(typeof 1); console.log(typeof true); 実行結果 $ node test.js string number boolean 参考 typeof - JavaScript | MDN
console.time()とconsole.timeEnd()を併用することで、 この2つに挟まれたプログラムの実行時間を計測することができる。 console.time('timer name') //ここの処理をタイマーで測定 let sum = 0; for(let i = 0; i<10000; i++){ sum += Math.random() } //…
スプシのショートカットの備忘録。 引用は Google スプレッドシートのキーボード ショートカット - パソコン - ドキュメント エディタ ヘルプ 一般的な操作一覧 列を選択 Ctrl+Space 行を選択する Shift+Space すべて選択 ⌘+A, ⌘+shift+space 元に戻す ⌘+Z …