TypeScriptマスターへの第一歩！型安全なJavaScript開発入門 - Qiita
1. TypeScriptの魅力と基本概念 この記事では、TypeScriptの基本概念や使い方について解説します。TypeScriptはJavaScriptのスーパーセットであり、型情報を追加することでより安全なコードを実現します。JavaScriptは動的型付け言語であるため、開発者が簡単にコードを書ける反面、実行時に型に関連したエラーが発生しやすいという問題があります。TypeScriptは、静的型付けを導入することでこの問題を解決し、より堅牢で保守性の高いコードを書くことができます。 TypeScriptが登場する前のJavaScript開発では、大規模なプロジェクトでコードの管理が難しく、予期しないバグが発生するリスクが高まっていました。TypeScriptは、型システムを導入することでコードの構造を明確にし、開発者が意図しない挙動を未然に防ぐことができます。また、型情報があるこ
React(Javascript & Typescript)でgoogleアカウント認証を行うカスタムhookを作成する - Qiita
import { useEffect, useState } from 'react'; const useGoogleAuth = () => { const [isSignedIn, setIsSignedIn] = useState(null); const [authInstance, setAuthInstance] = useState(null); const [tokenId, setTokenId] = useState(null); useEffect(() => { const initAuth = async () => { const gapi = window.gapi; await gapi.load('auth2', async () => { const auth2 = await gapi.auth2.init({ client_id: 'YOUR_CL
2023-04-07のJS: Rome v12、ES2023 RC、TypeScript 5で追加されたオプション
JSer.info #638 - Rome v12がリリースされました。 Announcing Rome v12 JSONのサポート、TypeScript 5.0のサポート、フラグ付きでImportのソートに対応にしています。 また、エラー表示の改善や--config-pathフラグの追加なども行われています。 ECMAScript 2023のリリース候補版(Candidate)が公開されました。 Release ES2023 Candidate April 2023 · tc39/ecma262 6月に行われるEcma GA(総会)で承認を得ると正式にES2023としてリリースされます。 リリースされたかは次のニュースページに掲載されます。 News - Ecma International また、ECMAScriptはLiving Standardなので、現在のmainブランチはES2
TypeScriptの型情報を使って、サポート対象のブラウザが実装してないメソッドの利用をエラーにするESLintルール
TypeScriptの型情報を使って、サポート対象のブラウザが実装してないメソッドの利用をエラーにするESLintルール eslint-plugin-typescript-compatはTypeScriptプロジェクト向けのESLintルールです。 このESLintではサポートしているブラウザが、実装していないメソッドを検知してLintエラーにしてくれます。 JavaScriptではメソッドの静的解析は難しい(メソッド名が同じでも独自実装の可能性があるため)ですが、TypeScriptの型情報を使って静的解析をしています。 サポートしている機能 [ ] JavaScriptのビルトインオブジェクト [x] プロトタイプメソッド Array.prototype.find [x] 静的メソッド Array.from [ ] オブジェクト Promise [ ] DOM API 基本的にメソッド
AWS SDK for JavaScript（Version 3） と TypeScript を用いて S3 バケットの一覧を取得するサンプルコードを試してみた | DevelopersIO
こんにちは、アノテーションの及川です。 AWS SDK for JavaScript（Version 3）と TypeScript を用いて、自分が所有している S3 バケットの一覧を取得するサンプルコードを試していきたいと思います。 環境構築 Node.js のインストール 本検証ではローカルの PC（Mac） から行います。 検証には、Node.js の環境が必要になるため、まだインストールされていなければ、こちらから、インストールを行ってください。 % node -v v16.13.1 % npm -v 8.1.2 作業用ディレクトリの作成 プログラムを作成／実行する作業用ディレクトリを作成します。 コードエディターは Visual Studio Code を使用します。 そのため、作成した作業用ディレクトリに移動したら、下記のように code .コマンドを入力して、Visual S
GitHubのトレンドで振り返る2022年のJavaScript/TypeScript
今年も GitHub トレンドから 2022 年の JavaScript/TypeScript を振り返ります。去年の記事はこちらです。 — GitHub のトレンドで振り返る 2021 年の JavaScript | WEB EGG 集計方法 本記事の集計期間は 2022/01/01〜2022/12/07、対象言語は JavaScript および TypeScript です。 なお GitHub がそのリポジトリをなんの言語と見なしてトレンドに掲載したかをもとに集計対象を決定していることにご留意ください。 別言語で書かれた Rust 製の JS 向けのツールや CSS フレームワークなどは基本的に対象外となります。 集計に利用したデータですが、GitHub は過去のトレンドを閲覧する方法を提供していないため、独自の仕組みで GitHub トレンドのアーカイブを生成しそのデータを利用しまし
Reactでの広告配信プラットフォーム開発！フロントエンドエンジニア募集！
Reactでの広告配信プラットフォーム開発！フロントエンドエンジニア募集！ 株式会社フクロウラボ @fukurou I want to hear a detailed なにをやっているのか フクロウラボは、アプリ向けの広告配信プラットフォームを企画・開発・提供している広告スタートアップです。事業は売上成長前年比125%超え、取引顧客数も300社に近づき、シェアを拡大しています。 ◆アプリに特化した広告配信プラットフォーム「Circuit X（サーキットエックス）」 アプリユーザーを獲得したい広告主と広告収益を最大化したいメディアをつなぎ、「成果型Web広告」を通じて、顧客の商品・サービスの効果的なプロモーションを支援しています。 ────「Circuit X（サーキットエックス）」3つの強み ・動画を活用した広告を導入できる ・審査を通過した高品質なメディアに特化している ・高度な技術力に
JavaScriptからReact、Next.js、TypeScriptを学んでPFに取り掛かれるレベルになるまでのロードマップ - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? この記事は自作のポートフォリオ、ProadMapsで作成しました。 ProadMapsのサービス紹介、作成までの学習記録は別途記事を作成したので、チェックいただけると大変ありがたいです！ 概要 Next.jsでポートフォリオを作成できるようになるまでの学習記録になります。今だったらこの順番でやればよかったなぁと思う順番に並び替えています。 タグ Next.js,React,TyepScript,JavaScript,Ruby,Rails 開始時スキル Railsの学習経験あり 終了時スキル ポートフォリオに取り掛かれる 総ステップ数 7
モジュール解決 | TypeScript 日本語ハンドブック | js STUDIO
このセクションは、基本的なモジュールの知識があることを前提にしています。 詳しい情報については、モジュールのドキュメントを参照してください。 相対(Relative) vs 非相対(Non-relative)モジュールimport モジュール解決の方針 拡張モジュール解決フラグ モジュール解決のトレース --noResolveの使用 よくある質問 モジュール解決は、importが何を参照するのかを把握するために、コンパイラを利用するプロセスになります。 import { a } from "moduleA";のようなimport文について考えてみてください。 aの使用するために、コンパイラは正確に何が提供されているのかを知る必要があり、 またmoduleAの定義を調べる必要もあります。 ここで、コンパイラは"moduleAはどのような形状をしていますか?"と尋ねます。 これは一見単純なよう
[Techpit] JavaScriptと比較しながら学ぶTypeScriptという書籍をリリースしました！
[Techpit] JavaScriptと比較しながら学ぶTypeScriptという書籍をリリースしました！ 人生2冊目となる(1冊目は、ZennでTodoMVCで手続き型脳から関数型脳へシフトしてみよう!)電子書籍をリリースしました！ プログラミングを学び始めてJavaScriptやPHP, Ruby等を書いているが、TypeScriptは使ったことがない もしくは静的型付け言語を書いたりTypeScriptを既に使っているが何が良いのか、わからず使ってしまっているという方に向けて書いた本になります。また、TypeScriptを上手く職場に普及したい、友人・知人に薦めたいという方にも適していると思います。興味があれば是非購入を検討してみてください。 どうして執筆したの？ 元々いろんな媒体で記事等を執筆していました。ZennでもBooksの機能にて、人生初の書籍執筆を行いました。そして、あ
![[Techpit] JavaScriptと比較しながら学ぶTypeScriptという書籍をリリースしました！](https://cdn-ak-scissors.b.st-hatena.com/image/square/99d4ce956cff1f0e7e2077a990788ebad2db4368/height=288;version=1;width=512/https%3A%2F%2Fres.cloudinary.com%2Fzenn%2Fimage%2Fupload%2Fs--QjqMGyZl--%2Fc_fit%252Cg_north_west%252Cl_text%3Anotosansjp-medium.otf_55%3A%25255BTechpit%25255D%252520JavaScript%2525E3%252581%2525A8%2525E6%2525AF%252594%2525E8%2525BC%252583%2525E3%252581%252597%2525E3%252581%2525AA%2525E3%252581%25258C%2525E3%252582%252589%2525E5%2525AD%2525A6%2525E3%252581%2525B6TypeScript%2525E3%252581%2525A8%2525E3%252581%252584%2525E3%252581%252586%2525E6%25259B%2525B8%2525E7%2525B1%25258D%2525E3%252582%252592%2525E3%252583%2525AA%2525E3%252583%2525AA%2525E3%252583%2525BC%2525E3%252582%2525B9%2525E3%252581%252597%2525E3%252581%2525BE%2525E3%252581%252597%2525E3%252581%25259F%2525EF%2525BC%252581%252Cw_1010%252Cx_90%252Cy_100%2Fg_south_west%252Cl_text%3Anotosansjp-medium.otf_37%3AABAB%2525E2%252586%252591%2525E2%252586%252593BA%252Cx_203%252Cy_121%2Fg_south_west%252Ch_90%252Cl_fetch%3AaHR0cHM6Ly9saDMuZ29vZ2xldXNlcmNvbnRlbnQuY29tL2EtL0FPaDE0R2dqRm84X2NSbjU2WlRqUEpXQmNzQTVCMmZ0c1l6czFnUnAyRUZ5PXMyNTAtYw%3D%3D%252Cr_max%252Cw_90%252Cx_87%252Cy_95%2Fv1627283836%2Fdefault%2Fog-base-w1200-v2.png)
Babel が Flow から TypeScript に移行した
先日 Babel のメンテナーとして知られる Nicolò Ribaudo 氏が次のツイートを投稿した。 We finally finished migrating the Babel monorepo from Flow to TypeScript! It has been a very long process started by @z_bodya, and after migrating package-by-package @JLHwung just opened this PR 😄 pic.twitter.com/WKXxV8x2MY — Nicolò Ribaudo 🏳️🌈 • 💙💛 (@NicoloRibaudo) July 23, 2022 そう、JavaScript のトランスコンパイラである Babel のソースコードが Flow から TypeScrip
2022-06-28のJS: ECMAScript 2022、TypeScript 4.8 Beta、CodeMirror 6
JSer.info #598 - ECMAScript 2022が、2022-06のEcma International GA(総会)で承認され、正式にリリースされました。 Ecma International approves new standards - Ecma International ES2022では、クラスにPublic/Privateクラスフィールド、Top-Level await、StringとArrayにat()、Error Causeなどが追加されています。追加された機能については、次の記事で解説されています。 Ecma International approves ECMAScript 2022: What’s new? 正式仕様リリース！ JavaScriptの最新仕様ES2022で追加された「全」新機能 また、同じくJavaScriptの入門書であるjspri
Deno入門 ─ 新しいTypeScript/JavaScript実行環境でWebアプリ開発とデータベース接続の基本を体験しよう｜ハイクラス転職・求人情報サイト アンビ（AMBI）
例えばmain.tsというスクリプトに対して、ファイルの読み取りだけを許可したい場合は、以下のようにコマンドを実行します。 $ deno run --allow-read main.ts このときmain.tsプログラムはファイルの読み取りだけが可能になるため、ファイルの書き込みやネットワークアクセスをするとPermissionErrorによる実行時エラーになります。 なお、実行時にフラグを何も与えなければ、どの権限も持っていない状態になります。 各フラグにはパラメータを指定でき、例えば次のように実行すると/home/userディレクトリの読み込みだけが許可されます（--allow-writeフラグも同様）。 $ deno run --allow-read=/home/user main.ts また、--allow-netを次のように指定すると、特定のドメインとポートだけのアクセスを許可で
2022-06-01のJS: Lerna 5.0.0、TypeScript 4.7、wireit
JSer.info #594 - メンテナンスが停止していて、その後Nx社にメンテナンス権限が移譲された後、初めてのアップデートであるLerna 5.0.0がリリースされました。 Release v5.0.0 · lerna/lerna Node.js 12以下のサポート終了、auditの問題が出ていたパッケージのアップデートなどが行われています。 また、次のバージョンでは、lerna runで内部的にNxを使うオプションが追加される予定です。 feat: add experimental support to run tasks via Nx by vsavkin · Pull Request #3139 · lerna/lerna TypeScript 4.7がリリースされました。 Announcing TypeScript 4.7 - TypeScript TypeScript 4.
Monorepos in JavaScript & TypeScript
This is a comprehensive tutorial on Monorepos in JavaScript and TypeScript -- which is using state of the art tools for monorepo architectures in projects. You will learn about the following topics from this tutorial. I've become passionate about monorepos, as they've transformed how I approach my work as a freelance developer and contributor to open-source projects. When I first adopted monorepos
TypeScript/Reactのモダンな環境で開発するフロントエンジニア
TypeScript/Reactのモダンな環境で開発するフロントエンジニア 株式会社カオナビ @kaonavi I want to hear a detailed なにをやっているのか 私たちは、社員の個性・才能を発掘し戦略人事を加速させるタレントマネジメントシステム「カオナビ」を展開しています。 ■「カオナビ」とは？ 今まで紙やExcel、システム、社員の頭の中などに散在していた人材情報を一元管理することで、あらゆる人事課題への対応を可能にするプロダクトです。 現在は、企業規模や業種問わず、2214社（2021年9月時点）の企業に導入いただき、6年連続日本でのタレントマネジメントシステムシェアNo1※を獲得しています。 ※ITR「ITR Market View1：人材管理市場2021」人材管理市場-ベンダー別売上金額シェアで6年連続1位（2015～2020年度予想） 「カオナビ」製品情報
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
JavaScript / TypeScript の豆知識 10 選 - Qiita
TypeScript vs. JavaScript
TypeScript(JavaScript)によるカタカナ五十音順の行を判定 - Qiita
ESLint and TypeScript with Josh Goldberg (JS Party #230)