LeeDDHH

[
  {
    "id": 0,
    "content": "「遊び」って本気でやると「学び」になり、突き詰めていくと「スキル」になる"
  },
  {
    "id": 1,
    "content": "運動していることは、自分の無気力と絶望感を克服したという意味でもある"
  },
  {

LeeDDHH

スケルトン・ローディング

.skeleton {
  background-image: linear-gradient(
    90deg,
    #eee 0%, #eee 40%, #ddd 50%, #ddd 55%, #eee 65%, #eee 100%
  );
  background-size: 400%;
 animation: skeleton 1.5s infinite;

LeeDDHH

mov形式からmp4形式に変換する

ffmpeg -i input.mov -qscale 0 output.mp4

webm形式からmp4形式に変換する

ffmpeg -i input.webm output.mp4

LeeDDHH

前提

• ローカルのKindleを更新し、ライブラリの書籍一覧を最新化する

手順

全ての手持ち電子書籍の情報を取得する

• Macの場合、以下のファイルパスに全ての手持ち電子書籍の情報が入っている

LeeDDHH

日本時刻を基準にISO8601形式の日付を「hh:mm」形式で整形する

const ISO8601 = '2022-05-19T17:00:00+09:00';
const hourMinutes = new Date(ISO8601)
    // ロケールを日本に指定
    // 「言語コード-国コード」形式の引数とtimeZoneの指定
    // → 2022/5/19 17:00:00
    .toLocaleString('ja-JP', { timeZone: 'Asia/Tokyo' })
 // スペースで日付と時間を区切る

LeeDDHH

undefinedが含まれた配列からundefinedを取り除く

例

// stringとundefinedが混合する配列
const items: (string | undefined)[] = ['a', undefined, 'b', undefined, 'c']

// Exclude<T,U>でT型にあるプロパティからU型に代入可能なプロパティを取り除いた型を構築する
// Excludeの場合、itemにあるundefinedを取り除いた型を定義する

LeeDDHH

2つの配列を比較をして片方には存在しない差分を取得する

前提

• 比較元となる配列は比較先の配列より要素数が多いか等しい

例

const array1 = [1, 2, 3, 4, 5, 6];

LeeDDHH

確認環境

Node.js	18.0.0
npm	8.6.0

---

HerokuにNest.jsのコードをデプロイするためにやること

LeeDDHH

JavaScriptを補完する Node.jsの標準モジュール

モジュール名	requireのモジュール名	説明
Assertion	assert	テストに使用する
Async Hooks	async_hooks	非同期処理をするときに使用する
Buffer		バイナリデータ用ストリームオブジェクトを扱うときに使用する
C++ Addons		C++で書いた動的にリンクした共有オブジェクトを使用できる
Child Processes	child_process	外部プログラムの実行など子プロセスを実行、管理する
Cluster	cluster	複数の子プロセスを実行、管理する

LeeDDHH

TypeScript

• TypeScript: JavaScript With Syntax For Types.

React

• React Playground