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

TypeScript

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

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

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

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

TypeORMに入門する - 7

前回 takasehiromichiex.com Photoの更新 データベースからPhotoを取得して、更新して保存してみます。 src/index.ts import { AppDataSource } from "./data-source"; import { Photo } from "./entity/Photo"; AppDataSource.initialize() .then(async () => { console.log("start..."); const photoRepository = AppDataSource.getRepository(Photo); co…

#TypeORM#TypeScript#入門

ネットで話題

もっと見る
1783ブックマーク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ブックマークJavaScriptを書くならTypeScriptを使え！ - 部屋とボードゲームと私と酒と泪と男と女「スタンプグラフィティ」に続き、新作ボードゲーム「くだものあつめ」を作りました。伝統ゲーム「マンカラ」を進化させたようなゲームです。2人から楽しく遊べます。Amazonでもご購入頂けます。sites.google.com
595ブックマークTypeScriptをプロダクト開発に使う上でのベストプラクティスと心得 - Qiitaqiita.com

関連ブログ

star__hoshi's diary•2日前

プロを目指す人のためのTypeScript入門 を読んだ

プロを目指す人のためのTypeScript入門 安全なコードの書き方から高度な型の使い方まで Software Design plus作者:鈴木 僚太技術評論社Amazon TypeScript を雰囲気で使っている感覚があったのでもうちょい深く知るかと思って読んでみた。 プロを目指すとあったので実践入門的な書籍かと思ったけど、入門とあって結構基本的なことの解説も多くて、それなりに TypeScript を書いているので知ってる内容も多かった。でもいくつか知らないことを知れたり、TypeScript の奥深さや高度な型など理解できたのはよかった。また、TypeScript は歴史的経緯から複数…

#TypeScript#JavaScript
高瀬博道の技術ブログ•5日前

TypeORMに入門する - 5

前回 takasehiromichiex.com Photoの作成 Photoを作成してデータベースに保存してみます。 src/index.ts import { AppDataSource } from "./data-source"; import { Photo } from "./entity/Photo"; AppDataSource.initialize() .then(() => { console.log("start..."); const photo = new Photo(); photo.name = "my photo"; photo.description = "m…

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

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#入門
かもメモ•7日前

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•7日前

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

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

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

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#入門
高瀬博道の技術ブログ•8日前

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#入門
高瀬博道の技術ブログ•9日前

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#入門
JBS Tech Blog•17時間前

Angular Materialの見た目をカスタマイズしたい

Angular v15 がリリースされて既に数ヶ月が経過しました。 Angular チームが開発を行っている Angular Material も同時に v15 がリリースされています。 Angular Material v14 までは Material 2 の仕様に準拠したコンポーネント群を独自の実装で提供されていましたが、 v15 からは実験的に提供されていた Material Components for Web （以下 MDC ） をラップした内容へと大幅に中身が変更されています。本記事は MDC ベースの Angular Material において見た目をカスタマイズする方法について…

Findy Engineer Lab - ファインディエンジニアラボ•18時間前

技術発信していますか？アウトプットをするのが嫌だったソフトウェアエンジニアが登壇中毒になるまでの話

みなさんはアウトプットをしていますか？ エンジニアにとって技術発信などのアウトプットを行うことは、成長していくために欠かせない活動のうちの一つです。しかし、「なかなか継続できない」「何を発信していいのかわからない」とハードルを感じている方が多いのも事実でしょう。 フロントエンド領域で積極的に技術発信をしている鹿野 壮（@tonkotsuboy_com）さんも、実は最初はアウトプットが苦手だったといいます。 鹿野さんは、 池田 泰延氏（clockmaker）率いる株式会社ICSでフロントエンドのリードエンジニアとして経験を積み、2021年に株式会社マネーフォワードに入社。現在はフロントエンドチー…

(O+P)ut•19時間前

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

更新日時 2023/02/07/07:07 Qiita Trends Daily 1位 ※前日4位 SNS,web3,nostr,damus Qiita Trends Daily 2位 ※前日1位 kubernetes Qiita Trends Daily 3位 [New] Python,Markdown,datetime Qiita Trends Daily 4位 ※前日8位 Web,初心者,まとめ Qiita Trends Daily 5位 ※前日2位 議事録,チームマネジメント,HedgeDoc Qiita Trends Daily 6位 [New] C,C++,GCC,最適化,オーバー…

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

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

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

Try T.M Engineer Blog•1日前

2023年1月を振り返る - 社内発表とQiita 1位のアウトプットの達人が語る、良質な技術記事を量産する秘訣の感想

2023年1月を振り返る。 今月は、社内で発表する機会があった & connpassでQiita 1位のアウトプットの達人が語る、良質な技術記事を量産する秘訣に参加したので、この2つをメインに振り返ってみようと思う。 社内での発表 会社で個人的に発表する機会が得られたので、以前Qiitaへ投稿したTypeScriptのエラーハンドリングはResult型を使うのが良さそうだと思った話をベースにして、資料を作って発表した。 speakerdeck.com これを発表した理由は、私自身がTypeScriptのエラーハンドリングで苦しい思いをしていたので、（社内の）みんなも同じ思いなのではないか。と思…

TALKEYBOID Blog•1日前

Serverless Framework のコンセプトについて

前回記事 Serverless Framework を利用するにあたり、コンセプトの理解が不可欠であると感じたのでまとめます。 基本的には以下のドキュメントを読んで要約し、思うところを徒然に書いていきます。 www.serverless.com コンセプト 以下、公式ドキュメントでは "プロパティ" と書かれている部分を yaml ファイルの "フィールド" という意味で言い換えている場合があります。特に意図があるわけではないので適宜読み替えてください。 考え方 Serverless Framework は AWS Lambda 関数と Lambda 周りのインフラリソース開発のために利用でき…

RareJob Tech Blog•1日前

おい！新SkyWayが出たぞ！急げー！！！

skyway.ntt.com 来ましたね！みなさん！ 弊社でもガッツリ利用しているWebRTCプラットフォームのSkyWayがリニューアルされました。 （リリースおめでとうございます！）様々なアップデートがされたようです。 《主なアップデート》 同時通話人数を100人まで拡大 「Pub/Subメッセージング」モデルの採用 SkyWay Auth Tokenによるセキュリティ改善 管理画面の機能拡充 さっそくSkyWayを長く使っている身として試さねばと思い、気になったアップデートなどを実際使ってみて記事にしました。 新管理画面 skyway.ntt.com もうトップページからガッツリ改修され…

INTP型のブログ•1日前

最近の気になる技術

Rust Solanaを触る過程で使い始めたんですけど、書き心地なかなか良いです。 それを支えるのはやはりrust-analyzerではあるので、これがなかったら無理ゲーな言語だなとは思います。 並列系の処理はパワフルだし、Result型によるエラーハンドリングの容易さ、非同期も書きやすいしいいトコ尽くし！！ …と言いたいところですが、堅牢さ故にjsonを扱うだけでもコード量が増えがちで、この辺はjavascriptやpythonを書くときのあの軽い感じが恋しくなったりもします。 enumとstructが入れ子になっているような型を扱うときなんかはいちいちif letやmatchを書かなくちゃ…

プログラミング練習ノート•2日前

2023/02/05メモ

PCを軽くする方法 HDD→SSDへの交換 【無料】HDDからＳＳＤへ乗り換える一番オススメな方法【無料ディスククローン】 - YouTube メモリの増設 現状：8GB 内4GBは使用できない状態になっている暇すぎるから英語の勉強しよう 字幕なしで映画みたい かっこいいじゃん AIに聞いてみよう 字幕なしで TEDを教材に使用 ディクテーションは無理拡張機能を追加wordpressで英語勉強ブログ作成タイピング（英語）の勉強 Common English Words - Typing LessonsTyping Lessons | Common English Words - Typing.…

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

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

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

スマレジエンジニアyushiのブログ•2日前

【自作ブログ #1】自作ブログを作りたい

現在はこちらのはてなブログで記事を書いていますが、ブログを自作してみたいなとも思いました。 実際に移設するかどうかは置いておいて、とりあえず作ってみます。 方針を考える フロントエンドについては、最近のトレンドに倣って下記を採用します。 TypeScript React Next.js Styled Components 記事管理について、バックエンドのシステムを組んだり、ヘッドレスCMSの導入も考えられますが、 初期段階では一旦Markdownファイルで管理することとします。 デプロイ先はGitHub Pagesとします。 無料で利用できますし、ソース管理もGitHubで行うので、あとは少し…

seekworserの日記•2日前

AtCoderで青色になりました

AtCoderで青色になりました！わーー！！！ 青色は始めたときからの目標だったので、到達できて一つ区切りがついたな、という手応えでちょっとホッとしています。 ここ最近は手が空くたびにAtCoderのプロフを眺めてはにやにやしています、えへへへ…… 自分の中で一つ区切りがついた、ということもあり、 このタイミングでこれまでどういうことをやったのか、や、思い出をまとめていきたいと思い記事を書くことにしました。 どちらかというと自分なりの整理のための文章のような内容で、 「これをすれば入青できます！」という類のものではないのであしからず。。。 誰？ 入青するまでにやったこと（精進周り） 精進 バチ…

Nao_dev’s blog•2日前

ソフトウェア設計メモ 殴り書き

設計とは 状態 依存関係 冪等性との戦い DDD マイクロサービス DIによる依存性逆転 クリーンオニオンアーキテクチャ CQRS イミュータブルデータモデリング 設計の基本は分割統治 複雑さを分解してシンプルにする 構造的から関係的へ移しても概念の生来的な複雑さの総量は変わらないが、関係的複雑さはハンドリングできる さらに抽象から具体へ移し生来的な複雑さを減らす トランザクションからドメインモデル 手続きから宣言へ フロント react graphql(オブジェクトで取得)でフロントのユースケース(オブジェクトへの変換層)とリポジトリ(データ取得層)が不要 バック オブジェクト指向DDD(U…

あざらしのブログ•2日前

filterのコールバック関数内で非同期処理を行いたい

typescriptのfilterのコールバック関数で非同期処理を行いたいときに、少しハマったのでメモ。 下の例では、src/にあるディレクトリのうち、空でないものを取り出している。 つまり、src/の子の位置にあるディレクトリのうちaaa/とccc/を取り出している。 主なディレクトリ構成（簡単のためpackage.jsonなどは除く） . ├──main.ts └── src ├── aaa │ └── README.md ├── bbb └── ccc └── README.md ソースコード import fs from 'node:fs/promises'; import path …