マンガPG
クロノス・クラウン 柳井政和 のマンガサイト
マンガでわかるJavaScriptのPromise
第2話「同期処理と非同期処理」
今回は、同期処理と非同期処理が、どのようなものかを説明します。
BoothでPDFと
サンプルコード
を購入
¥1,000
お問い合わせ先
# 同期処理と非同期処理 ------------------------------ ## 1p 1) モフオ: 今回は 同期処理と 非同期処理に ついて話すよ [モフオ] 2) ミア: なんだか 動悸がして きたわ [ミア] ----- 3) モフオ: 心臓に毛が 生えているくせに そんなことを 4) (時間の経過) 5) (十字の絆創膏) モフオ: さあ まずは 基本の確認だよ プログラムは どんな順番で 進む? ----- 6) ミア: 上から 順番よね 7) 処理1 処理2 処理3 処理4 処理5 8) モフオ: そうだね ------------------------------ ## 2p 1) 次に 同期という言葉に ついて話すよ 同期は内容や情報の 時間を一致させる ことを意味するよ ----- 2) 映像と音声が 同期している (映画風のコマ) (びっくりする顔とポーズ) うわっ! (安心する顔とポーズ) あー びっくりした 3) 映像と音声が 同期していない (映画風のコマ) (びっくりする顔とポーズ) (無音) (安心する顔とポーズ) うわっ! ------------------------------ ## 3p 1) モフオ: これと同じように プログラムを書いた順番と 処理の順番が一致しているのが 同期処理なんだ 2) →に移動 ↓に移動 →に移動 ↓に移動 弾を撃つ (ドット絵で動く例 or キャラを動かす) ----- 3) ミア: 非同期処理は? 4) モフオ: 一致していない 処理のことだね と言っても ピンとこない だろうから 説明しよう ------------------------------ ## 4p 1) モフオ: まずは 同期処理の 場合だよ たとえば 通信や ファイル操作では 待ち時間がある 2) 処理1 処理2 通信 終わるまで待つ 処理3 処理4 処理5 ----- 3) モフオ: この場合 終わるまで 処理が止まる UIのある ソフトなら 画面が固まる 4) UI用の処理時間 ↓ 処理1 処理2 通信 終わるまで待つ 固まる 処理3 処理4 処理5 ↓ UI用の処理時間 ----- 5) ミア: 地味に嫌ね 6) モフオ: そうだね だから処理を すぐに終えて UI用に処理を 戻したい ------------------------------ ## 5p 1) モフオ: そこで 非同期処理だ 終わったあとの 処理を予約して 先に進める 2) UI用の処理時間 ↓ 処理1 処理2 通信 → 予約 終わるまで待つ 通信を利用する処理3 通信を利用する処理4 すぐに 処理を 続ける 処理5 ↓ UI用の処理時間 通信が終わった 通信を利用する処理3 通信を利用する処理4 ----- 3) ミア: そうすると 書いた順番に ならないわね これが 非同期の処理 なのね 4) 書いた順番 処理1 処理2 処理3 処理4 処理5 実行の順番 処理1 処理2 処理5 処理3 処理4 ------------------------------ ## 6p 1) ミア: はー 非同期処理は 分かり難いわね 2) モフオ: そうだね その代わり 処理待ちで 止まらない メリットがある ----- 3) モフオ: 通信や読み書きが 多い場合は 都合がいい 4) モフオ: それじゃあ次は この非同期処理を プログラムで どう表すか話すね
<前へ
次へ>
JS Promise トップへ
作成:2022/07/17 更新:2022/07/17 [
Permalink
]
Tweet
Follow @ruten
活動支援
カテゴリー
ホーム
マンガで分かる Java入門講座
(110)
マンガで分かる JavaScriptプログラミング講座
(1)
マンガでわかるJavaScriptのPromise
(17)
同人ゲームの作り方 - るてんのお部屋の場合
(5)
息抜き
番猫クロクロ
(367)
Owner & Me!
(21)
その他のマンガ お仕事
(8)
その他のマンガ 個人
(8)
創活ノート
(68)
猫プログラミング
(29)
その他
マンガ作成
箱人形マンガ(Box Comic)
全自動4コマ
(5)
ツールやアプリ
(2)
書籍
(4)
学習
マンガで分かるプログラミング用語辞典
(127)
めも理と窓太のパソコン講座
(155)
基本情報
筆者紹介:柳井政和
Webサイト
Twitter
クロクロ・ショップ
特殊な技術書多数あります
レトロ風RPG
フルスクラッチ
開発
全コード
レトロゲーム風RPGの全コードを掲載して解説した本
HTML5と
JavaScript
で作る
落ち物パズル
ゲーム
全コード
『テトリス』や『ぷよぷよ』に類似した落ち物パズルゲームの全コードを掲載して解説した本
JavaScriptで
リバーシ
ゲームを
つくろう
ライブラリを使わずに全コードを書いて、リバーシゲームを作るまでを徹底解説
ワールドマップ
自動生成読本
二次元ゲームのワールドマップを自動生成するための本
レトロゲーム
ファクトリー
過去のゲームを最新機に移植する会社のお仕事小説(新潮社)
顔貌売人
ハッカー探偵
鹿敷堂桂馬
プログラマーが探偵役のエンタメ・ミステリー第2弾 最先端の情報犯罪に安藤と鹿敷堂が挑みます(文藝春秋)
裏切りのプログラム
ハッカー探偵
鹿敷堂桂馬
プログラマー鹿敷堂桂馬が、女性社長の安藤裕美と共に、IT業界で起きた事件に挑む。2016年の松本清張賞の最終候補作(文藝春秋)
PuzzleAndGame.com
JavaScriptで作ったSRPG、タワーディフェンス、リバーシ、パズルなどを公開。
365日のネタ・スピーチ例
1年分(365日分)のネタと、朝礼などのスピーチの作例や作り方をまとめたサイト。
×