Programming Self-Study Notebook

勉強したことを忘れないように! 思い出せるように!!

「Swagger関連の記事」のまとめ

自分がswaggerに関して学んだ内容の一覧です。 基礎知識 Swaggerの基礎知識 運用 Swaggerサイトを「git+dockerコンテナ」で管理する その他 Dockerと連携してSwaggerによるWebAPIの仕様書を作成した際のメモ swaggerサイトの構築(docker-compose.yaml) その…

Swaggerの基礎知識

Swaggerとは OAI(Open API Initiative)が採用しているREST APIを構築するためのオープンソースのフレームワーク Swagger Spec(Swagger Specification) Swaggerの仕様に準じた、RESTful APIインターフェイスを記述するためのフォーマット YAMLやJSON形式で…

swaggerサイトの構築(docker-compose.yaml)

事前調査(dockerhub) swaggerapi/swagger-ui redocly/redoc ポイント ローカル環境のディレクトリ構成 docker-compose.yaml docker-compose up実行結果 ローカルサイトにアクセスする swagger-UIサイト redocサイト コンテナを停止する swagger-UI、及び、…

Dockerfileの基本的なコトのメモ

Dockerfileによる構成管理 Dockerfileとは Dockerfileの基本構文 Dockerfileの作成 Dockerfileのビルドとイメージレイヤー DockerfileからDockerイメージの作成 docker buildコマンド 構文 入力サンプル Dockerイメージを確認する Dockerイメージのレイヤー…

docker-composeの基本的なコトのメモ

docker-composeとは? docker-composeを使うための工程 工程1.個々のコンテナのDockerfileの作成 工程2.docker-compose.ymlの作成 工程3.docker-compose up(コンテナの生成+起動)の実行 docker-composeの基本コマンド docker-compose build --no-ca…

GitHubのアカウントを作成した時のメモ

GitHubアカウントを作成したときの記録を残しておきます。 作成動機 手順 1.サイトへ移動する 2.アカウント情報を入力 3.パズルを解く 4.プランを選択する 5.アンケートに答える 6.メールを確認する 6.登録完了メールが届く 作成動機 <>なぜアカウントを作成…

JavaScriptで配列やオブジェクトをコピーする

新しいオブジェクトに既存のオブジェクトを代入するだけでは、 別のオブジェクトを作成したことになりません。 既存のオブジェクトに影響を与えないような、別のオブジェクトを新規で作成する方法を記述します。 方法:オブジェクトのディープコピーを作成す…

Base32ってのもあるらしい

Base32とは 任意のデータを32種類の英数字に変換するエンコード方式。 大文字、小文字の区別がない環境でも利用可能 40bit(5文字)を8文字に変換していく 40bitに満たない場合は=でパディングする 種類 例 数 文字 A~Z 26種 数字 2~7 6種 合計 合計 32種 そ…

Base64についての事前学習

『JavaScriptはたまに使う』程度の筆者による、メモ書き程度の内容です。 Base64とは 任意のデータを64種類の英数字に変換するエンコード方式。 取扱いが可能なことが多い半角英数字(64種)に変換したうえでデータを扱う 種類 例 数 小文字 a~z 26種 大文…

JavaScriptの文法(例外とエラー処理)

Errorオブジェクト 例外処理(try...catch) 例外のスロー 例外処理とコールスタック try...catch...finally 例外処理は例外に限る 参考文献 Errorオブジェクト JavaScriptに用意されているオブジェクト インスタンスを生成するだけでは何も起こらない // イ…

JavaScriptの文法(マップとセット)

マップ(Map) ウィークマップ(WeakMap) セット(Set) ウィークセット(WeakSet) 参考文献 せっかくMap、Setが使えるのだからObjectを使うと決定する前に、Map、Setが使えないか?を考えるべき。 マップ(Map) オブジェクトの特徴(マップの違い) キー…

JavaScriptの文法(配列)

