この記事は Agent Grow Advent Calendar 2020 21 日目の記事です。 React VS Vue の戦いにそろそろ決着をつけようじゃないか みなさん、Webフロントエンドで JavaScrip […]
JavaScript
【javascript】undefined と not defined は別だったの？！
こんにちは、にんじんです！ （執筆時点では）ひどい暑さの今日このごろ、「暑すぎて頭が回らず、小さいミスが増える」なんてことの無いようにしたいですね。 今回は、JavaScriptの基礎／基本についてお話しようと思います。 […]
使ってみよう！VSCode+mermaid
mermaidとは フローチャート等の絵をコードから作成できる、JavaScriptのライブラリです。 ……とはいえ普段JSに触れることがないのでワタクシはVSCode+Markdownで書いてます。 ちょっとしたタスク […]
今更ChatOpsをしたくてSlack Boltに触れてみた【Agent Grow Advent Calendar 2019：12日目】
はじめに この記事は Agent Grow Advent Calendar 2019 : 12日目 の記事です。 こんにちは、はじめまして。 福岡の隅っこの方でインフラメインに活動しているMarimon（まりもん）と申し […]
TypeScript の Decorator (HOC も)を使って、React の部品を使い回したい！
React の描画内容を Decorator でラッピングしてみる！ React 書いてますか？ 最近私は Vue の方がお好みですが、 やっぱり複雑な事をしようと思うと、 JavaScript を直接拡張しているような […]
[JavaScript] オブジェクト & 配列のイマドキなコピー方法 (スプレッド構文)
オブジェクトや配列のコピーってどうやって書きますか？ 皆さん JavaScript 書いてますか？ JavaScript をガッツリ書いていると、たまに必要になるのが オブジェクトや配列のコピー。 みなさんどうやってます […]
Web で物理アニメーション・その5(最終回) 「ライブラリを使おう」
前回の回答 前回の宿題は、バウンド時の跳ね返り方を制御するんでしたね。 では回答。 新しく入っているのは反発係数と呼ばれるものですね。 x, y 方向どちらも こんな感じで、動きが反転するときに反発係数 e をかけていま […]
Web で物理アニメーション・その4 「ボールをバウンドさせよう」
前回の回答 前回の宿題の回答から ボールを水に投げ込んだときのような様子をアニメーションにしてみましょう。 問題はこうでしたね。 これは、そんなに難しくなく解けたのではないでしょうか。 最初の定数を、 スタート地点が画面 […]
Web で物理アニメーション・その3 「簡単な物理法則に従うアニメーションを作ろう」
前回の回答 前回の回答から行きましょう。 前回の宿題は 以下のように、近づいて右下に抜けていくように見える円のアニメーションを作成してください これでしたね。 イメージとしてはこんな挙動。 回答はこちら。 前回のサンプル […]
