Hatena Blog Tags
はてなブログ トップ
TypeScript
このタグでブログを書く

TypeScript

(コンピュータ)
【たいぷすくりぷと】

Microsoftが2012年10月に発表した AltJS のひとつ。C#の設計者でもあるAnders Hejlsbergが設計した。

構文はJavaScriptの上位互換であり、オプショナルな型アノテーションやECMAScript6 (ECMA-262 6th) のクラス構文などを追加している。

このタグの解説についてこの解説文は、すでに終了したサービス「はてなキーワード」内で有志のユーザーが作成・編集した内容に基づいています。その正確性や網羅性をはてなが保証するものではありません。問題のある記述を発見した場合には、お問い合わせフォームよりご連絡ください。
高瀬博道の技術ブログ•14時間前

TypeORMに入門する - 4

前回 takasehiromichiex.com DataSourceの作成 エンティティが完成したら、DataSourceを作成します。 src/data-source.ts import "reflect-metadata"; import { DataSource } from "typeorm"; import { Photo } from "./entity/Photo"; export const AppDataSource = new DataSource({ type: "mysql", host: "localhost", port: 3306, username: "tes…

#TypeORM#TypeScript#入門

ネットで話題

もっと見る
1782ブックマークTypeScript入門以前ガイド - mizchi's blogmizchi.hatenablog.com
1271ブックマークTypeScript再入門 ― 「がんばらないTypeScript」で、JavaScriptを“柔らかい”静的型付き言語に - エンジニアHub｜Webエンジニアのキャリアを考える！eh-career.com
932ブックマークsuin・読者4万人『サバイバルTypeScript』公開中！ on Twitter: "すごい発明をしたかも…💡英語で技術ブログ書くとき、HackmdとGoogle翻訳を組み合わせると、Markdown+英語で書きながら、内容をGoogleのAIにチェックさせられる。英語として流暢かはさておき、少なくともGoogle… https://t.co/Ac7bVZHLA5"twitter.com
908ブックマークGoogle TypeScript Style Guide// Good: choose between two options as appropriate (see below). import * as ng from '@angular/core'; import {Foo} from './foo'; // Only when needed: default imports. import Button from 'Button'; // Sometimes needed to import libraries for their side effects: import 'jasmine'; import '@polymer/pap...google.github.io
906ブックマークTypeScript Deep Dive 日本語版 - TypeScript Deep Dive 日本語版typescript-jp.gitbook.io
856ブックマークはじめに | TypeScript入門『サバイバルTypeScript』typescriptbook.jp
721ブックマーク急なTypeScript案件🔥最初の30日間に使い倒したい「コードリーディング支援ツール」 - Qiitaqiita.com
596ブックマークTypeScriptをプロダクト開発に使う上でのベストプラクティスと心得 - Qiitaqiita.com
596ブックマークJavaScriptを書くならTypeScriptを使え！ - 部屋とボードゲームと私と酒と泪と男と女「スタンプグラフィティ」に続き、新作ボードゲーム「くだものあつめ」を作りました。伝統ゲーム「マンカラ」を進化させたようなゲームです。2人から楽しく遊べます。Amazonでもご購入頂けます。sites.google.com

関連ブログ

かもメモ•20時間前

JavaScript 通常の input[type="text"] で妥当な日付を入力させたい

日付の入力は input[type="date"] がデバイスの選択 UI が表示され存在しない日付が選ばれることもなく使いやすいと思っているのですが、今回 PC のブラウザはカレンダーが表示されたりしなかったり、入力が同じ input の中で年月日別になってたりするのが使いにくいから通常のテキスト入力 (input[type="text"])で入力させたいという要望がありサンプルを作ってみたメモ 仕様を考える 要望 見た目は input[type="text"] input[type="number"] はマウスホイールのスクロールなどで数字が動いてしまうので使いたくない 20230315 …

#TypeScript#JavaScript
GREE DX Tech Blog•1日前

SvelteKit + Firebaseでリアルタイムクイズ大会開催システムを作った話【前編】

クイズ番組といえば...？ DX事業本部の小松です。 突然ですが、皆さんはクイズ番組といえば何をイメージされるでしょうか？ 私は「クイズ$ミリオネア」や「クイズ!ヘキサゴン」をよく見ていました。これは年代が分かってしまう質問かもしれませんね笑 一方、私の上司は「オールスター感謝祭」が好きとのことでした。 オールスター感謝祭は、大体半年に1回放送されるクイズ番組です。 クイズは選択式の通常問題に加え、解答者が参加するミニマラソンなどの結果を予想する問題が出題されます。 いくつかのクイズをまとめて「ピリオド」と呼び、繰り返されるピリオドごとに、チャンピオンが賞金を獲得します。 こんなクイズ大会を社…

#svelte#SvelteKit#Firebase#TypeScript#webアプリケーション
高瀬博道の技術ブログ•2日前

TypeORMに入門する - 3

前回 takasehiromichiex.com モデルの作成 ステップバイステップで進んでみましょう。 データベースの操作は、テーブルの作成から始まります。 テーブル = モデルです。 モデルを作成してみます。 src/entity/Photo.ts export class Photo { id: number; name: string; description: string; filename: string; views: number; isPublished: boolean; } エンティティの作成 エンティティは@Entityデコレータで装飾されたモデルです。 モデルをエン…

#TypeORM#TypeScript#入門
高瀬博道の技術ブログ•2日前

TypeORMに入門する - 2

前回 takasehiromichiex.com モデルの作成 クイックスタートを使用したので、モデルは以下の通りになっています。 src/entity/User.ts import { Entity, PrimaryGeneratedColumn, Column } from "typeorm"; @Entity() export class User { @PrimaryGeneratedColumn() id: number; @Column() firstName: string; @Column() lastName: string; @Column() age: number; }…

#TypeORM#TypeScript#入門
高瀬博道の技術ブログ•3日前

TypeORMに入門する - 1

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

#TypeORM#TypeScript#入門
高瀬博道の技術ブログ•4日前

NestJS でデータベース操作できるようにする - 6

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

#NestJS#TypeScript
高瀬博道の技術ブログ•6日前

NestJS でデータベース操作できるようにする - 5

前回 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…

#NestJS#TypeScript
高瀬博道の技術ブログ•8日前

NestJS でデータベース操作できるようにする - 4

前回 takasehiromichiex.com TypeORM トランザクション TypeORMでトランザクションを処理することができます。 src/user/user.service.ts import { Injectable } from "@nestjs/common"; import { InjectRepository } from "@nestjs/typeorm"; import { DataSource, DeleteResult, Repository } from "typeorm"; import { CreateUserDto } from "./dto/creat…

#NestJS#TypeScript
(O+P)ut•3時間前

【自動更新】QiitaのDailyランキングTop10

更新日時 2023/02/02/07:07 Qiita Trends Daily 1位 ※前日8位 初心者,React,コンポーネント,新人プログラマ応援 Qiita Trends Daily 2位 ※前日3位 Python,プログラミング,AI,ChatGPT Qiita Trends Daily 3位 ※前日6位 JavaScript,Node.js,TypeScript Qiita Trends Daily 4位 [New] Java,JavaSilver Qiita Trends Daily 5位 ※前日9位 Python,Twitter,自然言語処理,データセット,bert Qiit…

人気商品セールまとめ•5時間前

【02月02日時点】エンジニア向け人気学習コンテンツセールまとめ

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

@yohfee.blog!•11時間前

日本の祝日データの更新とファイル名の話 - ケンオールブログ これじゃないけど元旦バッチで取ってるのあるからヒヤッとした。 MinIO の AGPLv3 視点でのメモ これまでAGPLのソフトウェアを使うこと無かった。各パターンで解説されててわかりやすい。ここでいうリンクってどういう場合になるんだろ。 neverthrowと比較したoption-tについて - saneyuki_s log My new error... | blog.ojisan.io Result型を使うのには抵抗はないけど、TypeScriptだとどうしても例外機構の皮としてやる気持ち悪さはちょっと感じる。 個人やチーム…

kenfdev’s blog•13時間前

ハイライト 2023-02-01

Articles qiita.com Author: Qiita Full Title: JavaScript / TypeScript の豆知識 10 選 実は、「 innerHTML を用いて挿入された script elements は、挿入時にはその内容が実行されない 」ということ自体は 正解 です。 これは W3C にもきちんと記されていることです。 Note: script elements inserted using innerHTML do not execute when they are inserted. (出典: W3C. "2. The Document Objec…

RAKUS Developers Blog | ラクス エンジニアブログ•16時間前

次世代ゼロランタイムCSS-in-JS「macaron」の導入方法を調べてみた

はじめに こんにちは！hy094です。 今回はZero-Runtime CSS-in-JSである「macaron」(macaron-css)の使い方を調べてみたので、 それをまとめたいと思います。 ※本記事は大部分が公式のGitHubと公式ドキュメントの和訳で構成されています。 ※英語がとても苦手なので翻訳アプリを駆使して書いています。誤りがあったらこっそり教えていただけると嬉しいです。 はじめに macaron（macaron-css）って結局どうなの？ macaron（macaron-css）って何？ どんな特徴があるの？ どうやってインストールするの？ バンドラの設定は？ どうやって使う…

インフラジスティックス・ジャパン株式会社Blog•16時間前

10分でゼロからAngularアプリを作るには？

プロジェクトで Angular を使うのは初めてですか？ゼロから Angular アプリの構築を始めようとしていますか？そして、Angular の注目ポイントは何なのでしょうか？このブログ記事では、これらの疑問に対する答えを見つけるお手伝いをし、Angular で機能豊富なアプリを作成する方法をステップバイステップで紹介します。 以下がそのトピックです。

star__hoshi's diary•1日前

りあクト！ TypeScriptで始めるつらくないReact開発 を読んだ #りあクト

booth.pm React の入門書として良さそうなので読んでみたらめっちゃ良かった。 3冊構成で、Webフロントエンドの歴史から JavaScript / TypeScript の入門、tsconfig / ESLint / Prettier などの設定方法、 React そのものの説明、状態管理フレームワークの解説などがされており、他言語から React を始める人向けの内容ということで自分がそのターゲットなのでとてもためになる内容だった。 特に② React基礎編 の 5-1-2. なぜ React ではデザインとロジックを混在させるのか が良かった。 Rails 的な考えだったり S…

oginosho’s blog•1日前

テストメモ

テスト what: バグ(要件と成果物との差異)を見つける作業。 テストしてても安心はできない。 全数テストは不可能なので、バグがないことを証明できない。 why: 品質向上のため。 how(理論) 分類 動的/静的 静的: プログラムを動かさない 静的コード解析 コードレビュー ウォークスルー インスペクション 動的: プログラムを動かす 目視での動作確認 テストコードによる確認 手動/自動 機能/性能 機能試験: 規定した機能を果たすかどうかのテスト 性能試験: 必要な性能が出ることを確かめるテスト ブラックボックス/ホワイトボックス ホワイトボックステスト: プログラムの内部構造を考慮し…

人気商品セールまとめ•1日前

【02月01日時点】エンジニア向け人気学習コンテンツセールまとめ

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

saneyuki_s log•1日前

neverthrowと比較したoption-tについて

たまたまoption-tを紹介してくれるブログ記事があったみたいで、その上でneverthrowの方がおすすめみたいな感じのtweetを見かけて、色々言いたいことがあったので久々に書いてみる。 https://t.co/GJGyxeyoZMfp-ts を入れるのを躊躇う環境で Result 型とコンビネータが欲しい場合の私のおすすめは neverthrow です— naoya (@naoya_ito) 2023年1月19日 ・ResultAsync という async に対応している・fromPromise / fromThrowable を使えば Result の入れ子が嫌なときに asyn…

d-haru’s blog•1日前

株式会社はてなに入社して3ヶ月が経過しました

株式会社はてなに入社して3ヶ月近くが経過しました。期も区切りがついたところで納会終わりの夜のテンションで振り返りをしていきます。 自己紹介 id:d-haru です。 はてなの京都オフィスに所属しておりますが、愛知県に住んでおり初日以外はリモートワークで仕事をさせてもらっております。 前職ではRubyを中心に新規事業や大規模なWebサービスの開発をしていました。 入社の決め手 転職した経緯とかは色々あるので割愛しますが、はてなに最終的に決めた理由は採用面接の体験が非常に良かったことが大きいです。 というのも、中途採用では（新卒も?）技術ディスカッションがまぁまぁ長い時間あるのですが、思いの外盛…

Howdunnit•1日前

2023年1月「見た映画読んだ本」

明けましておめでとうございます。今年も毎月１ブログ書くことを確定し、ブログを継続していくことを目的として、毎月見た映像作品と読んだ本をまとめていきます。今回は、2023年1月に見た映画と読んだ本をまとめます。 映像 映画 劇場版「からかい上手の高木さん」 映画 ゆるキャン△ ドラマ ピクサーの舞台裏 真相は耳の中 アニメ ご注文はうさぎですか？？ ～ing For You～ ご注文はうさぎですか？ BLOOM チェンソーマン 少女終末旅行 神達に拾われた男 まおゆう魔王勇者 魔女の旅々 となりの吸血鬼さん だがしかし だがしかし２ 幸腹グラフィティ ウィッチクラフトワークス GA 芸術科アート…