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

TypeScript

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

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

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

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

Next.js(TypeScript) + react-three-fiberでVRMを表示する

こんにちは、フロントエンドエンジニアの堀江（@nandemo_3_）です。 前回、Babylon.jsを使って簡単に、Web上に3Dモデルを描画しました。 synamon.hatenablog.com 元々は、Web上でVRMを描画したかったので、今回はそちらにチャレンジしていきたいと思います。 VroidHubのアバタープレビュー画面ですね。 すでに、いろんな方がやられているので、そこまで真新しさはありませんが、 Next.jsでトライしてみましたので、参考になれば幸いです。 はじめに 当初は、Babylon.jsをベースに、Web上にVRMを表示しようと考えていました。 babylon-v…

#NextJs#TypeScript#JavaScript#react#threejs#react-three-fiber#three-vrm#VRM#BabylonJS

ネットで話題

もっと見る
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

関連ブログ

JMDC TECH BLOG•6日前

Wailsでクロスプラットフォーム業務改善アプリを開発してみた

JMDCでエンジニアをしてます @dtaniwaki こと谷脇です。 github.com 最近は社内の業務改善にも取り組んでいます。JMDCでは健保、自治体等とのやりとりが多く、まだまだ手作業、紙作業が多く残っており、業務改善が重要な課題となっています。そんな中で先日、Wailsというフレームワークを使って印刷ミスを防ぐために印刷物の対象者リストから外字を使っている対象者を発見するツールを作ったのでその所感を書きます。 選定理由としては、 クロスプラットフォームで作りたい。（利用者はほぼWindows, 私はMac） 慣れているスタックで開発したい。（React/TypeScript/Mat…

#TypeScript
365歩のテック•7日前

Construct Hubに「ELBの5XXをいい感じに検知するCloudWatch複合アラーム」を公開した

ちょっと長いタイトルですが、そんなCDKコンストラクトライブラリをConstruct Hubに公開しました。

#AWS#CDK#CloudWatch#ELB#ElasticLoadBalancing#TypeScript
Tech Bytes•8日前

Typescriptの人気がある理由は？

TypescriptはJavaScriptの欠点を補う Typescriptは、JavaScriptの拡張言語であり、コンパイル時に静的型チェックを行うことができるため、JavaScriptの欠点であった型に関するエラーを減らすことができます。 このような特徴から、Typescriptは近年、Web開発において人気が高まっています。 以下に、Typescriptの人気がある理由をいくつか挙げてみます。 1. 静的型チェック Typescriptは静的型チェックを行うことができるため、JavaScriptよりも多くのエラーをコンパイル時に検出することができます。 これによりバグを減らすことができ…

#サンプルコード#静的型チェック#ドキュメント生成機能#拡張性の高さ
Tech Bytes•8日前

近年のプログラミング言語の流行りは？

近年のプログラミング言語の流行りについて プログラミング言語の流行は常に変化していますが、2021年の時点で最も人気のある言語は以下のとおりです。1. Python 2. JavaScript 3. Java 4. C ++ 5. C # 6. TypeScript 7. PHP 8. Swift 9. Kotlin 10. Goこれらの言語は、Web開発、データサイエンス、機械学習、人工知能、ゲーム開発、モバイルアプリケーション開発などのさまざまな分野で使用されています。 ただし、このリストはあくまでも一般的な傾向を示しているに過ぎず、特定の業界やプロジェクトによっては、別の言語がより適して…

#プログラミング言語#人気#Python#Ruby#Java#PHP#Swift#Kotlin
ネットワークデザインスタジオのブログ•9日前

はじめての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
Adwaysエンジニアブログ•16日前

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

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

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

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

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

#AWS#JAWS-UG#CDK#Zod#TypeScript
FJCT Tech blog•1ヶ月前

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

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

#TypeScript#OpenAPI
いろいろ備忘録日記•1ヶ月前

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
tanakahdaのプログラマ手帳•17時間前

Hello Next.js 13 @Next.js

