この記事で解決できる悩み
![](https://traveler0401.com/wp-content/uploads/2022/11/izumi-200-150x150.png)
こんな悩みを解決できる記事を書きました!
僕は現役フリーランスエンジニア(歴8年)で、資格は13個保有しています。
RxJSでPromiseをObservableに変換したいことってありますよね?
そんな時は「from」を使えば解決します。
![](https://traveler0401.com/wp-content/uploads/2022/11/izumi-200-150x150.png)
![](https://traveler0401.com/wp-content/uploads/2022/11/izumi-200-150x150.png)
![](https://traveler0401.com/wp-content/uploads/2022/11/izumi-200-150x150.png)
fromを使うだけなので超簡単です。
本記事では、RxJSでPromiseをObservableに変換する方法について分かりやすく解説します。
![](https://traveler0401.com/wp-content/uploads/2023/11/angular-promise-observable.jpg)
![](https://traveler0401.com/wp-content/uploads/2023/11/angular-promise-observable.jpg)
本記事を読めば、RxJSでPromiseをObservableに変換する方法が理解できるので早速見ていきましょう。
![](https://traveler0401.com/wp-content/uploads/2022/11/izumi-200-150x150.png)
![](https://traveler0401.com/wp-content/uploads/2022/11/izumi-200-150x150.png)
![](https://traveler0401.com/wp-content/uploads/2022/11/izumi-200-150x150.png)
すぐ読み終わるので、ぜひ参考にしてくださいね♪
目次
PromiseをObservableに変換する方法
早速ですが、RxJSでPromiseをObservableに変換する方法を解説します。
import { from } from 'rxjs';
const from$ = from(Promise.resolve('うんち'));
from$.subscribe((value) => console.log(value));
// うんち
fromを使用すれば、PromiseインスタンスをObservableに変換できます。
![](https://traveler0401.com/wp-content/uploads/2022/11/izumi-200-150x150.png)
![](https://traveler0401.com/wp-content/uploads/2022/11/izumi-200-150x150.png)
![](https://traveler0401.com/wp-content/uploads/2022/11/izumi-200-150x150.png)
fromの引数にはPromiseのインスタンスを渡します。
めちゃ簡単ですね…
RxJS
まとめ
今回は、RxJSでPromiseをObservableに変換する方法について解説しました。
以下が本記事のまとめになります。
- おすすめ本
Angularの勉強なら「Angularアプリケーションプログラミング
![](https://traveler0401.com/wp-content/uploads/2022/11/izumi-200-150x150.png)
![](https://traveler0401.com/wp-content/uploads/2022/11/izumi-200-150x150.png)
![](https://traveler0401.com/wp-content/uploads/2022/11/izumi-200-150x150.png)
最後までお読みいただき、ありがとうございました!
- クソおすすめ本
![](https://traveler0401.com/wp-content/uploads/2022/11/izumi-200-150x150.png)
![](https://traveler0401.com/wp-content/uploads/2022/11/izumi-200-150x150.png)
![](https://traveler0401.com/wp-content/uploads/2022/11/izumi-200-150x150.png)
海外のエンジニアがどういった思考で働いているかが理解できます。
海外に行く気はないけど海外エンジニアの動向が気になる雑魚エンジニアにおすすめです(本当におすすめな本しか紹介しないのでご安心を)。