Microsoftが2012年10月に発表した AltJS のひとつ。C#の設計者でもあるAnders Hejlsbergが設計した。
構文はJavaScriptの上位互換であり、オプショナルな型アノテーションやECMAScript6 (ECMA-262 6th) のクラス構文などを追加している。
UPSIDERでエンジニアをしている太田です。 (@Hide55832241) Claude CodeやCursor、GitHub CopilotなどAIによるコード生成が当たり前の時代になりました。 確かに開発速度は上がるかもしれません。 しかし、その代償として私たちは何を失っているのでしょうか? ※ 記事内のコード例は主にTypeScript、Reactを前提としたものになっています 失われる学習機会 つまずきから学ぶ機会が失われる コードを書いていて想定外のことが発生したとき、そこに学習の機会があります。 頭の中ではこう考えたけど実際に書いてみたら想定外のことが発生し考え直す必要に迫られ…
はじめに ChatGPTに協力してもらい、小さいアプリケーションをいくつか作成しようと思いました。 今回はクリック連打ゲーム(002-click-game)の作成になります。 GitHubで管理しています。 GitHub - masakiYLv1/build-with-react この記事でやること ChatGPTから出題される問題、クリック連打ゲームをReact + TypeScriptを使用して解くこと。 主にReactとTypeScriptを使用すれば、そのほかは自由(ライブラリやフレームワークなど) この通りに作成する必要はありません。達成条件を満たせば良いです。 概要 制限時間内にボ…
概要 CORS を何度学んでみても、しばらく経つと全く内容を理解していないことが多かったので、ローカルで動作する CORS を試すことのできるアプリケーションを作って触ってみました github.com CORS の概要 CORS とは javascript が本来禁止されているクロスオリジンのリソースにアクセスするための制限緩和のためのブラウザの仕組みです 本来、javascript は同一オリジンポリシー(SOP)というセキュリティ上の制限があり、異なるオリジンのリソースにアクセスすることができませんが、 現代ではアプリケーションがオリジンを跨いでアクセスすることが一般化しているので、CO…
こんにちは、虎の穴ラボの原です。 今回は、TypeScriptでコードを書くときに、なんとなく雰囲気でtsconfig.jsonのmoduleオプションを理解していた私が、オプションの詳細を調べた内容を備忘録としてまとめました。 TypeScriptでプログラムのコードを読んでいる際、インポート先のファイルを指定する箇所で、拡張子がついている場合と、ついていない場合があって混乱していました。 この混乱を解決するためにmoduleオプションを追っていくと、JavaScriptの実行環境(ブラウザとNode.js)の違いや、歴史の背景も見えてきて、なかなか興味深い内容でした。 moduleの基本と…
はじめに こんにちは!またもや株式会社ゼストでエンジニアをしている正原です。 この記事が公開されるクリスマスイブイブともなると、2025年はもう約一週間しか残っていません。 稼働日も限られてきて今着手してるタスクが終わるのか?と少し焦る気持ちもありますが、 いざとなったら2026年版のニュー正原がなんとかしてくれるに違いないと信じています。 でもきっと去年までと同様に「去年末は何やってたっけ?」となるに違いないと確信もしています。 さて、今回のテーマは「Prismaと生成列」についてです。 多くのプロダクトで生産性の向上や型の安全性のためにORMを利用しているかと思いますが、 ORMは多くのD…
皆さんこんにちは、虎の穴ラボのy.fです。 2025年12月17日 (水) に Deno についてのLT会 『toranoana.deno #23』を開催しました。 toranoana.deno #23 - connpass
この記事は、ゼスト Advent Calendar 2025の19日目の記事です。 こんにちは、株式会社ゼストでエンジニアをしている山下です。 弊社では訪問看護・介護事業所向けのスケジュール管理サービス「ZEST」を開発しています。先日、弊社のプロダクトの1つである ZEST HUB のiOS/Android向けスマホアプリをリリースいたしました。 prtimes.jp 従来はWebサービスの一部としてブラウザから使用する形態だったのですが、訪問看護・介護スタッフの利便性向上や、今後の更なる機能拡張を目的として、ネイティブアプリとして再設計・開発を行いました。 ネイティブアプリ化によって、ボタ…
「CursorのMCPって何?どう設定すればいい?」「GitHubやPlaywrightと連携したいけど、方法が分からない...」「MCPで開発効率を上げたい!」こんな悩みを抱えていませんか?私は現役Webエンジニアとして、CursorのMCP機能を活用して開発効率を大幅に向上させています。この記事では、CursorのMCP(Model Context Protocol)の設定方法と実践的な使い方を、初心者でも分かるように徹底解説します。この記事を読めば、MCPを活用してGitHubやPlaywrightと連携し、開発作業を劇的に効率化できます。関連記事: Cursor完全ガイド:基本設定と使…
「Cursorをインストールしたけど、何から設定すればいいか分からない...」「.cursor/rulesって何?どう書けばいい?」「おすすめの設定を教えてほしい!」こんな悩みを抱えていませんか?私は現役Webエンジニアとして、Cursorを毎日業務で使っています。この記事では、Cursorを最大限活用するための基本設定を、初心者でも分かるように徹底解説します。この記事を読めば、今日から実務レベルでCursorを使い始められます。📌 この記事について: 対象バージョン: Cursor 2.0対象読者: 初心者〜中級者注意: Cursor 2.0では一部の設定項目が変更・削除されています(詳細は…
「Gemini 3.0って何が新しくなったのか」「開発者としてどう活用すればいいのか」「従来版と何が違うのか」こんな疑問を抱えていませんか。私は現役Webエンジニアとして、Gemini 3.0を実務で活用しています。この記事では、Gemini 3.0の新機能と開発者向けの活用方法を、実体験に基づき徹底解説します。この記事を読めば、Gemini 3.0を開発効率化に活用できるようになります。関連記事: CursorでGemini CLIを無料で使う方法【2025年版】GoogleのAIエージェントを完全解説Cursor完全ガイド:基本設定と使い方【2025年版・初心者向け】【2025年版】AI開…