web備忘録– category –
普段はwebのほうの仕事も多いのでそちらのお勉強の際のちょっとしたメモ書きです。
-
[npm] copyNameManager v0.3.2 released!
[npm] copyNameManager v0.3.2 released! bug fix https://github.com/kenmori/copy-name-manager/issues/9 https://stackblitz.com/edit/vitejs-vite-fu6pe5?file=package.json -
[npm] copyNameManager 0.3.0
[npm] copyNameManager 0.3.0 https://stackblitz.com/edit/vitejs-vite-g79p9r?embed=1&file=src%2FExample.tsx release! -
[React] React v19のsandbox|example
[React] React v19のsandbox|example https://stackblitz.com/edit/vitejs-vite-n7qcji?file=src%2FApp.tsx 理解を助けてくれた記事 https://react.dev/reference/react https://run-on.dev/ja/learn/react19 https://zenn.dev/uhyo/books/react-19-new ht... -
[TypeScript] Prittifyでネストされた型を綺麗に見せる by matt
[TypeScript] Prittifyでネストされた型を綺麗に見せる by matt playground Person & {isDeveloper: boolean}を hoverすると だけれど、Prittifyを通すと このように全てが展開されるというもの type Prittify<T> = {[K in keyof T]: T[K]} &... -
[TypeScript] satisfiesの使い所、威力を発揮する時
[TypeScript] satisfiesの使い所、威力を発揮する時 mattさんの動画から playground Example 1 const score: Record<string, number> = {} // 広い型である必要がある score.english = 100 score.math = 40 // Record<string, number>は変数自... -
[npm libaray] copy-name-manager (「ファイル名のコピー」採番) JavaScript/TypeScript
[npm libaray] copy-name-manager (「ファイル名のコピー」採番) JavaScript/TypeScript copy-name-managerをリリースしました A versatile JavaScript/TypeScript library for managing and generating sequentially named copies with customizable nami... -
npm library「@kenmori/corner-islands」をpublishしました
npm library「@kenmori/corner-islands」をpublishしました [@kenmori/corner-islands] https://www.npmjs.com/package/@kenmori/corner-islands example 今芽が出てきたところですので大切に育てていこうと思います 解決すること 複数のAndとOr条件が整列... -
[TypeScript/型パズル] type-challengesやろうとしたらtypo見つけたので、PR出したらmergeされて嬉しい(よしもと芸人初のOSS活動)
[TypeScript/型パズル] type-challengesやろうとしたらtypo見つけたので、PR出したらmergeされて嬉しい(よしもと芸人初のOSS活動) と言うことで、早速やろうとしたらあれと思ってPR出したらmergeされたから 思わぬところで初OSS活動になった https://githu... -
[TypeScript/型パズル] type-challenges 解決方法 solutions
[TypeScript/型パズル] type-challenges 解決方法 solutions この記事は年末までこのtype-challengesをやっていこうという挑戦企画記事です。 type-challengesをやり解決方法を再学習しようというメモ記事です。参考にしないでください 私の歴 わたしはTyp... -
TypeScript問題集にTypeScript4.1で追加されたTemplate Literal Typesを追加しました
TypeScript問題集にTypeScript4.1で追加されたTemplate Literal Typesを追加しました Template Literal Typesの議論 問86 TypeScript(4.1)未満ではこちら const date = (year: number, month: number, date: nubmer) => { return `${year}-${month}-${d... -
【JavaScript】JavaScript問題集に問題を追加しました(Decorator)
【JavaScript】JavaScript問題集に問題を追加しました JavaScript問題集 にDecoratorに関するものを追加しました 問題385 こちらの関数 function dosomthing(name){ console.log("Hello " + name) } に dosomthing("kenji")実行すると "Hello kenji"と出力... -
【React】normalizrの簡単なsample(example)はこちら
【React】normalizrの簡単なsample(example)はこちら 現場が最近になってnormalizrを使い出したのでちょこっといじる 大変ですものね... -
【TypeScript】TypeScript問題集に問題を追加しました
【TypeScript】TypeScript問題集に問題を追加しました 問65 こちらの type A = {name: string} type B = {age: number} AとBのkeynameとageを合わせたname | ageなUnion型を作ってください type A = {name: string} type B = {age: number} type T1 = keyo... -
【TypeScript】TypeSript中級者になる為に知っておくと良い108個のこと
【TypeScript】TypeSript中級者になる為に知っておくと良い108個のこと 徹底的にやるTypeSript108個のこと。 仕事でもっと使いこなしたい方と自分に向けた記事 TypeScriptすきです(TypeScript練習問題集) aboutme GW前にこんなこと を発言してしまったため... -
【JavaScript】JavaScript文脈の「stack overflow」とは([JavaScript] What is “stack overflow” in JavaScript context?)
【JavaScript】JavaScript文脈の「stack overflow」とは([JavaScript] What is "stack overflow" in JavaScript context?) stackについて調べていたらstack overflowという言葉に出会しました。 ぼんやり知っていたのですが、今回改めて深く理解しようと努... -
Example Mock App(React x Redux x TypeScript x react-router x redux-thunk x mock-server) with Creat-React-App
Example Mock App(React x Redux x TypeScript x react-router x redux-thunk x mock-server) Whenever I tried to try something, I needed to set up Redux, react-router, server, etc. as well as React and TypeScript, so I made it from the direct... -
【JavaScript Tips】Simply set multiple attributes to the created element
【JavaScript Tips】Simply set multiple attributes to the created element from const input = document.createElement('input'); input.setAttribute("id", "1"); input.setAttribute("type", "button&q... -
【解決】iPhone画像ファイル(File)をアップロードすると横向きに(90度回転)傾く対応)
【解決】iPhone画像ファイル(File)をアップロードすると横向きに(90度回転)傾く対応) これちょっとなかなか途中まではサンプルとしてあるんだけど、 なかなか参照記事なかったので書いてみた ・React ・TypeScript ・formik でiPhoneのexif対応が必要な場... -
【TypeScript】 Enumと初期化時のanyの癖を知る(Know Enum and the habit of any at initialization)
実験TypeScript-1 Enumと初期化時のanyの癖を知る(Know Enum and the habit of any at initialization) ORILLYプログラミング「TypeScript」 実際のコード ここでお知らせすること。 enumの特徴 空配列を渡すとany[]になる話 ////////////////////////////... -
【よし!徹底的にやる!】TypeScriptのsubtype vs supertypeの違い
【よし!徹底的にやるぞ!】TypeScriptのsubtypeとsupertypeの違い 背景 ちゃんと理解したいと思い勉強し直し。 普段何気なく使っている let a: string = "hello" は aがstring "hello"がstringリテラル なので、リテラル型のスーパータ...