STUDY MEMO

学習のメモ書き

<Ruby on Rails> credentials.yml.encの設定方法

credentialsとは credentials.yml.enc 中身を見るコマンド 編集するコマンド アプリケーションからcredentialsを参照 参考文献 credentialsとは production環境用の秘密情報の管理をするためにRails5.2でcredentialsという機能が追加された。 これが導入され…

<VSC> draw.io拡張機能

拡張機能でフローチャートが作図できるdraw.ioの拡張機能。 インストールするとdraw.ioがVSCode上で記載できるようになる。 公式を見ると、拡張子は.drawio.svgと.drawio.pngが推奨されている。 参考文献 GitHub - hediet/vscode-drawio: This unofficial ex…

<JavaScript> jQueryのメソッド、イベントについて

主要なメソッド 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…

<Ruby on Rails エラー編> rails -vをすると大量にignoring nokogiriが吐き出された

発生したエラー 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 ..…

<JavaScript> jQueryの基本構文、セクレタについて

jQueryとは 使用方法 基本的な記述方法 セクレタ タイプセクレタ(=要素セクレタ) クラスセクレタ IDセレクタ グループセクレタ スペース区切り jQueryとは JavaScriptのコードを簡単に使えるようにしたライブラリ(コード集)。 使用するとwebページにさまざま…

< コマンド > yarn

YarnとはJavaScriptソフトウェアの依存関係を管理するプログラムのこと Yarnのバージョンを確認 $ yarn -v Yarnと依存関係にあるソフトウェアのバージョンを確認 $ yarn versions 参考文献 https://classic.yarnpkg.com/en/docs/install/#mac-stable

< コマンド > nodenv

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のバージョン確認 $ rails -v インストール済みのRubyの確認 $ gem info -e rails Railsのインストール $ gem install rails -v バージョン Railsのバージョン指定はアプリケーション作成時に行う $ rails _バージョン_ new アプリケーション名

< コマンド > rbenv

インストール済みのRubyの確認 $ rbenv versions インストールされてないRubyのバージョンのうち、インストール可能なバージョンを確認 $ rbenv install --list Rubyのインストール $ rbenv install バージョン 特定のディレクトリでバージョンを適用 $ rben…

< コマンド > npm

バージョン確認 npm -v npm -version グローバル設定 npm -g

< nodebrew > Permission deniedの対処法

エラー発生 nodebrewのインストールの際、以下のエラーが出た。 Permission denied @ dir_s_mkdir - /private/tmp/homebrew20201025-17620-12ps03o permission deniedはアクセス拒否、後ろのdir_s_mkdirはちょっと意味がわからなかったが、 調べたところ、権…

< コマンド > vim

移動 h:左へ移動 j:下へ移動 k:上へ移動 l:右へ移動 5lと打つと、右5つ移動する。 0:行の先頭へ移動(インデント無視) ^:行の先頭 $:行の末尾 +:下の行の先頭へ -:上の行の先頭 gg:ファイル先頭に戻る Shift + g:ファイル末尾に進む Shift + m:カ…

< Node.js > ツイートを取得して、aws comprehendで解析する

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: "…

< 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() } //…

スプレットシートのショートカット一覧

スプシのショートカットの備忘録。 引用は Google スプレッドシートのキーボード ショートカット - パソコン - ドキュメント エディタ ヘルプ 一般的な操作一覧 列を選択 Ctrl+Space 行を選択する Shift+Space すべて選択 ⌘+A, ⌘+shift+space 元に戻す ⌘+Z …