type-challenges解いてみた 初級 3057 Push
問題 Array.pushのジェネリックバージョンを実装します。 例えば： ```typescript type Result = Push<[1, 2], '3'> // [1, ...
0
0
Comment0
98 search resultsShowing 1~20 results
Stocked
You need to log-in
type-challenges解いてみた 初級 533 Concat
問題 JavaScript の`Array.concat`関数を型システムに実装します。この型は 2 つの引数を受け取り、受け取ったイテレータの要素を順に含む新しい配列を返します。 例えば： `...
0
0
Comment0
【便利Chrome拡張】選択したテキストとそのページのリンクを任意の形式でクリップボードに保存する拡張機能
表題の通り、今回は選択したテキストとそのページのリンクを任意の形式でクリップボードに保存する拡張機能のコードを紹介します。 自分で使っていてとても便利なので、ぜひ使ってみてください。 公開済みの...
0
1
Comment0
TypeScriptでテンプレートリテラルを使ってちょっと面白い型をつくる
今回は TypeScript でテンプレートリテラルを使ってちょっと面白い型をつくってみます。 実用性とか度外視で、テンプレートリテラルはこういうこともできるんだなあと思って思いついたものを紹介...
0
0
Comment0
エラー 「ERROR: 'OpenSSL.crypto' has no attribute 'sign'」の解決
gcloud storage sign-urlを実行しようとしたところ、表題の通りのエラーが発生した。 解決方法 依存ライブラリのpyOpenSSLのバージョンを25.0.0から24.2.1にダ...
0
0
Comment0
type-challenges解いてみた 初級 268 easy-if
問題 条件値`C`、 `C`が truthy である場合の戻り値の型`T`、`C`が falsy である場合の戻り値の型`F`を受け取る`If`を実装します。 条件値`C` は`true`か`f...
1
0
Comment0
Reactでスクロール方向を検知する超シンプルなカスタムフック
Reactでスクロール方向を検知するhooksについて紹介・解説をします。 結論のコード export type ScrollDirection = 'up' | 'down'; export ...
0
0
Comment0
MCPサーバーを実装してCursorエディタで叩いてみる
はじめに 今回はMCPサーバーを実装して、Cursorエディタのチャットからアクセスするまでの手順を紹介します。 事前準備 プロジェクトを作成します。 mkdir mcp-test code m...
0
2
Comment0
ReactNativeでWebView内の画像をbase64に変換して取得する方法
はじめに 今回は、ReactNativeでWebView内の画像をbase64に変換して取得する方法について紹介していきます。 結論のコード // 画像URLからblobを取得し、Base64に...
0
0
Comment0
type-challenges解いてみた 初級 189 easy-awaited編
問題 Promise ライクな型が内包する型をどのように取得すればよいでしょうか。 例えば：`Promise<ExampleType>`という型がある場合、どのようにして Examp...
0
0
Comment0
type-challenges解いてみた 初級 43 - Exclude編
問題 組み込みの型ユーティリティ`Exclude <T, U>`を使用せず、`U`に割り当て可能な型を`T`から除外する型を実装します。 例えば： ```ts type Result...
0
0
Comment0
date-fns便利な関数・メソッド
はじめに date-fnsを使用する機会があり、便利だと思った関数を紹介します。 ほかにあれば随時追記していきたい... add - 指定された日付に、指定された年、月、週、日、時、分、秒を加算...
3
0
Comment1
type-challenges解いてみた 初級 14-First of Array編
問題 配列`T`を受け取り、その最初のプロパティの型を返す`First<T>`を実装します。 例えば： ```ts type arr1 = ['a', 'b', 'c'] type ...
0
0
Comment0
type-challenges解いてみた 初級 11-Tuple to Object編
問題 タプルを受け取り、その各値のkey/valueを持つオブジェクトの型に変換する型を実装します。 例えば： ```ts const tuple = ['tesla', 'model 3', ...
0
0
Comment0
type-challenges解いてみた 初級 7-Readonly編
問題 組み込みの型ユーティリティ`Readonly<T>`を使用せず、`T` のすべてのプロパティを読み取り専用にする型を実装します。実装された型のプロパティは再割り当てできません。...
0
0
Comment0
type-challenges解いてみた 初級 4-Pick編
問題 組み込みの型ユーティリティPick<T, K>を使用せず、TからKのプロパティを抽出する型を実装します。 例えば： interface Todo { title: string...
0
0
Comment0
MUIのSelectコンポーネントで青色の枠線を消す方法
はじめに 今回は、MUIのSelectコンポーネントで青色の枠線を消す方法を紹介します。 消すために割と時間を使ってしまったので、被害者がこれ以上出ないように... 解決法 sxに以下の記述をす...
0
0
Comment0
Githubのプロフィールをカスタマイズしてみよう！【おすすめライブラリ紹介】
はじめに 今回は、Githubのプロフィール(README.md)をカスタマイズする方法を紹介します。 Githubのプロフィールをカスタマイズすると気分が上がりますし、自分のスキルや興味をアピ...
0
1
Comment0
TypeScriptのユーティリティ型を理解する
はじめに 今回は、TypeScriptが提供する主要なユーティリティ型について解説します。 ユーティリティ型とは ユーティリティ型(utility type)は、型から別の型を導き出してくれる型...
0
0
Comment0
【json-server】json-serverのレスポンスをTypeScriptの型で縛りたい！
はじめに 今回は、json-serverのレスポンスをtypescriptの型で縛って型安全なモックサーバーを作成する方法を紹介します。 今回の構成・できること 今回紹介するjson-serve...
1
0
Comment0
98 search resultsShowing 1~20 results
Qiita is a knowledge sharing service for engineers.
- You can follow users and tags
- You can stock useful information
- You can make edit suggestions for articles