配列の基本 配列要素の操作 先頭・最後の要素に対する操作 複数要素の追加 部分配列 途中の要素の削除や途中の要素への追加 配列内の要素の削除や置換 配列を特定の値で埋める 逆転とソート 検索 indexOf(指定した値と最初に一致する要素の添え字番号を返す…

moment().isValid()がバグってる!?

24時00分00秒がtrue!?に納得できない。 やったこと その1:厳密比較(があるらしい)→ 試してみた→ 変化なし 1-1:リファレンスをよく読む 1-2:厳密比較を試してみた その2:問い合わせてみる リファレンスサイト上から問い合わせる stackoverflow(BETA…

JavaScriptで配列から重複する要素を取り除く

方法1:filterメソッドとindexOfメソッドを利用する const list = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun', 'Sun', 'Sun']; const day = list.filter((x,i,self) =>{ return self.indexOf(x) === i; }) console.log(day); // ["Sun", "Mo…

JavaScriptで配列の要素数を調べる

方法①:lengthを使用する a=[1,2,3]; console.log(a.length>3); 方法②:inを使用する a=[1,2,3]; console.log(3 in a); Arrayオブジェクトの場合、in演算子によってインデックスが存在するかを検査できる。 その他の記事について overworker.hatenablog.jp

JavaScriptで文字数をカウントする

方法1:.lengthで数える(×) 方法2:配列に変換する(〇) 方法3:配列に変換する(スプレッド構文を使用する)(〇) その他の記事について 文字数制限がある場合等、文字数を正確にカウントするときの処理 方法1:.lengthで数える(×) // 半角英数字…

JavaScriptで数値文字列を0で桁数をそろえる

桁数(文字数)が合わない数字等の桁あわせを実施する処理 方法1:sliceを使用する 方法2:padStartを使用する(ES2017) その他の記事について 方法1:sliceを使用する // 3桁で合わせる場合 a=1; a=('00'+a).slice(-3); console.log(a); // '001' 方法…

JavaScriptの文法(スコープ)

スコープと存在 静的スコープと動的スコープ グローバルスコープ ブロックスコープ 変数の隠蔽 関数、クロージャ、静的スコープ IIFE(即座に実行される関数) 関数のスコープと巻き上げ 関数の巻き上げ TDZ(Temporal Dead Zone) strictモード 参考文献 変…

JavaScriptの文法(関数)

戻り値 呼び出しと参照 関数の引数 引数と関数 オブジェクトのメソッド this 関数式と無名関数 アロー演算子 call、apply、bind call apply bind 参考文献 戻り値 関数の値はreturnを使って呼び出し元に戻します。 関数からreturnで戻らない場合や値が指定さ…

JavaScriptの文法(演算子)

算術演算子 比較演算子 厳密等価演算子と等価演算子 関係演算子 文字列連結 論理演算子 条件演算子 カンマ演算子 グループ化演算子 ビット演算子 typeof演算子 void演算子 代入演算子 分割演算子 オブジェクト演算子と配列演算子 参考文献 算術演算子 演算子…

JavaScriptの文法(制御フロー)

制御フローの例外 制御フロー while文 if...else文 do...while文 for文 switch文 for...inループ for...ofループ 参考文献 制御フローの例外 語句 内容 break ループを途中で抜ける continue ループ内で、実施中の繰り返し処理を終了して、次の繰り返し処理…

JavaScriptの文法(変数・定数・リテラル・データ型)

「変数と定数」と「リテラル」 プリミティブ型とオブジェクト 数値 文字列 引用符 エスケープ テンプレートリテラル 複数行にわたる文字列 文字列としての数値 論理値 シンボル nullとundefined オブジェクト 配列 日時 正規表現 MapとSet データの型変換 数…

VSCode おすすめ拡張機能(プラグイン)

私が追加したプラグインに関するメモです。 2020.7.7時点 基本中の基本 アイコン 名称 機能 Japanese Language Pack for Visual Studio Code 日本語用言語パック拡張 コーディングアシスト アイコン 名称 機能 zenkaku 全角スペースを可視化する indent-rain…

JavaScriptの「スプレッド構文」の使い方

参考文献 スプレッド構文とは 配列での使い方 基本動作 少し発展 オブジェクトでの使い方 基本動作 その他の記事について 参考文献 スプレッド構文(MDN web docs) スプレッド構文とは 配列やオブジェクトのカッコ([]とか{})を外すことができる。 const ite…

「JavaScript関連の記事」のまとめ

『JavaScriptはたまに使う』程度の筆者による、メモ書き程度の内容です。 基本的な文法(全体像) JavaScriptの文法(変数・定数・リテラル・データ型) JavaScriptの文法(制御フロー) JavaScriptの文法(演算子) JavaScriptの文法(関数) JavaScriptの…

moment.jsの使い方(日時に関する判定)

参考文献 日時に関する判定を実施する 日時の妥当性の確認 二つの日時の前後関係を判定する 閏年を判定する モーメントオブジェクトであることを判断する デイトオブジェクトであることを判断する その他の記事について 『JavaScriptはたまに使う』程度の筆…

moment.jsの使い方(日時の加算・減算)

参考文献 日付の計算を実施する 差分の日時を指定する 二つの日時の差を取得する 現在時刻との差を求める その他の記事について 『JavaScriptはたまに使う』程度の筆者による、メモ書き程度の内容です。 moment.jsとはJavasSriptで日時計算を楽にしてくれる…

moment.jsの使い方(現在時刻の取得、登録、取得)

参考文献 現在時刻を取得する 日付の登録 日付の変更 日付の取得 その他の記事について 『JavaScriptはたまに使う』程度の筆者による、メモ書き程度の内容です。 moment.jsとはJavasSriptで日時計算を楽にしてくれるライブラリーです。 参考文献 公式サイト…

moment.jsの使い方(日時のフォーマット)

参考文献 フォーマットの指定の仕方 よく使いそうな組み合わせ よく使いそうな記号 年・月・日・週 時・分・秒 ローカライズされた形式 その他 その他の記事について 『JavaScriptはたまに使う』程度の筆者による、メモ書き程度の内容です。 moment.jsとはJa…

Dockerコマンド(ステータス遷移)

ステータスを確認する docker psコマンド (よく使う)入力サンプル ステータス遷移コマンド docker create docker run 構文 オプション 入力サンプル docker start 構文 オプション 入力サンプル docker stop 構文 オプション 入力サンプル docker restart …