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

TypeScript

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

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

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

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

はじめてのZine作成 NestJSでバックエンド開発に挑戦

目次 目次 はじめに NestJSを選んだ理由 取り組んでみて分かったこと 情報量はまだ多くない これからはRuby on RailsではなくNestJSを選択する おわりに はじめに こんにちは，光岡です． アンさん，及川さんのブログ記事に引き続き，Zine作成についての最後の記事になります． お二人のブログ記事は以下です． blog.lab.sugimototatsuo.com blog.lab.sugimototatsuo.com ネットワークデザインスタジオの大学院生3名で制作した「カラフルなJavascriptであそぼう p5.js | Konva.js | NestJSのノウハウブ…

#NestJS#JavaScript#TypeScript#技術書典14

ネットで話題

もっと見る
1787ブックマークTypeScript入門以前ガイド - mizchi's blogmizchi.hatenablog.com
1270ブックマークTypeScript再入門 ― 「がんばらないTypeScript」で、JavaScriptを“柔らかい”静的型付き言語に - エンジニアHub｜Webエンジニアのキャリアを考える！eh-career.com
931ブックマークsuin・読者4万人『サバイバルTypeScript』公開中！ on Twitter: "すごい発明をしたかも…💡英語で技術ブログ書くとき、HackmdとGoogle翻訳を組み合わせると、Markdown+英語で書きながら、内容をGoogleのAIにチェックさせられる。英語として流暢かはさておき、少なくともGoogle… https://t.co/Ac7bVZHLA5"twitter.com
910ブックマークTypeScript Deep Dive 日本語版 - TypeScript Deep Dive 日本語版typescript-jp.gitbook.io
906ブックマーク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
880ブックマークはじめに | TypeScript入門『サバイバルTypeScript』typescriptbook.jp
718ブックマーク急なTypeScript案件🔥最初の30日間に使い倒したい「コードリーディング支援ツール」 - Qiitaqiita.com
595ブックマークJavaScriptを書くならTypeScriptを使え！ - 部屋とボードゲームと私と酒と泪と男と女「スタンプグラフィティ」に続き、新作ボードゲーム「くだものあつめ」を作りました。伝統ゲーム「マンカラ」を進化させたようなゲームです。2人から楽しく遊べます。Amazonでもご購入頂けます。sites.google.com
594ブックマークTypeScriptをプロダクト開発に使う上でのベストプラクティスと心得 - Qiitaqiita.com

関連ブログ

Adwaysエンジニアブログ•7日前

TypeScript/Rollup/Vercelでサクッとブックマークレットを作ってみよう

こんにちは。エンジニアブログ運営の梅津です。 普段はエージェンシー事業部でリードアプリケーションエンジニアとして働いています。 エンジニアブログ運営としてブログの質を向上させるために、これまでのブログの情報を集めたりもするのですが、これを逐一手作業で行うのは大変です。 ある程度の作業は自動化したい。そういったときはブックマークレットを作ると便利ですよね。 今回はそんなブックマークレットの作り方をまとめてみました。 「ブックマークレット？よく知らないな」「聞いたことあるけど作り方とか気にしたことなかった」という人がいれば是非一緒に試してみてください！ 筆者の開発環境やこのブログで利用する主な技術…

#JavaScript#TypeScript#Rollup#Vercel#ブックマークレット
365歩のテック•12日前

AWS CDK Conference Japan 2023で登壇してきました

「AWS CDK Conference Japan 2023」で登壇してきました。 1ヶ月4本登壇の内2本目でした！

#AWS#JAWS-UG#CDK#Zod#TypeScript
FJCT Tech blog•21日前

【CI戦術編 その9】自動生成しか勝たん openapi-typescript

ネットワークサービス部のid:a8544です。 連載10回目の今回は、OpenAPI Specification (OAS) から、TypeScriptのクライアントコードを生成するツール、 openapi-typescript を取り上げます。 OASを生成する意義やその方法は、前回の記事でご紹介しました。 その中で「OASを元にしたAPIクライアントを生成するツール」が存在することもご説明しました。 わたしたちはバックエンドサービスだけでなく、そのためのWebフロントエンドもあわせて開発しています。 openapi-typescriptは、そのWebフロントエンドのためのAPIクライアント…

#TypeScript#OpenAPI
いろいろ備忘録日記•23日前

Deno KVが発表 (Deno, KVストア, SQLite3内包するようになった, v1.32)

