TypeScript

概要 次何書こうかな〜とか思ったり、連載形式やめようかな〜とか思ったりしましたが、結局連載形式にしちゃいました。 今回はTypeORMにちゃんと入門しようと思います。 公式 typeorm.io TypeORMについて TypeORMは、NodeJS、Browser、Cordova、PhoneGap、Ionic、React Native、NativeScript、Expo、およびElectronプラットフォームで実行できるORMです。 TypeScript、およびJavaScript (ES5/6/7/8) で使用できます。 TypeORMは、アクティブレコードパターンと、データパッマーパター…

TypeScript で Result 型を使いたいけど、ライブラリ入れるほどではないなーというときに見つけた記事。 dev.classmethod.jp エラーハンドリングの試行錯誤の結果、最終形として以下の実装が紹介されていた。 type Result<T, E> = Success<T, E> | Failure<T, E> class Success<T, E> { constructor(readonly value: T) {} type = 'success' as const // ここを追加 isSuccess(): this is Success<T, E> { retur…

前回 takasehiromichiex.com TypeORMのマイグレーションについて モデルが変更される場合、それをデータベースに同期する必要があります。 synchronize: trueというオプションをルートモジュールで設定していましたが、これはEntityに基づいてテーブルを自動生成してくれるオプションです。 そのため、本番環境ではこのオプションはfalseに設定しておくべきです。 Sequelize統合 TypeORMを使用する代わりに、Sequelize ORMを使用することもできます。 以下をインストールします。 $ npm install --save @nestjs/s…

前回 takasehiromichiex.com サブスクライバ TypeORM サブスクライバを使用すると、特定のエンティティイベントをリッスンすることができます。 まず、エンティティを作成します。 src/cats/cats.entity.ts import { Column, Entity, PrimaryGeneratedColumn } from "typeorm"; @Entity() export class Cat { @PrimaryGeneratedColumn() id: number; @Column() name: string; @Column() age: num…

npm と docker-composeを組み合わせて開発をする際に、コンテナ側のnode_modulesディレクトリが空になってしまうことがあります。 この現象は、例えば下記のような構成で発生します。 ↓ ディレクトリ構成 . ├── docker │ └── type-script │ └── Dockerfile └── docker-compose.yml version: "3.9" services: type-script: build: context: ./docker/type-script volumes: - ./docker/type-script:/usr/app …

前回 takasehiromichiex.com スキーマ Entityとしてモデルを定義するのとは別に、Entity Schemaで列の状態などを定義することができます。 Entity Schemaを作成してみます。 まず、Entityを修正します。 src/user/entities/user.entity.ts import { Photo } from "src/photo/entities/photo.entity"; export class User { id: number; firstName: string; lastName: string; isActive: bool…

相関チェックって言葉、そういえばもう全然聞かないなーとは思いつつ、 React Hook Formで、複数項目をまたぐ入力値のチェックを実装したので知見を残しておきます。 ↓こういうやつ 手順 ここでは郵便番号のように情報としては1つのものを、複数の入力項目で入力する場合を例にします。 また、手順は相関チェックをする場合に注意する箇所に絞って記載しています。 1. Formの型定義 分割した項目に対応した型（Zipcode）を定義し、それをReact Hook Formで扱うForm項目の型に設定します。 type Zipcode = { zip1: string; zip2: string;…

更新日時 2023/01/31/07:07 Qiita Trends Daily 1位 ※前日1位 プロジェクト,エンジニア,エンジニアリング,エンジニアの心得 Qiita Trends Daily 2位 [New] アプリ,オープンデータ,島田商業,情報ビジネス科,地域貢献 Qiita Trends Daily 3位 ※前日2位 Python,Unity,強化学習,箱庭 Qiita Trends Daily 4位 [New] SaaS,サブスクリプション,PLG,プロダクト・レッド・グロース Qiita Trends Daily 5位 [New] AWS,運用,振り返り,動画配信,高校生 Q…

ある機能を実装する際、完成形のコードになるまでには、プログラムとして不正確な状態や、プロダクト品質ではない状態を経る 静的型検査や lint rule に違反したコードが途中に挟まる 型エラーや lint エラーは望ましくないので、できるだけ早くこうした情報を開発者に伝え、気付けるようにすると良い CI でこうしたエラーを検知して、Pull Request をマージする前に気づけるようにするとか エディタ上にエラーの情報を表示して、コーディング中に気づけるようにするとか エラーを積極的に通知してくれるのはありがたいけど、やりすぎには注意するべき なんとなくでも動いてくれたほうが嬉しい 例えば …

Python辞書に対して型を導入してみた。 mypyを用いて型チェックは行える。 pythonのランタイム実行時には型チェックはされない。 github.com from typing import Literal, TypedDict, Required, NotRequired class Apple(TypedDict, total=False): name: Required[Literal['apple']] applePiePrice: NotRequired[int] class Orange(TypedDict, total=False): name: Required[Lit…

こんにちは。倉内です。新年の抱負として、「今年はプログラミングを始める！」と掲げた方もいらっしゃるのではないでしょうか。昨今はpaizaラーニングをはじめ、無料～安価でプログラミングが学べるサービスは多数あり、初心者の方も手を出しやすい環境にあります。ただ、業務で使用するなど目的が明確であれば、どのプログラミング言語を学ぶか迷うことはありませんが、趣味やこれからエンジニアを目指す方にとっては最初にどの言語を学ぶか決めるのは難しいかもしれません。そこで今回は、GitHubが公開した「昨年もっとも使用されたプログラミング言語」のレポートなどを参考に、おすすめの言語とその学習法をご紹介したいと思いま…

最近読書量が減ってきたので、今年は読書を頑張ろう！と思ったのでまずは読みたい本をリストアップしてみる。 プロを目指す人のためのTypeScript入門 仕事でTypeScript書いてるんだけど、型システムが難しすぎて詰まっているので、体系的に理解したい。 プロを目指す人のためのTypeScript入門 安全なコードの書き方から高度な型の使い方まで (Software Design plus)作者:鈴木 僚太技術評論社Amazon データ指向アプリケーションデザイン 分厚いけど良書だと噂の本。 データ指向アプリケーションデザイン ―信頼性、拡張性、保守性の高い分散システム設計の原理作者:Mar…

さらに年が明けてから振り返るスタイル...(いいわけ) 未来の自分のために年1回やっている振り返りシリーズ、今度はこのブログ関係やこの1年で技術面でやったこと、学んだことなどを振り返ってみます。

エンジニア・プログラマーの学習に約立つコンテンツのセール情報を集めました 1位 現役シリコンバレーエンジニアが教えるPython 3 入門 + 応用 +アメリカのシリコンバレー流コードスタイル ¥27,800 → ¥1,900 93%OFF!! ⭐ ⭐ ⭐ ⭐ （19,666件） 現役シリコンバレーエンジニアが教えるPython入門！応用では、データ解析、データーベース、ネットワーク、暗号化、並列化、テスト、インフラ自動化、キューイングシステム、非同期処理など盛り沢山の内容です！ 2位 【キカガク流】人工知能・機械学習 脱ブラックボックス講座 - 初級編 - ¥15,800 → ¥1,800 …

どうもTakeoです。 私は、2022年7月から関西の受託企業にてwebエンジニアとして働かせてもらっています。前職ではプログラミングとは程遠く、Autocadなどで図面などを描いていました。(転職についてはまた別の記事で...) 未経験から転職して半年の間、どのような業務を行ってきたかを振り返っていきたいと思います！ 入社して初めの1週間 まずは、どこの企業でも同じかと思いますがPCの設定からでした。 勤怠の説明やoutlookなどの設定です。 この辺は割愛で... 初めの1か月は配属予定のプロジェクトのコード見たり勉強しといて～とのことでしたが... 2週間目～１か月 プロジェクトに配属と…

個人で開発しているものをNuxt2からNuxt3にアップデートしたため、その時に対応したこと等を記載していきます。 Nuxt2からNuxt3にアップデートしようと思った理由について Vue2が2023年末にサポートが切れてしまうためVue3にアップデートさせる必要があった vue2が2023年12月31日にサポート終了 (EOL) でNuxt2がVue2のみのサポートのため、Vue3サポートがされているNuxt3にアップデートする必要があったため。 Vue2のサポートについて v2.vuejs.org Nuxt2, Nuxt Bridge, Nuxt3で対応されているものについて nuxt.c…

今回は様々なプログラミング言語について、いくつかの特徴ごとにまとめたいと思います。 機械語への変換方式 コンパイル型 C, C++, C#, Java, Rust, Go, Swift, Kotlin インタプリタ型 Python, Ruby, PHP, Perl, JavaScript 補足 インタプリタ型はWebアプリ開発で使われやすい言語に多い オブジェクト指向か否か オブジェクト指向である Java, C++, C#, Python, Ruby, PHP, JavaScript オブジェクト指向でない C, Perl 補足 オブジェクト指向でないCを拡張したのがC++, それをさらに拡…