Skip to content

Instantly share code, notes, and snippets.

View yukikim's full-sized avatar
😵
It is busy

takayuki_kimura yukikim

😵
It is busy
1 follower · 1 following
  • Japan
View GitHub Profile
@yukikim
yukikim / Test.md
Created August 22, 2025 00:50
vitest でtanstack query のdataに任意の値を

なるほど 👍 「Vitest で TanStack Query の data に任意の値を設定する方法」を詳しく解説します。 テストのときに API を呼ばずにデータを流し込みたいケースですね。

方法は主に以下の3つです：

① queryClient.setQueryData を使う（テストで一番使いやすい）

@yukikim
yukikim / gist:4eefcb68e314cc74ebd688b7a4201da7
Last active August 21, 2025 21:10
Nuxtjsでjest

なるほど 👍 Nuxt.js + TanStack Query + Jest で「APIを呼び出して取得したデータを表示するコンポーネント」をテストするサンプルを紹介します。 ここでは 疑似 API をモック化 し、useQuery が返すデータをテスト対象のコンポーネントに流す例を示します。

前提

  • Nuxt 3
  • @tanstack/vue-query 使用
@yukikim
yukikim / memo.md
Created March 19, 2025 07:58
カーソルでインサート

PL/SQLでカーソルを使用してテーブルにデータを挿入する方法は、次のように行うことができます。以下は、カーソルを使って他のテーブルからデータを取得し、あるテーブルに挿入する例です。

例: カーソルを使ったデータ挿入

  1. テーブルの作成: まず、データを挿入するテーブルとデータを取得するテーブルを作成します。
CREATE TABLE source_table (
    id NUMBER,
 name VARCHAR2(50)
@yukikim
yukikim / memo4.md
Created March 18, 2025 01:12
ストアドパッケージ実行ファイル

OracleのストアードプロシージャやパッケージをRHEL（Red Hat Enterprise Linux）上で実行するためのシェルスクリプトを作成する手順を以下に示します。この手順では、sqlplus コマンドを使用して Oracle データベースに接続し、ストアードパッケージを実行します。

前提条件

  1. Oracle Databaseがインストールされていること。
  2. sqlplus が使用できること。
  3. Oracleの接続情報（ユーザー名、パスワード、ホスト名、サービス名など）がわかっていること。

スクリプトの作成手順

  1. エディタを開く
@yukikim
yukikim / memo.md
Created March 17, 2025 23:46
ストアードパッケージ例

Oracleでストアードパッケージを作成し、任意のテーブルのデータを別のテーブルにコピーする方法について説明します。以下は、基本的な手順とサンプルコードです。

ステップ1: ストアードパッケージの作成

  1. パッケージの定義：パッケージのインターフェース部分を定義します。
  2. パッケージの本体：パッケージの実装部分を作成します。

サンプルコード

以下は、source_tableからtarget_tableにデータをコピーするパッケージの例です。

@yukikim
yukikim / pkg.md
Created March 14, 2025 05:43
DBパッケージ作成

はい、Oracle Databaseでは、パッケージをファイルとして作成し、ファイルシステムに保存することができます。これには、通常SQL*PlusやSQL Developerなどのデータベースツールを使用します。以下は、Oracleのパッケージをファイルとして作成する一般的な手順です。

  1. パッケージの作成： まず、SQL*PlusまたはSQL Developerを使用して、PL/SQLパッケージを作成します。パッケージは、ヘッダー部分とボディ部分の2つの部分から構成されます。

    CREATE OR REPLACE PACKAGE my_package AS
    PROCEDURE my_procedure;
END my_package;
@yukikim
yukikim / sample.md
Created December 1, 2024 16:39
配列の差異

TypeScriptで2つの配列の違いを抽出するには、配列の比較を行い、片方にのみ存在する要素を特定するロジックを実装します。これには、filterやSetを利用した方法が一般的です。

以下に具体例を示します。

実装例 1: シンプルな方法

function arrayDifference<T>(array1: T[], array2: T[]): T[] {
@yukikim
yukikim / note.md
Created December 1, 2024 16:31
オブジェクトのキーを配列にする

ネストしたオブジェクトのすべてのキーを配列として取得するには、再帰的にObject.keys()を使ってネストされた部分まで探索する必要があります。

以下に、ネストされたオブジェクトからすべてのキーを取得する方法を示します。

実装例

type NestedObject = {
  [key: string]: any;
};
@yukikim
yukikim / sample.md
Created November 26, 2024 09:10
fetchを使ってsubmit

HTMLのフォームのsubmitイベントで、JavaScriptのfetchを使用してPOSTリクエストを送信する方法を以下に示します。

1. 基本的なHTMLフォーム

HTMLファイルには最低限のフォームを作成します。

<!DOCTYPE html>
<html lang="ja">
@yukikim
yukikim / sample.md
Created November 19, 2024 08:25
fetchでget

fetch の GET メソッドでは、通常リクエストボディを送信することはできません。しかし、JSONデータを送信したい場合は、クエリパラメータとしてURLに含めるのが一般的です。以下にその具体例を示します。

例: TypeScriptでJSONデータをクエリパラメータとして送る方法

const fetchJsonData = async () => {
  const baseUrl = "https://example.com/api";
  
  // JSONデータをクエリパラメータに変換
 const data = {