JavaScriptやTypeScriptで出てくる記述の意味や名称など - QiitaDeleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
MDN推奨JavaScriptコーディングガイド徹底解説｜React・TypeScript対応の最新ベストプラクティス | しんすーブログ
MDN推奨JavaScriptコーディングガイド徹底解説｜React・TypeScript対応の最新ベストプラクティス JavaScript は自由度が高く、個々の書き方が混在しやすい言語です。チーム開発ではスタイルの不一致がバグの温床になり、レビュー工数も膨らみます。 Mozilla が公開する JavaScript Sample Code Guide は、同社が社内のドキュメントやチュートリアル用に用いているコーディング規約を外部公開したものです。公式の絶対基準ではありませんが、実践的かつ網羅的に整理されているため、社内ガイドのたたき台として価値があります。 ここではこのガイドを軸に、最新ブラウザ環境・React 18・TypeScript 5 で役立つベストプラクティスを具体例付きで解説します。 配列初期化のベストプラクティス ― Array.from と new Array の使い
TypeScriptとは？JavaScriptとの違いや導入のメリット・課題を解説｜Udemy メディア
システム開発 2025/05/02 TypeScriptとは？JavaScriptとの違いや導入のメリット・課題を解説 TypeScriptの利用を検討しているものの、 ・使い方が分からない…。 ・JavaScriptとの違いが知りたい…。 という方も多いのではないでしょうか。そこでこの記事では、 ・TypeScriptのメリット・デメリットやJavaScriptとの関係性 ・TypeScriptのインストールからコンパイルまでの方法 について解説します。 TypeScriptの利用経験がない方でも、この記事を読めば、TypeScriptの特徴や基本的な使い方がわかります。 また、Udemyの講座を併用すれば、TypeScriptでアプリ開発をするための実践的な内容が学べます。 公開日：2020/03/16 TypeScriptとは？ TypeScript（タイプスクリプト）は、JavaS
Effective TypeScript 読んだ / 郷に入っては郷に従う - Object.create(null)
Effective TypeScript (第2版) を読んだ なんらか他の人に読んでおくと良いよと紹介できる本があると良いなと思って読みました. 2020 年以降に TypeScript を書く上での常識が概ね網羅されていると思うので, そういった前提知識に自信をつけたいならおすすめです. www.oreilly.co.jp ただ「項目18 推論可能な型でコードを乱雑にしない」で, 関数の戻り値の型アノテーションをデフォルトで省略するよう推奨していることについては明確に反対したい. より正確には, コールバックなど再利用を想定しない関数についてはデフォルトで省略してもよいが, 通常関数は再利用を目的として定義されがちなことを考えると, デフォルトで省略するというのはあまり実態に則していないと思う. 実際にこの本の後の章には戻り値の型アノテーションを書いておけばよかったのにという状況がしば
【保存版】 2 万文字で語る Python の with 文で始めるリソース管理 ── C++/Go/TypeScript の技法を横断
本記事では、Python の with 文を起点に、多言語の with に相当する概念を横断的に比較し、 リソース管理という "地味だけど重要" なテーマ を一気に理解できるように整理しました。 「〇〇をしたら必ず △△ する」 をコードで保証する ── リソース管理とは？ A. 「そのタスク終わったら Slack で私に連絡してくださいね！」 B. 「はい、わかりました！」 (数日後...) A. 「あれ、Slack で連絡来てないな。」 B. 「違う仕事していたら、Slack で連絡するの忘れてました！」 そんな経験、ありませんか？ 「〇〇をしたら絶対にこれをやる」ということを強制する。 それを実現するのが、Python の with 文です。 〇〇をしたら絶対にこれをやるというのは、 例えばファイルを open したら必ず close をするなどのリソースに対して行うことは特に多く、
TypeScriptのexhaustiveness checkをsatisfiesで簡単に書く
みなさん、TypeScript書いてますか？ ふと気づくと、もうTypeScript 1.0から数えても11年が経過しているんですね。筆者も2015年くらいから本格的に触り始めた組なので、そろそろTypeScript 10年選手を名乗ってもよさそうです。 さて、これだけ長いことTypeScriptを触っていると、昔の文法を前提とした手癖というものも蓄積されていくものです。同僚と雑談していたところ、手癖を改めるべき便利なイディオムを教えてもらったので、備忘録として残しておきます。 Before: 手癖で書いていたexhaustiveness check TypeScriptには、exhaustiveness checkというテクニックがあります。これは、TypeScriptの型システムを利用して、switch文やif文でユニオン型やEnum型の全てのケースを網羅しているかをチェックする手法で
EM候補/フロントエンド（クラウドサイン）
EM候補/フロントエンド（クラウドサイン） 弁護士ドットコム株式会社 @bengo4 TypeScript I want to hear a detailed クラウドサインのエンジニア組織拡大を牽引 クラウドサイン®︎について クラウドサイン®︎は、契約の締結から管理、AIレビューと、一貫してデジタル上で完結できる契約マネジメントプラットフォームです。電子署名法に準拠した電子署名とタイムスタンプによって円滑かつ安全な契約締結ができ、2023年には汎用型電子契約サービスで日本初となる『マイナンバーカード署名』機能もスタート。また、AI契約書管理機能や、AIレビュー支援サービス『クラウドサイン レビュー』などAI技術を積極的に採用することで、契約業務全体の時間短縮を実現しています。また、電子契約市場においては企業や自治体などで幅広く導入されている、No.1※のサービスです。 ※株式会社富士キ
ESLint コアルールの TypeScript 対応について
ESLint コアルールの TypeScript 対応について ESLint v9.23.0 で ESLint のコアルールの TypeScript 対応が開始しました。 その後の ESLint のアップデートでもコアルールの TS 対応が進んでいます。ESLint コアの責務を増やすような機能追加は少し意外だと感じたので、その背景について調べてみました。 背景: 従来のコアルールの拡張方法の課題 ESLint のコアルールは JavaScript を想定して書かれたものであるが、TypeScript に対してもほぼ期待通り動作するルールが多い。TypeScript は JS のほぼ上位互換な言語であるため、TypeScript 用のパーサー (@typescript-eslint/parser) が吐き出す AST もほぼ上位互換であり、パーサーさえ TS 用のものを使えば多くの ESL
【東証グロース上場｜React,React Native】新規プロダクトのアプリ開発をメインに、既存プロダクトのアプリやフロントエンド開発にも携われるリードエン
【東証グロース上場｜React,React Native】新規プロダクトのアプリ開発をメインに、既存プロダクトのアプリやフロントエンド開発にも携われるリードエン 株式会社ハウテレビジョン @howtelevision TypeScript React I want to hear a detailed 募集背景 開発生産性や保守性の観点から進めていた大規模な技術的負債の返済に目処が立ち、2024年12月からCTOにめもりー氏（@m3m0r7）が就任し、開発組織も新体制になった現在、本格的な新規開発を加速していきたいと考えております。 これまで「外資就活ドットコム」「Liiga」「mond」を主軸に事業成長を続けてきたハウテレビジョンですが、新規プロダクトの企画・開発に着手し、さらなる能力開花の促進を実現していきたい背景があり、その新規プロダクト内でモバイルアプリ開発(React Nativ
React + Vite + TypeScript で診断アプリを作ってみた記録（Step2） - Qiita
Step2：UI仮構築とJSONデータ連携 今回は、診断アプリの Step2 として以下の実装を行いました。 ✅ 今回の目的 ハードコーディングではなく、外部JSONファイルから質問データを読み込む仕組みを作る JSXにベタ書きしていたUIを、動的に表示される構成へ変換 質問と選択肢の管理が柔軟になるように構造化する ✅ 追加・変更した内容 1. UIコンポーネントの作成（仮質問画面） return ( <div style={{ padding: '2rem' }}> <h2>質問：{question.text}</h2> <div style={{ marginTop: '1rem' }}> {question.options.map((option, index) => ( <OptionButton key={index} label={option.label} /> ))} <
非同期処理のエラーがErrorBoundaryで捕捉できなかった話
この記事は「Medley (メドレー) Advent Calendar 2024」の16日目の記事となります。 はじめに こんにちは、メドレーの村上です。 今回はTanStack Query（旧React Query）を使用した非同期処理のエラーハンドリングで遭遇した問題とその解決方法について共有させて頂きます。 使用しているライブラリとバージョンはこちらです。 { "react": "^19.0.0", "@tanstack/react-query": "^5.62.7", "@sentry/react": "^8.43.0" } export const App: FC = () => { const { mutateAsync } = useMutation({ mutationFn: async () => { // APIリクエストが失敗した場合にエラーをスロー throw ne
型システムのしくみ ― TypeScriptで実装しながら学ぶ型とプログラミング言語
紙書籍をお届けします（PDFがついてきます） PDFのみ必要な場合は、こちらからPDF単体を購入できます 通常はご注文から2～3営業日で発送します。 年末年始や大型連休など、1週間から10日程度、配送のお休みをいただく場合があります。詳しくはお知らせをご覧ください。 型システムがようやくわかった！ 遠藤侑介 著 184ページ A5判/1色刷 ISBN：978-4-908686-20-7 2025年4月15日 第1版第1刷 現代の開発環境では、エディタ上でコードを書いている最中から、実行もせずにエラーが判明することがあります。コードの補完でも、文脈に適した候補が魔法のように提示されてきます。こうした機能で中心的な役割を果たすのが「型システム」です。 では、なぜ型システムはプログラムのエラーを早期に発見したり、適切な補完候補を絞り出せたりするのでしょうか？ 背景となる数学の理論を教科書で学ぶ以
TypeScript以外が嫌いです
TypeScript以外が嫌いです こんにちは、TypeScript原理主義者のTakoです。今日は私がなぜTypeScript以外の言語が心の底から嫌いなのかをお話しします。 はじめに みなさん、世の中にはプログラミング言語がたくさんありますよね。Java、Python、JavaScript、Ruby、Go...。でも、私にとってそれらは全て「TypeScriptではない言語」というカテゴリに分類されます。つまり、使う価値のない言語です。 型がないなんて、人生がないようなもの JavaScript？あんなの型がなくて何が楽しいんですか？undefined is not a functionとかcannot read property of nullとかいうエラーと戯れるのが好きですか？私は嫌いです。 // TypeScriptの美しさ interface User { id: numbe
TypeScript/React/Next.jsおすすめ学習資料のご紹介
はじめに 今回は、現代のWEB開発で最も使用されている言語/フレームワークであるTypeScript/React/Next.jsについて学ぶために、私がおすすめしたい学習資料についてご紹介したいと思います。 非常に有用で、初心者から中級者、上級者まで幅広い層に向けた内容が含まれていますので、時間を見つけて是非読んでみてください。 ※TypeScript/React/Next.jsって何？という方のために、簡単に以下にそれぞれご説明いたします。 TypeScript Microsoftが開発した、JavaScriptを拡張したプログラミング言語。JavaScriptに比べ、型安全性の向上によるエラーの早期発見や、型注釈でコードの意図を明確にすることによる可読性/メンテナンス性の向上が期待できる。現代のWEB開発においては、ほとんどの開発者がJavaScriptからTypeScriptへ移行し
【海外記事紹介】なぜTypeScriptはGoで書き直されたのか？C#やRustじゃない理由は？
3月19日、海外のテクノロジーメディアThe New Stackが「Microsoft TypeScript Devs Explain Why They Chose Go Over Rust, C#」と題した記事を公開した。この記事では、TypeScriptコンパイラをGoへ移植した背景や、その理由について詳しく紹介されている。 3月19日、海外のテクノロジーメディアThe New Stackが「Microsoft TypeScript Devs Explain Why They Chose Go Over Rust, C#」と題した記事を公開した。この記事では、TypeScriptコンパイラをGoへ移植した背景や、その理由について詳しく紹介されている。 以下に、その内容を紹介する。 先ごろMicrosoftは、TypeScriptのコンパイラを新たなプログラミング言語であるGoに 移植す
TypeScript使いの憂鬱：never型はプロパティを持つか | 雑記帳
never型とプロパティアクセス TypeScriptにはneverという型があります。先日も記事にしましたが、簡単に言うとこれは「値を持たない型」です。 never型は、あらゆる型に対してその部分型として振る舞います。例えば、never が number の部分型であることは次のコードでわかります： type T<U extends number> = {}; type A = T<string>; // stringはnumberの部分型ではないのでエラー type B = T<never>; // neverはnumberの部分型なのでコンパイルが通る さて、部分型関係と、「その型の式に対してできる操作の集合」の関係について考えましょう。あまり面白い例を思いつかなかったのでアレですが、次の型を考えます： type UserInfo = { name: string }; type D
「TypeScriptが当たり前」になった世界において、ESモジュール本来の運用に必要な考え方と設定とは
「TypeScriptが当たり前」になった世界において、ESモジュール本来の運用に必要な考え方と設定とは こんにちは、藤吾郎（gfx）と申します。Starleyという会社でおしゃべりAIアプリ「Cotomo」を開発しています。TypeScript歴は10年くらいです。 はじめに - TypeScriptが当たり前になった世界今年（2025年）はTypeScriptがリリースされて13年、ESモジュールが導入されたES2015のリリースから10年が経ちます。今やJavaScriptプロジェクトにおいては、TypeScriptが当たり前の世界になってきました。つまり「JavaScriptプロジェクトの実装言語のデフォルトはTypeScript」という状況にかなり近づいています。 TypeScriptが当たり前の世界とは、JavaScript処理系がデフォルトでTypeScriptをサポートして
フロントエンド(テックリード)_外資就活ドットコム/Liiga
フロントエンド(テックリード)_外資就活ドットコム/Liiga 株式会社ハウテレビジョン @howtelevision TypeScript I want to hear a detailed 仕事概要 外資・日系トップ企業を目指す学生のための就職活動サービス 「外資就活ドットコム」、または若手ハイクラス人材向けキャリア支援プラットフォーム「Liiga」の開発全般をご担当いただきます。 ご自身の強みのある領域や分野、適性・スキル等を踏まえたうえで、最もパフォーマンスを発揮できる業務を中心にお任せする予定です。 ＜お任せしたい業務（一例）＞ 「外資就活ドットコム」または「Liiga」のプロダクト開発全般 新規プロダクトの開発全般 DevOpsなど、開発者体験を向上させるための取り組み UI/UX を意識した開発 コンポーネントドリブン設計を意識した、開発工数を削減しユーザーに価値提供を迅速に
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【React + TypeScript】メニューボタンの押下位置に応じたメニューの表示 - Qiita
Next.js個人備忘録④：Next.jsでTypeScriptとJavaScript、どちらを使うか迷ったため、記事にまとめてみた - Qiita