「TypeScript」に関連する技術ブログ
企業やコミュニティが発信する「TypeScript」に関連する技術ブログの一覧です。
全370件中 226 - 240件目
zxを使ってみた
2021/12/17
ブックマーク
これは、 FORCIA Advent Calendar 2021 の17日目の記事です。 zx とは zxはNodeの child_process のラッパーで、JavaScriptで記述したスクリプトをNodeで実行し、 shellコマンドを発行できます。 一言で表すと、お手軽にJavaScriptで記述し、実行できるshellです。 googleから公開され、2021年初頭に話題になりました。(google/zx: https://github.com/google/zx ) 筆者は普段からスクリプトはbashで実行している
型パズルで学ぶTypeScriptの型
2021/12/16
ブックマーク
これは、 FORCIA Advent Calendar 2021 の16日目の記事です。 はじめに 新卒1年目の井上と申します。本格的な業務を開始して以来、TypeScriptという言語を触ってきました。TypeScriptというのはその名の通り、JavaScriptに型を付けたような言語です。学生のころよく書いていた言語といえばC++やJavaなのですが 1 、どうやらそれらの言語よりも型でいろんなことができるようで、せっかく
ビジュアルリグレッションテストのツールを導入するまでの意思決定プロセス
2021/12/15
ブックマーク
はじめに この記事はBASE Advent Calendar 2021の15日目の記事です。 BASE株式会社 Owners Experience Frontend チームのパンダ（ @Panda_Program ）です。 2021年の5月に入社してから、アサインされるプロジェクトの仕事以外に社内 UI コンポーネントライブラリ「BBQ」のメンテナンスに取り組んでいました。 その中でも特に Storybook 周りの整理をする過程、Storybook の v5 から v6 へのバージョン
テスト用にtsconfig.jsonを分けてみた
2021/12/15
ブックマーク
「株式会社カケハシ x TypeScript Advent Calendar 2021」18日目の記事です。 https://qiita.com/advent-calendar/2021/kkhs-ts プラットフォームチームのエンジニアさだです。 私たちの環境ではテストコードもTypeScriptで書いていて、jest + ts-jestを利用しています。 色々な事情があって、プロダクトコード用のtsconfigとは別にテスト用のtsconfigを作らなきゃいけない場合ってありますよね。 そんな
サーバーサイドもバリデーションで楽しよう！
2021/12/14
ブックマーク
こんにちは🎄 プラットフォームチームの石黒です。 こちらは 株式会社カケハシ x TypeScriptアドベントカレンダー2021 17日目の記事です。 今回はajvによるJSON Schemaを用いた入力値のバリデーションについてご紹介します。 ajvとは？ APIなどから渡された入力値のバリデーションツールとして、 ajv を採用しています。 これは、JSON Schemaを指定するだけでコードを書かずともバ
エンジニアの「つどい」のススメ
2021/12/14
ブックマーク
これは、 FORCIA Advent Calendar 2021 の14日目の記事です。 こんにちは。新卒2年目エンジニアの三浦です。 突然ですがみなさんは会社の同期のやっている仕事、知っていますか？ フォルシアでは、全く決まりや強制ではないのですがいつからか新卒エンジニアは代々同期同士の気軽な情報共有の場を設置して、コミュニケーションをとる習慣があります。 代によって頻度や形
まとまったデータを小分けにして一定間隔で順番に並列リクエストする with Typescript
2021/12/13
ブックマーク
こんにちは☃️ プラットフォームチームの石黒です。 こちらは 株式会社カケハシ x TypeScriptアドベントカレンダー2021 13日目の記事です。 今回は、Typescriptでの直列リクエストと並列リクエストを組み合わせた実装についてお話しします。 要件 データの一括処理をしたい データ量はリクエストごとに異なる 処理するシステムは1件ずつしか受け付けられない 処理するシス
React Hooks を理解しよう
2021/12/13
ブックマーク
本記事は 電通国際情報サービス Advent Calendar 2021 の 13 日目の記事です。 執筆者は 2021 年新卒入社の XI 本部 AI トランスフォーメンションセンター所属の山田です。 はじめに React Hooks とは useState useState を使うユースケース useEffect useEffect を使うユースケース useContext useContext を使うユースケース useReducer useReducer を使うユースケース useMemo useMemo を使うユースケース useCallbac
React Hooks を理解しよう
2021/12/13
ブックマーク
本記事は 電通国際情報サービス Advent Calendar 2021 の 13 日目の記事です。 執筆者は 2021 年新卒入社の XI 本部 AI トランスフォーメンションセンター所属の山田です。 はじめに React Hooks とは useState useState を使うユースケース useEffect useEffect を使うユースケース useContext useContext を使うユースケース useReducer useReducer を使うユースケース useMemo useMemo を使うユースケース useCallbac
外からやってくる値から TypeScript の型を守るライブラリ・ツールまとめ
2021/12/10
ブックマーク
こんにちは、新卒エンジニアの id:d-kimuson です 先日 type-predicates-generator という型定義からユーザー定義型ガード・アサーション関数を自動生成するツールをリリースして 紹介記事 を書いたのですが、感想とかを眺めていたら同じく外部から来た値に安全な型付けをするためのライブラリやツールの情報をいくつも観測しました この辺りのランタイムチェックライブラリ
Browserslist でサポートブラウザを設定しよう
2021/12/05
ブックマーク
この記事は BASE Advent Calendar 2021 の 5 日目の記事です。 基盤チームの右京です。 最近ひょんなことから browserslist の設定を見返したのですが「babel や autoprefixer で必要になったので導入した」以上はあまり触れられていなかったため、この機会にいちから見直してみようと思いました。 browserslist? https://github.com/browserslist/browserslist 簡単に言えば、クエリを書くとそれに該当
TypescriptのEnum型の代わりにUnion型を使用する
2021/12/03
ブックマーク
この投稿は、弊社が提供するWESEEK TECH通信の一環です。 WESEEK TECH通信とは、WESEEKのエンジニアがキャッチアップした技術に関する情報を、techブログを通じて定期的に発信していくものです。 はじめに こんにちは、システムエンジニアのかおりです。この記事では、TypeScriptで用いられる Enum型 とUnion型の基本的な使い方から、Enumを避けるべきと言われている理由、Union型を
採用したTerraformのディレクトリ構成について
2021/12/03
ブックマーク
こちらの記事は カケハシ Advent Calendar 2021 の3日目の記事になります。 こんにちは。 この秋リリースした Musubi AI在庫管理 の開発を担当している平松です。 上記プロダクトのインフラ構成管理にTerraformを用いています。 今回は採用しているTerraformのディレクトリ構成について紹介したいと思います。 背景 カケハシではインフラ構成管理ツールとして何を採用するかは、各
VSCode で TypeScript の交差型のプロパティを省略せずに見れるようにする
2021/12/02
ブックマーク
VSCode でホバーして型情報を見ようとすると、交差型はプロパティが展開されません プロパティの型を展開する Mapped Types を通すことで省略せずにプロパティを見ることができます。プロパティが交差型になっていることもあるので、再帰的にプロパティを Mapped Types に通すような型を定義しておいて、通すことでプロパティを全て確認できます type Expand < T > = T extends o
NFTマーケットプレイス「ユニマ」の技術スタックを紹介します
2021/12/01
ブックマーク
こんにちは。ブロックチェーンチームのソフトウェアエンジニアの id:odan3240 です。 ブロックチェーンチームでは NFT を販売するための Uniqysマーケットプレイス (以下、ユニマ)と、その NFT を販売するための管理画面(以下、管理画面)を開発しています。ユニマはブロックチェーン上の NFT を日本円で売買可能なマーケットプレイスです。 ユニマの開発はブロックチェーン