アプリのテンプレートを作成 tanakahda@MacBook-Air Sample% npx create-next-app@latest Need to install the following packages: create-next-app@13.4.4 Ok to proceed? (y) y ✔ What is your project named? … hello-nextjs ✔ Would you like to use TypeScript with this project? … No / Yes ✔ Would you like to use ESLint with…

りまりまだんの本拠地•2日前

Dev Container利用時にgit commitしたとき「Waiting for your editor to close the file...」エラーが出てきたため対応した

最近Visual Studio CodeのDev Containerを使って開発している。 使い始めのときgit commitを試みたところ、「Waiting for your editor to close the file... 」と出てきて焦ったため解消法をメモしておく。 エラー内容 devcontainer.json 解消法 Vimを使いたい場合 Visual Studio Codeのエディタを使いたい場合 原因 OSのgitconfig設定の確認 Dev Container imageのOSを確認 参考URL エラー内容 「vimなんてないからコミットメッセージが編集できませんよ」と…

FJCT Tech blog•2日前

【CI戦術編 その12】CI戦術編総まとめ — いつ何を使うべきか

クラウドインフラ本部ネットワークサービス部のid:a8544です。 連載13回目の今回は、これまで「CI戦術編」で紹介してきたいろいろなツールについて 振り返り、それらツールをいつ・どのように実行するべきなのか、わたしたちの実例をもとにご紹介します。 わたしたちのCIで動いているツールたち 🤔 ふりかえり — ご紹介してきたツールたち これまで本連載では、わたしたちがCIで活用しているツールの一部をご紹介してきました。 それらツールを次の表にまとめます（各記事へのリンクは、本記事末尾のバックナンバーをご確認ください）。 回 ツール（等）名 ひとこと説明 2 alembic データベースマイグレ…

とあるフロントエンドエンジニアの学習ブログ•2日前

Jestを使ってフロントエンドのテストコードを書いてみる2

前回までのおさらい3行 Jestでサンプルコードとテストコードは書けた テストも実行できた でもエラーがたくさん出た エラーコードチェック ヒントは Jest encountered an unexpected token というエラーと import { areaCalc } from "./areaCalc"; SyntaxError: Cannot use import statement outside a module かな、importでやいのやいの言われている？ https://stackoverflow.com/questions/51994111/jest-encounter…

くらげになりたい。•2日前

Nuxt3でpages配下の特定ディレクトリをルートから除外する(`pages:extend` hook)

Next.js関連のこのツイートを見て、 Nuxtでもやりたいなと思ったときにいろいろ調べてみたときの備忘録(*´ω｀*) 最近、ディレクトリをカスタマイズするのが便利なのでは？ と思っていろいろ試行錯誤中(*´ω｀*) components のディレクトリ構成のベストは？Next.js の中の人的には今のところ・全体で共有するものは /app の _components におく・ページ固有のものはページディレクトリ内の _components におくというのが良いらしい。_ 接頭辞によりルーティングから除外できる。 https://t.co/BeU7qyZj0Z pic.twitter.co…

@tmtmsの日記•2日前

2023/06/08

OPPO Reno7 A を使ってるんですが、ロック画面のパターン認証の線が消せないのと、カメラのシャッター音が消せないのが不満です。Xiaomi のスマホはどちらも可能なんですが。— とみたまさひろ🍣🍺 (@tmtms) 2023年6月8日 このサイトに登録してあるから見て。でもいいような気がします。会社によるか。— とみたまさひろ🍣🍺 (@tmtms) 2023年6月8日 よく知ってるプログラミング言語で Copilot 使うと思考の邪魔になるデメリットが大きいと感じたので無効にした。最初は面白いと思ったんだけど、ChatGPT が変な回答するのを見て面白がってるのと同じで、別に効率化には…

身長191cmエンジニアのブログ•2日前

NestJSに入門してみる

