- 2022.03.09
もりけん塾 JavaScript課題9 async/awaitを使った非同期処理
今回は、課題7でやった非同期処理をasync/awaitで実行する課題です。 async/awaitは、非同期処理を、より簡単にわかりやすく書くことができるものらしいです。便利ですね！asyncを関数 […]
6/7ページ
- 2022.03.03
- JavaScript, 変数と関数, 非同期処理,
もりけん塾 JavaScript課題8 rejectを実行し、エラーを起こしてcatch節でエラーをキャッチ
課題8はPromiseのエラーの処理を実装します。 お題 つぎはresolveで解決するのではなく(resolveを実行するのではなく) 3秒後にrejectを実行してthenでその値をコンソール出力 […]
- 2022.02.26
- JavaScript, Promise, フロントエンド, もりけん塾, ローディング実装,
もりけん塾 JavaScript課題7 ローディングの実装
課題7は、Promiseを使ってローディングの実装をします。3秒後にローディング画像を取り除く、という課題です。 お題 loadingを実装してみてください。resolveになるまでの間にloadin […]
- 2022.02.23
- JavaScript, Promiseメソッド, setTimeout, タイマー処理, もりけん塾,
もりけん塾 JavaScript課題6 3秒後に解決するPromise
今回の課題は、前回のPromiseを3秒後に解決するようにする課題です。 お題 課題5で作ったものを3秒後に解決されるようにしてください 準備 ３秒後に解決、という方法がわからなかっので、調べてみまし […]
- 2022.02.21
- JavaScript, Promiseメソッド, もりけん塾,
もりけん塾 JavaScript課題5 Promiseを使って、解決された値を取得する
お題 前回の配列を使うのは一緒です。 4のこちらをつかって、こんどはPromiseオブジェクトを使って解決された値として受け取り、 [{to: "bookmark.html", img: "1.png […]
- 2022.02.21
- JavaScript, もりけん塾, 連想配列,
もりけん塾 JavaScript課題4 連想配列の値を使って、JavaScriptでDOMを作る
前回に引き続き、課題4をやっていきます。 お題 [{to: "bookmark.html", img: "1.png", alt:"画像1", text: "ブックマーク"}, {to: "messa […]
- 2022.02.21
- JavaScript, フロントエンド, もりけん塾,
もりけん塾 JavaScript課題3 DOMを生成してHTMLに差し込む
お題 なんとか、Gitの操作も慣れてきたところで、今回は課題2の応用です。 このDOM <ul> <li><a href="a1.html"><img src […]
- 2022.02.20
- DOMの作成, JavaScript, もりけん塾,
もりけん塾 JavaScript課題2 JavaScriptでDOMを作りHTMLに挿入する
もりけん塾に入ると、最初に「マークアップエンジニアの方がフロントエンドエンジニアになる為の課題」をやります。皆さんJS課題と呼んでます。今回は、前回の課題1（DOMの生成）に引き続き、JS課題2にチャ […]
- 2022.02.20
- DOMを生成, JavaScript, もりけん塾, 要素の取得,
もりけん塾 JavaScript課題1 DOMをHTMLに挿入する
もりけん塾に入ると、最初に「マークアップエンジニアの方がフロントエンドエンジニアになる為の課題」をやります。JS課題と呼んでます。今回は、初めてのJS課題1にチャレンジしたので、まとめたいと思います。 […]
- 2022.02.17
- Git, GIthub, JavaScript, もりけん塾,
GitとGitHubについて
もりけん塾に入るとGitとGithubを使って、課題の提出を行います。この記事では、最初に勉強したGitとGithubついて説明していきます。 GitとGitHubについて Gitはソースコードなどの […]