JavaScriptにおける非同期処理（API通信やタイマー）を、意図した順序で制御するための標準機能 Promise について解説します。コールバック地獄を回避し、認証フローのような「順序が重要な処理」をスマートに記述する完全な実装コードは、以下のブログで ...

Promiseは、JavaScriptにおける非同期処理の1つのパターンであり、非同期操作の結果を表現するオブジェクトです。Promiseは3つの状態を持ちます： pending（保留中） - 最初の状態、最終的にfulfilledかrejectedになります。 fulfilled（達成） - 操作が成功した場合の状態。

Developers Summit 2026・Dev x PM Day 講演資料まとめ Developers Boost 2025 講演資料まとめ Developers X Summit 2025 講演資料まとめ Developers Summit 2025 FUKUOKA 講演関連資料まとめ Developers Summit 2025 KANSAI 講演関連資料まとめ Developers ...

インプレスグループで電子出版事業を手がける株式会社インプレスR&Dは、『JavaScript徹底攻略非同期処理編 Promise, async/awaitの仕組みと使い方』（著者：澁谷 真帆）を発行いたします。 最新の知見を発信する『技術の泉シリーズ』は、「技術書典」や「技術書 ...

JavaScriptの非同期処理Promise、AsyncとAwaitの仕組みをGIFアニメで解説した記事を紹介します。 ⭐️ JavaScript Visualized: Promises & Async/Await by Lydia Hallie 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています ...

こんにちは！ サイボウズフロントエンドエキスパートチームの左治木です。 今回のテーマは 「進化するPromiseオブジェクト」 です。 Promiseは、非同期処理を管理するためのオブジェクトで、ECMAScript 2015 (ES6)で導入されました。ECMAScript 2017ではasync／ await構文 ...

Promiseとは何か？ Promise（プロミス）は、非同期処理の結果を表すオブジェクトです。非同期処理が成功したか失敗したかを表現し、その結果に対する処理を書きやすくする仕組みです。 日常生活での例え Promiseを理解するために、日常生活の例で考えてみ ...

第2回目の記事では、REST API標準的なデータフォーマット「JSON」について書きました。今回は、REST API からデータを取得するための機能「Fetch API」について記述します。 Fetch APIとは Web API を利用するためには、APIのエンドポイントへリクエストを送り ...