JavaScript/TypeScript

this.focusElement = document.activeElement;

this.focusElement = document.activeElement;

// GitHubのAPIを使用してリポジトリ情報を取得するAPIクライアントの例
function getGitHubRepositoryInfo(username, repositoryName) {
    const url = `https://api.github.com/repos/${username}/${repositoryName}`;

    // GitHub APIにGETリクエストを送信し、レスポンスを取得
    return fetch(url)
        .then(response => {
            if (!response.ok) {
                throw new Error('Network response was not ok.');
            }
            return response.json();
        })
        .then(repositoryInfo => {
            // レスポンスが成功した場合、リポジトリ情報を返す
            return repositoryInfo;
        })
        .catch(error => {
            console.error('There has been a problem with your fetch operation:', error);
        });
}

// 例としてOpenAIのGPT-3リポジトリ情報を取得する
const username = "openai";
const repositoryName = "gpt-3";

getGitHubRepositoryInfo(username, repositoryName)
    .then(repoInfo => {
        if (repoInfo) {
            console.log("リポジトリ情報:");
            console.log(`名前: ${repoInfo.name}`);
            console.log(`説明: ${repoInfo.description}`);
            console.log(`スター数: ${repoInfo.stargazers_count}`);
            console.log(`フォーク数: ${repoInfo.forks_count}`);
        } else {
            console.log("リポジトリ情報を取得できませんでした");
        }
    });

# OpenAPI Generatorをインストール
npm install @openapitools/openapi-generator-cli -g

# JavaScriptのクライアントコードを生成
openapi-generator-cli generate -i openapi.yaml -g javascript -o ./generated-client

// 生成されたクライアントコードを利用してAPIを呼び出す例
const MyApiClient = require('./generated-client'); // 生成されたクライアントコードのパスを指定

const client = new MyApiClient.DefaultApi();

// 生成されたクライアントコードの関数を使ってAPIを呼び出す
client.getSomeData()
    .then(response => {
        console.log('APIからのレスポンス:', response);
    })
    .catch(error => {
        console.error('API呼び出しでエラーが発生しました:', error);
    });

関数名.apply(関数の処理の対象となる要素,関数で使う引数(配列のみ) );

// http://example.com/hoge/?a=1#foo
const newUrl = new URL(window.location.href)

const params = new URLSearchParams(window.location.search);
console.log(params.toString());

// console
a=1

console.log(Array.from([1, 2, 3], (x) => x + x));
// console
// 2,4,6

// ジェネリクス例
type MyPick<TodoArg, KeyArg extends keyof TodoArg> = {
  [key in KeyArg]: TodoArg[key]
}

// これを第一引数に入れてる
interface Todo {
  title: string
  description: string
  completed: boolean
}

// 実際に使用するとこんな感じ
MyPick<Todo, "title">

MyPick<Todo, "title" | "description">

MyPick<Todo, "title" | "description">
↓
interface expectedType {
  title: string
  description: string
}

// Readonly例
type MyReadonly<T> = {
  readonly [P in keyof T]: T[P]
}

// これを第一引数に入れてる
interface Todo {
  title: string
  description: string
  completed: boolean
  meta: {
    author: string
  }
}

// 実際に使用するとこんな感じ
MyReadonly<Todo1>

interface Person {
    name: string,
    age: number
}

interface PersonDetail extends Person {
    birthplace: string,
    adress: string,
    .......
}


// PersonDetailは以下と同じになる
interface PersonDetail {
    name: string,
    age: number,
    birthplace: string,
    adress: string,
    .......
}

type First<T extends any[]> = T extends [] ? never : T[0]

// 例
type TupleToObject<T extends readonly PropertyKey[]> = {
  [P in T[number]]: P
}

// それぞれの型
const sym1 = Symbol(1)
const sym2 = Symbol(2)
const tupleSymbol = [sym1, sym2] as const

// 実際に使用するとこんな感じ
TupleToObject<typeof tupleSymbol>

type Length<T extends readonly any[]> = T["length"]

Length<typeof tesla>

const tesla = ["tesla", "model 3", "model X", "model Y"] as const