JavaScript QuestionsのLydia Hallie氏の「JavaScript Visualized」シリーズすべての翻訳を完了したので、まとめて紹介します。 JavaScriptエンジンの仕組みをはじめ、イベントループ、スコープチェーン、プロトタイプ継承、非同期処理、ジェネレータ関数、Hoisting（巻き上げ）など、GIFアニメを使用して詳しく解説しています。 シリーズ7本すべてと、プラス1として楽しく学べるクイズもあります。 JavaScript イベントループの仕組み JavaScriptでエラーの原因となるHoisting（巻き上げ）の仕組み JavaScriptのスコープチェーン・変数参照の仕組み JavaScriptエンジンの仕組み JavaScript プロトタイプ継承の仕組み JavaScriptのジェネレータ関数とイテレータの仕組み JavaScriptの
なぜドット絵作家が、海外ファンからの課金支援で生活できるようになったのか？｜クリエイターエコノミーラボ
どこかノスタルジアを感じさせるドット絵・GIFアニメを発信し、国内外から支持されるイラストレーターの豊井さん。 彼が主に扱うモチーフは、特別で非日常的な何かというよりは、日本で暮らす人なら日常的に見かけるような、生活の中にありふれた景色です。 ＊画像は全て豊井さんのTumblrアカウントより引用＊ アニメーションの動き自体は単調なようで、思わずついじっと見入ってしまい、いつの間にか時間が経ってしまっているような、人を惹きつける作風が魅力です。 そんな作品を描いて生活する豊井さんですが、実は絵の仕事の収入が不安定で、生活保護を受給していた時期もあったといいます。 しかし、現在は海外発のクリエイター支援サービス「Patreon」（パトレオン）で500人を超えるパトロンから金銭的な支援を受けているおかげで、絵の仕事に集中できているそうです。 なかなか安定しなかったイラストレーターとしての活動が、
Gitでよく使用するコマンドをGIFアニメで解説
Gitでよく使用するコマンドが何を行っているかをGIFアニメで解説した記事を紹介します。 Gitのマージ、リベース、リセット、チェリーピック、フェッチ、プル、リフログなど、コマンドを実行した時にブランチはどのように相互作用し、履歴にどのような影響を与えるのか視覚的に学べます。 🌳🚀 CS Visualized: Useful Git Commands by Lydia Hallie 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに Gitのマージ（fast-forward, no-fast-forward） Gitのリベース（rebase） Gitのリセット（reset, revert） Gitのチェリーピック（cherry-pick） Gitのフェッチ（fetch） Gitのプル（pull） Gitのリフログ（re
JavaScriptの非同期処理Promise、AsyncとAwaitの仕組みをGIFアニメで解説した記事を紹介します。 ⭐️🎀 JavaScript Visualized: Promises & Async/Await by Lydia Hallie 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに コールバック地獄 Promiseの構文 イベントループ: Microtasksと(Macro)tasks AsyncとAwait はじめに JavaScriptのコードが期待通りに実行されないことに悩まされたことはないですか？ おそらく、関数が不規則に実行されたり、予測できないタイミングで実行されたり、実行が遅れたりしたことがあるかもしれません。そして、ES6で導入された新機能Promiseが原因かもしれません！ 何年も
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
JavaScript入門: 基礎知識をGIFアニメで分かりやすく解説 -総まとめ
JavaScriptの非同期処理Promise、AsyncとAwaitの仕組みをGIFアニメで解説