タイトル通り、NestJSに入門してみます。 最近Nuxtのアップデート作業も落ち着いてきて次はTypeScript導入、というタイミングでバックエンドもTypeScriptで書けたら面白いかもと思ったのがきっかけです。 NestJSとは A progressive Node.js framework for building efficient, reliable and scalable server-side applications. とあるように効率的かつ信頼性の高いスケーラブルなサーバーサイドアプリケーション構築のためのNode.jsフレームワークです（直訳）。 Node.jsのフ…

algonote•3日前

#ex_cookpad に集まったアクティブに採用している企業一覧

求人まとめ 前口上 クックパッドで人員削減、退職勧奨があったようで、各社が採用情報をTwitter上で #ex_cookpad に流しています。 クックパッド社で働いたことはないんですが、Rubyコミュニティーへの貢献は大きいものがあり、よく技術ブログを読んでいます。 エンジニアのレベルが高いのもあるのですが、デザイナーが半分PMを兼ねているような業態が独自な部分で強いところですね。 フローメディアだと流れてしまうので、exクックパッドな人も、単に転職先探している人にも有用そうなので簡単にまとめておきます(職業紹介を目的としておらず個人的なメモです)。 エンジニア Ruby タイミー Scov…

アキタイムズ•3日前

AWS CDKユーザーが初めてのTerraformで、VPCを作成するまでを試す

普段はAWS CDKユーザーなのですが、今回は初めてTerraformを触ってみました。 全くの初学者の為、その点はご容赦ください。 セットアップ手順 普段はWindowsを開発環境として利用している為、chocolateyを使ってインストールします。 choco install terraform terraform -v Terraform v1.4.6 備考 既にawsのクレデンシャルは設定済の状態です。 構築 こちらのハンズオンを参考に構築しました。 今回はterraform-sampleディレクトリを作成し、まずvpc.tfを用意。 記述は以下です。 resource "aws_vp…

estie inside blog•3日前

デザインエンジニアしか知らない世界　後編

こんにちは、omoteです！ デザインエンジニアしか知らない世界 後編です。 前編はこちらからどうぞ。 前回に引き続き、Reactコンポーネントの設計について話していきたいと思います。 SuspenseというAPIが出現した件 きょんしーに取り上げてもらいました。 Suspenseは、React16.6から追加され、React18から正式採用された機能です。 「ローディング中はレンダリングできない」という状態をコンポーネントごとに管理できます。 ReactはDOMを生成しUIを表示するためのライブラリです。 つまり、画面中に1つでもローディングできないデータがあれば、レンダリング結果が帰って来…

物理シミュレーションの記録ノート•3日前

VScodeでC/C++の環境構築

現在（2023年6月）のPCスペック OS：Windows 11 home CPU：11th Gen Intel(R) Core(TM) i7-1165G7 @ 2.80GHz 2.80 GHz RAM：1.6 GB SSD：237 GB VScodeのインストール Visual Studio CodeのHP https://code.visualstudio.com/Download より、VSCodeUserSetup-x64-1.78.2 をダウンロードしてインストール。 VScodeの拡張機能のインストール Japanese Language Pack C/C++ C/C++ Exte…

世界が幸せで在ります様に•3日前

上級プログラマへのステップアップを図るための本はどんな読んできたの？初級～中堅プログラマが今後マウンティング取られないための名著4選

初めに 以前もご紹介したサイトである「上級プログラマってどんな本読んでるの？中堅プログラマがマウンティング取られないための名著8選」という記事を書いてから5年経っているので、2023年版ということで、読んでおいた方がよい本を4つ紹介します。 敬語だったり、敬語じゃなかったりしてますが、書いた瞬間の気分によってそうなったりするだけなので特に意味はありません。 valuable.hatenablog.com プロを目指す人のためのTypeScript入門 安全なコードの書き方から高度な型の使い方まで Software Design plus プロを目指す人のためのTypeScript入門 安全なコ…

空谷に吼える•4日前

『実践Svelte入門』を読んだ

実践Svelte入門を読んでの感想、気をつけておくと良さげなポイントなどのメモ。