概要 参考情報 概要 以下、自分用のメモです。忘れないうちにメモメモ。。。 Deno KVが発表されましたね。以下の記事で知りました。感謝 m( )m www.publickey1.jp deno.com Cloudflare D1みたいな感じですかね。 ローカルでもサクッと利用できるデータストアが標準扱いで搭載されるようになるのは良いですね。 Deno.openKV() でストアを取得して、後は操作です。 const KEY = ["key"]; if (import.meta.main) { const kv = await Deno.openKv(":memory:"); await k…

#TypeScript#Deno
await wakeUp();•23日前

WebRTCを使ったアプリケーション開発時に使えるReactコンポーネントライブラリを作った

はじめに GWの成果物として、Reactのコンポーネントライブラリを作って公開しました。github.com私はWebRTCを使ったWebアプリケーションを時々作るのですが、デバイス選択機能を毎回自作しており、コンポーネントとしてまとめておけば、いつでも手軽に使えて嬉しいのでは?と思い、作ってみました。 音声の入力・出力、映像の入力のデバイス選択機能と、映像のプレビュー表示機能を実装しました。 vitest、Playwrightを使ったテストや、GitHub Actionsでのリリース作業の自動化などもやったので、得られた知見を記事としてまとめておこうと思います。

#react#TypeScript#webrtc#GitHub Actions
hacomono TECH BLOG•24日前

なるべく楽して JS のライブラリを作ってみる (part 1: 設計)

フロントエンドテックリードのみゅーとん(@_mew_ton)です。どうも。 今まで、ライブラリを作りたい要件だけはずっと溜まっていって、どうも時間がなく手がつけられていませんでした。 が、個々最近AIが話題ですね。ChatGPT に文書を書かせたりするのがかなり流行ってますし、非常に面白いです。 また、同じタイミングで弊社では GitHub Copilot を使えるようになりました。 これはいい機会なので、なるべく楽して npm に公開したいライブラリを作ってみました。 ライブラリは要件が確定しており、この要件をもとに、ライブラリの名前・メソッド名・ライブラリのREADMEを作ってもらうところ…

#ChatGPT#npm#TypeScript
Labo288•1ヶ月前

Cloudflare Workers + Honoを試したメモ

以下をなぞって、かんたんなAPIの作成、デプロイ、KVを試した zenn.dev Cloudflare Workers wranglerを使えばデプロイ・KVの追加など非常にかんたん、これがDXが良いってやつか〜 KVは結果整合というやつで、リアルタイム性が求められるデータには無理。キャッシュと、静的ファイルの配信に使うものっぽい Durable Objectは強整合、リアルタイムなやつはこっち（チャットアプリのバックエンドとしての公式デモがある） Hono Honoはとてもよくて、Expressを書いたことがあればあまり頭使わずにエンドポイントを生やせる （Workersの仕様にもよるのだろ…

#メモ#Cloudflare Workers#Hono#TypeScript
かもメモ•1ヶ月前

React jotai で localStorage を使って state を永続化するコンポーネント作ってみたのメモ

React で jotai を使って local storage に JTW を保存して永続化・リロード時に状態を復帰するのをやってみためも。 (※ サンプルなので local storage に JWT を保存するのはセキュリティ的によろしくないってのは今回考慮していません ) シナリオ ログインの際に API から JWT token とユーザー情報が返される JWT token は local storage に保存する ユーザー情報は React の state にする 初回アクセス・リロード時にユーザー情報を永続化された JWT から復元するシナリオ local storage に …

#TypeScript#jotai#localStorage
Leverages Tech Blog•1ヶ月前

株式会社エイチーム様とフロントエンド合同勉強会を開催しました

レバレジーズ株式会社 テクノロジー戦略室室長の竹下です。 2023/3/24に、エイチームさんと、フロントエンドをテーマに合同勉強会を開催しました。 以前もプレイドさんと合同勉強会を開催したことがあるのですが、前回は2社クローズだったところを今回はconnpassで一般公開して開催しました！ また、弊社の開発拠点が東京の渋谷で、エイチームさんの開発拠点が名古屋なので、リモートでの開催でした。 この記事では、弊社のエンジニアの発表内容を簡単にご紹介したいと思います。 発表内容 弊社からは、4人が発表しました。 speakerdeck.com AWS Amplify Studioと Figmaを組…

#勉強会まとめ#TypeScript#react
(O+P)ut•13時間前

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

更新日時 2023/06/02/07:07 Qiita Trends Daily 1位 ※前日1位 ポエム,逮捕,弁護士,刑事事件,裁判 Qiita Trends Daily 2位 [New] NLP,gpt,bert,Transformer,ChatGPT Qiita Trends Daily 3位 [New] プログラミング,ポエム,エンジニア,論理学,プログラマー Qiita Trends Daily 4位 [New] Python,初心者,Docker,VSCode,新人プログラマ応援 Qiita Trends Daily 5位 ※前日6位 Python,SQL,初心者,データ分析,C…

Aikの技術日記•18時間前

Youtube Analytics and Reporting API使ってみた - Part2:Youtube Analytics API編

※当記事の情報は、執筆当時(2023/05/31)時点のものです。 それ以降の最新情報については、公式Docsを参照してください。 Part1基礎知識編はこちら はじめに Youtube Analytics APIで何ができるか queryAPIの紹介 実際のリクエストをもとにレスポンス構造を知る メトリクスとディメンションについて レポートについて チャンネルレポートの一覧 動画関連の情報を取れるレポート 再生リスト関連の情報を取れるレポート 広告パフォーマンス関連の情報を取れるレポート サンプルクエリ例をもっと知りたい方へ おわりに はじめに こんにちは、筆者です。 前回は「基礎知識編」と…

appdevkobegoroのブログ•20時間前

NestJS・React環境でGraphQLを学習してみた①

まずGraphQLとNestJSについて基本的なことをまとめてみた。 GraphQL GraphQL 特徴 スキーマについて NestJS NestJS 特徴 Moduleについて Resolverについて Serviceについて Dependency Injection GraphQLを扱う方法 GraphQL GraphQL 特徴 Facebookによって開発 スキーマ クエリ操作 Query → データの問い合わせ Mutation → データの書き換え Subscription → データの購読（？） APIエンドポイントが1つ（/graphql） リソースの取得に柔軟性がある → オ…

@peccul is peccu•1日前

20230601 today i see

続くか分からないが、見たもの読んだものを記録してみる。 こういうのを LogSeqとかに残したらええんか。どっちがええやろか。 itnext.io Angularのコマンド nx でリポジトリをセットアップする記事かな。髭のおじさんが懐かしい。 モノレポとポリレポのどっちがいいか、みたいな chatbotslife.com 企業家がChatGPT使うなら。 ペルソナ定義してそのペルソナでアウトプットする、AIに入力するプロンプト書かせるの面白い。 なんでもありやなぁ 市場になってる。 medium.com 便利げなアプリ選。fantastical入れてみた betterprogramming.…

isobe_yakiのブログ•1日前

3Dのニコ生ゲームを作ろう　その2

前回は色々と下調べしてニコ生ゲームでWebGLを使ったゲームを作ろうというところまでやった。 今回はひとまずAkashicでWebGL描画をする最小サンプルを作っていこうと思う。ちなみにWebGLそのものの使い方自体は当ブログでは取り扱わない。それに関してはネットに十分情報があるのでそれらを見てもらえば問題ないだろう。 ※webglに関してはこちらのサイトが詳しい。 wgld.org 最小サンプル // 描画時に呼び出されるコールバックを指定できるスプライトクラス class CustomSprite extends g.Sprite { constructor(params) { super…

freee Developers Hub•1日前

RubyKaigi 2023 に参加してきたよ

こんにちは. freee で freee会計のエンジニアをやっているけむりだま (@_kemuridama) です. 最近は技術的負債や実装の標準化を行うチームで freee会計のフロントエンドの TypeScript 化を行っています. 開催からしばらく経ってしまいましたが, 会社にサポートしてもらって参加した RubyKaigi 2023 の参加レポートを書こうと思います. すでに技術的な話題についてはいろんな人や会社から出ていると思うので, この記事はどちらかというと感想レポートです 🙏 RubyKaigi 2023 のスポンサーボード前で freee の参加者とまつもとゆきひろさんで撮…

Stanby Tech Blog•1日前

フロントエンド開発のコーディングガイドライン

はじめに はじめまして。フロントエンド開発グループに所属している岩釣です。 スタンバイの月間ユーザー数が1000万人を突破しました！(2023年4月末) 本記事ではそんなスタンバイのフロントエンド開発のコーディングガイドラインを紹介します。 なぜコーディングガイドラインを作るのか コーディングガイドラインを作成して運用するメリットは以下です。 コードの可読性の向上 コーディングガイドラインを規定しチーム全員がコーディングガイドラインに基づいて開発することで、コードの統一性が保たれ、コードの可読性が向上し、保守性が高まります。 チーム内でのコミュニケーションの円滑化 コーディングガイドラインが規…

My Bookmark•1日前

2023/06/01(木)の出来事

めざせ爆速開発! ChatGPTの個人開発にGoogle Apps Scriptをオススメする理由 本格的に「ライター」という職業が終わった気がする [第百十九話]【推しの子】 - 赤坂アカ×横槍メンゴ | 少年ジャンプ＋ Terraform Cloudの無料枠が強化、ユーザー数制限なし、シングルサインオン可能など 立花京子とそれ以外 - ヨシカゲ | 少年ジャンプ＋ DB設計の共有で疲弊してない？dbdocsのすゝめ 【日本ハム】「艦これ」コラボ 始球式で藤田咲が大暴投 野水伊織とタニベユミはスタメン発表 - プロ野球 : 日刊スポーツ 人に「センスない」って言っているやつが一番センスない …

ROBOT PAYMENT TECH-BLOG•2日前

AWS CDKを利用したAppRunner環境構築の実装

こんにちは。ROBOT PAYMENTでエンジニアをしているtakamoriです。 今回は、AWS App Runnerを使って簡単にデプロイできましたの記事の続編として、AppRunner環境の構築に利用しているAWS CDKの実装編を書いていきたいと思います。 tech.robotpayment.co.jp 目的 本記事の目的は、主にAppRunnerとRDS連携のCDK実装のサンプルコードの紹介です。 AppRunnerはフルマネージドサービスなので簡単な設定で利用できますが、RDSやDynamoDBといった別リソースにアクセスする等が往々に発生します。その際の参考にしていただければ幸い…

Michi's Tech Blog•2日前

Reactキャッチアップへの道④ 『グローバルステートの管理』

こんにちは！ スマレジ テックファームのMichiです！ 前週に引き続き、Reactのキャッチアップをしていきます。今回は『グローバルステートの管理』について学びます。 グローバルステートの管理方法 Contextを使用する方法 外部ライブラリを使用する方法（Redux） Reduxの基本概念: ステート（State） リデューサー（Reducer） アクション（Actions） 実践 準備 ステートの利用 ステートの更新 どうやって使い分けるのか？ Contextのメリット Reduxのメリット まとめ グローバルステートの管理方法 Reactにおけるグローバルステートの管理方法は2つありま…

開発日誌•2日前

React Hook Formとreact-dropzoneとZodでファイルアップロードフォームを作って、nodemailerでファイルをメール送信する

React Hook Formとreact-dropzoneを組み合わせた時にバリデーションを発火させるのに手間取ったのでメモ。知ってれば難しいことはない。 Next.jsのAPIでnodemailerを使ってメールを送るのアップデート版 textareaのinputをメール送信するだけの機能に、下記の要素を追加 選択肢を追加 ファイルのアップロードを追加（pdfに制限する） バリデーションを追加 機能の実現のために、下記のライブラリを追加した React Hook Form: form項目増えるので管理のため react-dropzone: ファイルアップロードをドラッグ＆ドロップで実現した…

present•2日前

WEB+DB PRESS Vol.125

バックナンバーを読んだのでメモを残しておく。 特集1 プログラミング言語のしくみ まず抽象構文木とインタプリタを実装し、次に構文解析器という流れ。ボトムアップから、動く状態のものを作りながらイテレーションをまわすのがエタりにくい。良いアプローチ。いきなり構文解析器からだと敷居高いだろうし。 DBもそうだったけど、作って学ぶシリーズで車輪の再発明を実際にやるのは、学習にピッタリ。 特集2 GraphQL 完全ガイド GraphQL はスキーマファーストとコードファーストどちらでも始められる。クライアントはスキーマファーストが向いてそう。スキーマからTypeScriptのコードを生成するのは、Op…

ricomintea’s diary•2日前

マスタリングDeno Fresh メモ

⚠️これはドキュメントを読んだメモです。 テンション上げていけという気持ちでマスタリングという名をつけています。 fresh.deno.dev Deno Freshとは 速度・信頼性・シンプルを掲げて作られた、Deno実装の次世代Webフレームワーク。ビルドステップがなくエッジレンダリングベース。TypeScriptやフロントエンド開発に必要な基本的な機能に設定を必要としない。アイランドアーキテクチャを採用していて、デフォルトではクライアントはJavaScriptを必要としない。 引用: https://fresh.deno.dev/ Fresh embraces the tried and …

ゆもにっき-技術と生活改善と哲学-•2日前

jest globalで変数定義してもTS2304のname not found エラーが出るときの対処方法(Google Apps Script x jestのヒントつき)

前提 jestを使っている jest.config.jsのglobalsに定義されている 参考 https://stackoverflow.com/questions/71987339/google-app-script-typescript-and-jest-testing-mocking-googleappscript-object-n 2日に及び、4時間くらいで判明したこと declareするといい(その場しのぎ感) jest.config.js module.exports = { globals: { SlackApp: { create: () => { return { getC…