Microsoftが2012年10月に発表した AltJS のひとつ。C#の設計者でもあるAnders Hejlsbergが設計した。
構文はJavaScriptの上位互換であり、オプショナルな型アノテーションやECMAScript6 (ECMA-262 6th) のクラス構文などを追加している。
ViewTransitionAPIとは ページを遷移する際にスムーズなアニメーションを追加できるブラウザネイティブのAPI メリット 遷移アニメーションがスムーズ 記述が簡単 ブラウザネイティブの機能ため、JavaScriptによるアニメーションよりパフォーマンスが優れている developer.mozilla.org ReactでViewTransitionコンポーネントが利用できるようになる <ViewTransition> コンポーネントが実験的にReactに追加された github.com <ViewTransition> で子要素をラップすることで、それらの間の変化をアニメーション機…
カミナシのソフトウェアエンジニア佐藤です。カミナシレポートの開発に携わっています。 フロントエンドのエラーは「画面リロードやブラウザ再起動で復旧できる(かもしれない)」「クラッシュしてもユーザーの端末に閉じる」などの理由から、バックエンドよりは精緻に扱われない傾向があると個人的には感じています。 その一方、カミナシレポートは、ノンデスクワーカー向けの不安定なネットワーク環境で利用されることも多々あるアプリです。そのため、デジタルツールに不慣れな方のために精緻なフィードバックが必要とされる、リロードに頼ることが難しいケースがある、などの理由でエラーの扱いにも慎重になる必要があります。 本記事では…
システム開発部新規プロダクト開発ユニット(NDU)の大石です。 NDUはその名の通り、広告事業に関わらない様々な新規事業に関するサービスの開発・立ち上げを担当するユニットです。 新規事業の立ち上げではスピードが重視され、NDU では効率的な開発で迅速なローンチを目標の1つとして開発をしています。 今回はBtoB企業向けの商談獲得ツール「ショウグン」の開発で行ったAPIの型定義の効率化について紹介いたします。 ショウグン OpenAPIとAPIファースト開発 NDUをはじめ、マイクロアドの様々なプロジェクトでOpenAPIを用いたAPIファーストな開発を取り入れており、ショウグンでも採用していま…
こんにちは、OTTサービス技術部開発第一グループの麻田です。 今回は、案件で実施した型リポジトリの導入および運用効率化の取り組みについてご紹介します。 導入背景と課題 開発時の運用 GitHub Actions による CI/CD パイプライン構築 自動化の流れ 現状の課題と今後の展望 まとめ 導入背景と課題 私たちのチームでは、OTTサービス向けのWebおよびHTML5 TV(テレビ向けWebアプリ)のフロントエンドと、BFF(Backend for Frontend)の開発を担当しています。 直近でプロダクトをTypeScriptへ移行しましたが、ツールを使って一括変換したこともあり、型定…
2025年注目のプログラミング言語トレンドとは? テクノロジーの進化とともに、プログラミング言語のトレンドも常に変化しています。2025年現在、IT業界ではどのような言語が注目され、なぜ支持を集めているのでしょうか?今回は、最新の開発現場で支持されている言語とその背景を詳しく解説します。 1. 不動の人気を誇る Python AI・機械学習ブームの影響で、Python(パイソン)は依然として高い人気を維持しています。シンプルで読みやすい文法が特徴で、初心者にも優しく、ベテランにも効率的です。2025年現在でも、データサイエンス・自動化・スクレイピング・Web開発など、あらゆる場面で使われていま…
はじめに 本ブログは、2025/02/21(金)に開催された「JAWS-UG CDK支部#19 クラスメソッドコラボ回」における私のLT「CDKでカスタムランタイムを作成して、Lambdaをnode.js23+TypeScriptで動かしてみた」の詳細資料になります。 https://jawsug-cdk.connpass.com/event/343974/jawsug-cdk.connpass.com LTの発表資料は、下記で公開しています。(上記Connpassページにもリンクがあります) speakerdeck.com なお今回は下記の構成で、何回かに分けて投稿します。 カスタムランタイ…
English article is here: openapi-fetch-gen – Generate TypeScript API client from OpenAPI TypeScript interface definitions created by openapi-typescript - DEV Communitynpm registryにも公開されています。従って以下のようにダウンロード可能です。 npm install @moznion/openapi-fetch-gen これは何 / 背景 OpenAPI 3の仕様からopenapi-ts/openapi-typescr…
Node.js + TypeScript (node ts) で始めるモダンなサーバーサイド開発 1. Node.js とは? 2. TypeScript とは? 3. なぜ Node.js で TypeScript を使うのか? (node ts のメリット) 4. Node.js で TypeScript を始めるための準備 5. Node.js + TypeScript の開発手順 6. 開発をさらに快適にするための設定 まとめ Node.js + TypeScript (node ts) で始めるモダンなサーバーサイド開発 近年、JavaScript をサーバーサイドで実行できる No…
はじめに コードの保守性向上や技術的負債の解消のため、リファクタリングは開発プロセスにおいて欠かせない作業です。しかし、新機能の作成やバグ修正を伴わない一方でデグレや障害の原因になり得るため、非エンジニアからは避けたがられる傾向にあります。 こういった背景から、特に複雑で重要な機能について、リファクタリングがなかなか行われず、しかも長い年月をかけて機能追加が行われ、よりリファクタリングがしづらくなっている、といった悪循環もあるでしょう。 開発初期からあるコアな機能などは、そういった傾向が強いように思います。 このような「秘伝のタレ」になっている機能に果敢に切り込むも、複雑なソースコードを十分に…
こんにちは!普段ReactとTypeScriptを使ったフロントエンド開発をしているT.C.です。 配列操作はarray.map()やarray.forEach()といった便利なメソッドを使うことも多いですが、いざfor文を書く必要が出たとき for of なのか for in のどちらを使うべきか迷ってしまうことが多いです。 本記事では for of なのか for in なのかをはっきりさせつつ、その使い方を例示します。 for of なのか for in なのか 配列のループ 値だけを取得する 値とインデックスを取得する インデックスだけを取得する オブジェクトのループ 値だけを取得する…