<T, K extends keyof T> をちゃんと理解する

2024/06/20 14 users extends String ライブラリ 制約 継承

TL;DR TypeScriptでライブラリなどを覗いているとよく見かける<T, K extends keyof T>について、問題を分解してきちんと理解する試みです。 extends この場合のextendsの役割は継承ではなく、制約です。 例えば以下のようなイメージ。 type StringOrNumber<T extends string | number> = T type A = StringOrNumber<stri... 続きを読む

TypeScript 5.5で型述語を推論できて最高。配列のfilterも型安全に

2024/03/21 16 users filter 述語 undefined String null

結論を先に言うと、6月リリース予定のTypeScript 5.5で次のようなコードが型安全になります。 従来: TypeScript 5.4以前 function isNumber(value: number | string): value is number { return typeof value === 'number'; } const result = [12, null, 24, undefined, 48] .filter((value): value is number => value ... 続きを読む

【Vue.js】defineProps はなぜ import 文を書かずに使えるのか【マクロ】

2024/03/07 9 users Vue マクロ script import ref

<script setup> import { ref, computed } from "vue"; const props = defineProps({ count: Number }); const double = computed(() => props.count * 2); const message = ref("Hello, Vue.js"); </script> <template> <div> <p>{{ message }}</p> <p>{{ props.count }}</p> <p>{{ double }}</p> </div> </template> ... 続きを読む

《独占インタビュー》大谷翔平、結婚を語る…大谷さん、何と呼ばれているんですか？「さん付けですね。僕は（彼女の）名前を呼び捨てにしています」（石田雄太）

2024/03/02 156 users 石田雄太 大谷翔平 独占インタビュー 抜粋 大谷さん

「大谷翔平結婚」そのニュースは瞬く間に世界を駆けめぐった。結婚発表会見では語られなかった“事実”を大谷本人がNumberだけに明かしてくれた。3月7日発売のNumber1092号掲載［独占インタビュー］大谷翔平「野球翔年2024 結婚生活を語る」より、雑誌発売に先行してインタビュー内容の抜粋を特別にお届けします。 斬新な... 続きを読む

TypeScriptの型を指定してJSONダミーデータを出力させる｜INOUT

2023/03/18 5 users JSON chatgpt ダミー Name jsonファイル

ChatGPTにJSONの型をTypeScriptで指定すればそのフォーマットでダミーのJSONデータを作成してくれるのではと思い、試してみました。 作成したJSONファイルをそのままコピーするだけで使えるので便利かも? INPUT 日本にある会社10社のダミーデータのJSONファイルを作成してください。 フォーマット: {id: number, name: s... 続きを読む

《単独インタビュー》大谷翔平28歳が語る“日本でのオフの過ごし方”「外食は3カ月で4回だけ」「何年ぶりかにコンビニへ入ったんですよ」（Number Web） - Yahoo!ニュース

2023/03/16 7 users 外食 単独インタビュー Yahoo Number Web オフ

発売中のNumber『30年後の日本野球のために』ロングインタビューで、日本代表への想いや知られざるプライベートについて語った photograph by Nanae Suzuki 初めて出場するWBCが目前に迫った2月下旬。調整を続けていたキャンプ地アリゾナを訪ねた。そこで語られたダルビッシュ有とのやり取りや、オフに滞在していた日本... 続きを読む

「スポンサーや自分たちがファーストでサポーターは二の次」Number 森保代表監督ロングインタビュー

2023/01/18 20 users 二の次 サポーター スポンサー ファースト 自分たち

「クレイジージョブ？ 代表監督は幸せな仕事」森保一が語った“続投”決定前の本音「批判は気にならないし、逃げ出したいと思ったこともない」（飯尾篤史）#サッカー日本代表 #jfa #daihyo #森保一 #FIFAWorldCup #Qatar2022 https://t.co/tXmRbz0H4v — Number編集部 (@numberweb) January 1, 2023 正月に、この記事につい... 続きを読む

最速TypeScript静的型付け不健全プログラミング～readonlyプロパティに値を再代入する～ - Qiita

2023/01/11 8 users Qiita TypeScript 変更不可

TypeScriptの静的型付けの方針（？）で、静的に代入を許すことができてしまいます。 しかもここで紹介する、x.aを変更する方法では、asなどのunsafeな操作は必要としません。 結論 結論からお話します。 下記コードで、x.aが10に変更できます！ const x: { readonly a: number } = { a: 42 } const y: { a: number } = x... 続きを読む

PHPからJavaScriptにデータを受け渡すときに考えること - Qiita

2023/01/01 123 users Qiita String Array JSON unicode

PHPのstringは任意のバイト列を扱えますが、JavaScript/JSONはUnicodeで扱える文字しか扱えません PHPのint / floatはプラットフォーム依存ですが、JavaScriptのnumberは整数と小数を型レベルで区別しません JSONのarrayに対応する型はPHPのarrayのうちリストであるものです PHPは配列(リスト)と連想配列を型レベルで区... 続きを読む

CSS カスタムプロパティによる流動的フォントサイズ

2022/01/21 14 users フォントサイズ FON CLAMP Calc unit

今回は、calc() clamp() min() max() と CSS カスタムプロパティを駆使して、自分で計算する必要がなく、Sass なども不要で CSS のみでの実装を紹介いたします。 使い方と実装解説 デモとソースコード /** * Available vars: * @var --viewport-from: <number> - Number in pixels without the unit. Required if `--fon... 続きを読む

ゲーム言語における呪文名・魔法名と数範疇の形態論的類型論に向けて - 誰がログ

2021/09/02 20 users 呪文名 ロク 範疇 魔法名 Category

はじめに 本稿はゲーム言語，特にRPG語における呪文名・魔法名の研究において「数 (number)」の範疇 (category)をどのように扱うのが適切か検討する。具体的には，呪文・魔法の効果が及ぶ対象の数を数範疇（以降単に「数」とする）と考えることを提唱し，その値としてどのようなものが考えられるか整理する。さらに，数... 続きを読む

ジェネリクス引数の構文的曖昧性まとめ

2021/05/23 9 users Convert SCORE ジェネリクス String int

ジェネリクスを持つ多くの言語では括弧の種類が足りなかったり、既存の文法との互換性を保つために <> をジェネリクス引数に使っている。この文字は比較演算子やシフト演算子にも使われるため、多くの場合は構文的曖昧性の問題がある。 // ジェネリクス引数 (convert<int, string>(number)) // 比較演算子 (score < MAX_... 続きを読む

Template Literal Types で「単位を持つ数値」の文字列型をきれいに扱いたい

2021/03/10 10 users Template Literal Types 単位 数値

(この記事には一部うまくいってない部分が残ってるので、解決し次第追記します) ブラウザの二次元上の座標を計算するコードを書いていると、 px, rem, flex などの数値が入り乱れて、それらを文字列で管理してると扱いが難しくなります。また、ブラウザの DOM API は、コンテキスト次第で string | number みたいなノリ... 続きを読む

天才は藤井聡太だけではない　“振り飛車のカリスマ”藤井猛が作った常識破りの「システム」 - 将棋 - Number Web - ナンバー

2020/09/16 15 users 飛車 独力 竜王 戦法 将棋

藤井聡太二冠の活躍で初めて将棋に興味を持った方も多いのではないでしょうか。実は将棋界にはもう1人、偉大なる“藤井”がいます。将棋の常識を覆す戦法「藤井システム」を独力で開発し、竜王を3連覇した藤井猛九段です。Numberが1010号で初めて「将棋特集」を組んだことを記念し、過去の藤井九段のインタビュー記事をWeb... 続きを読む

藤井聡太二冠特集のＮｕｍｂｅｒが２０万部の大反響…編集長「負けました」（デイリースポーツ） - Yahoo!ニュース

2020/09/04 9 users 将棋 文藝春秋 累計発行部数 藤井聡太 天才

文藝春秋は４日、将棋の藤井聡太二冠を表紙に、初めて将棋を特集した「Ｎｕｍｂｅｒ」（１０１０号）が、再増刷で２０万部に到達したと発表した。 同誌が２０万部以上を発行するのは、２０１４年のサッカーＷ杯特集以来。発売日に３万、４日に５万部を増刷し、累計発行部数が２０万部となった。 「藤井聡太と将棋の天才... 続きを読む

TypeScriptのユニオン型で「あるかもしれない」プロパティを表現するときのTips - uhyo/blog

2020/08/18 15 users TypeScript uhyo foo String Tips

TypeScriptのユニオン型はとても強力な機能で、TypeScriptのコードベースでは広く利用されています。 例えば、次のようにすると「fooプロパティを持つオブジェクトまたはbarプロパティを持つオブジェクト」という型を表現できます。 type FooObj = { foo: string }; type BarObj = { bar: number }; type FooOrBar = Foo... 続きを読む

TypeScriptを使ってアプリケーションの設定ファイルを書く - その手の平は尻もつかめるさ

2019/06/09 122 users TypeScript YAML String JSON 感じ

アプリケーションの設定ファイルと言えばjsonやyamlなんかで書くことが多いと思うんですが，最近はTypeScriptで設定ファイルを書いております．このような感じ: export interface ApplicationConfig { readonly listenPort: number; readonly timeout: number; readonly apiBaseUrl: string; readonly loggerOptions: Lo... 続きを読む

ojichat/README.md at master · greymd/ojichat · GitHub

2019/05/30 22 users GitHub greymd ojichat options

Ojisan Nanchatte (ojichat) Generator なんだこれは おじさんがLINEやメールで送ってきそうな文を生成するコマンド。 インストール go get -u github.com/greymd/ojichat 使い方 $ ojichat -h Usage: ojichat [options] [<name>] Options: -h, --help ヘルプを表示. -V, --version バージョンを表示. -e <number> 絵文... 続きを読む

「安易な責任のない意見」に、振り回されるな！ 〜イチローの言葉に学ぶ～ - 自分の仕事は、自分でつくる

2019/03/17 10 users イチロー 意見 責任 言葉 文章

今日は少し疲れ気味だったこともあり、久々に仕事の手を止めて、雑誌の『Number』をひとりじっくりと読んでいました。 特集のテーマは「イチローを見よ。」。 ツイートもしましたが、下手なビジネス本を読むよりも、何倍も勉強になります。僕は社会人になったばかりの頃、一時期『Number』の文章をひたすら写して、文章... 続きを読む

張本勲は、打者として本当に偉大だ。あっぱれ！な記録5つをほめ殺す。〈Number〉 （Number Web） - Yahoo!ニュース

2017/06/14 9 users 打者 血色 くやしい 張本勲 Yahoo

「喝！」のおじさん、張本勲は、野球の裏も表も知るすごい選手だった。くやしいがあっぱれだ！　 読者各位の中には、日曜の朝、四角い顔の血色のいいおじさんが発する「喝！」の声にむかむかしている人も多いのではないか。 そう張本勲。「なんであんなに偉そうなんだ！」と思いながらも、ついつい見てしまう。「炎上商法」という言葉が辞書に載れば、「張本勲を見よ」なんて書かれそうだ。 私も毎日曜日、むかむかしながら見て... 続きを読む

JavaScript の Number() は副作用がある可能性がある - Qiita

2017/02/09 62 users Qiita 副作用 JavaScript 可能性

たまたまTwitterを見てたら以下のようなツイートを見かけました。 つまり、 isNumber っていう関数を作るなら一旦 Number でキャストした値と同一かどうかを比較すれば良いと。おそらく NaN を省いた number 型を true にしたいのかなという感じがする (NaN === NaN は必ず false)。 ただこれには問題があるらしく、 V8 のOptimizerリーダーであ... 続きを読む

20歳のイチロー、当時からプロ意識が異常に高かった！ - エキサイトニュース(1/2)

2015/10/23 9 users イチロー エキサイトニュース イチロー節 プロ意識 発言

イチローといえば、「イチロー節」とも称される独特の表現がお馴染みです。しかしそれに加え、プロ意識の高さがはっきり分かるような発言も非常に多い印象です。イチローはいつからこのようなことを発言するようになったのでしょうか。 時は遡り1994年、イチローは若干20歳でシーズン200本安打を達成しました。この年のシーズンオフにスポーツ雑誌『Number』でインタビューを受けているのですが、読んでみるとこの... 続きを読む

＜緊急アンケート＞ 新日本プロレス総選挙開催！～あなたの1票がNumberの表紙を決める～ [Information] - Number Web - ナンバー

2015/05/28 9 users レスラー Information プロレス 表紙 勢い

Numberでは2015年7月16日発売号で、“新日本プロレス”の特集号を組むことになりました。小誌がプロレスを特集するのは実に14年ぶりのことです。 そこでプロレスファンの皆様に、いま、最も勢いのある団体・新日本プロレスのリングに立つレスラーで、インタビューを読み、そして磨き上げられた美しい肉体を見たいのはどの選手なのかを投票して頂きたいのです。言わば、現代のプロレスの顔を決める「新日本プロレス... 続きを読む

0-9, TypeScriptで作成したライブラリのrequire対応

2015/05/22 21 users TypeScript ライブラリ Hoge require

TypeScriptで作成したライブラリをrequireで読み込めるようにするには.d.tsをreference pathで参照する。 ただし、普通に.tsを–declarationでtscした結果では参照できないので、以下のような内容を手書きする。 declare module "Hoge" { export var huga: String; export var gege: Number; ... 続きを読む

『通訳日記 ザックジャパン1397日の記録』がおもしろすぎてヤバい。すぐにポチったほうがいい。 - shota-mのはてなブログ

2014/12/02 217 users shota-m ニワカ ポチ 通訳 ザックジャパン

2014-12-02 『通訳日記 ザックジャパン1397日の記録』がおもしろすぎてヤバい。すぐにポチったほうがいい。 サッカーファンもニワカも、すぐに読むべき。 以前、サッカー好きの会社の先輩から、「Numberの連載で、ザックジャパンの通訳だった人のノート書き起こしやってるんだけど知ってるか？これ、めちゃくちゃおもしろいから絶対読んだほうが良いぞ…！生々しい言葉でロッカールームでの指示とか書いて... 続きを読む