AWS のリソース管理 みなさん、AWS 使ってますか？ AWS には本当にたくさんのサービスがあります。 これらのサービスを組み合わせて、早く、簡単に、そしてスケーラブルに環境を構築できることが AWS の魅力ですよね […]
技術ネタ
tech
GitHub Actions で快適なデプロイを実現する(rsync・laravel)
GitHub で CI/CD ! 皆さん、CI/CD 回してますか？ テストやらデプロイやらは自動で回すような風潮ができてから早数年。 これまで様々な CI/CD サービスが生まれてきました。 一方、世界で最も大きな開発 […]
[JavaScript] オブジェクト & 配列のイマドキなコピー方法 (スプレッド構文)
オブジェクトや配列のコピーってどうやって書きますか？ 皆さん JavaScript 書いてますか？ JavaScript をガッツリ書いていると、たまに必要になるのが オブジェクトや配列のコピー。 みなさんどうやってます […]
Web で物理アニメーション・その5(最終回) 「ライブラリを使おう」
前回の回答 前回の宿題は、バウンド時の跳ね返り方を制御するんでしたね。 では回答。 新しく入っているのは反発係数と呼ばれるものですね。 x, y 方向どちらも こんな感じで、動きが反転するときに反発係数 e をかけていま […]
Web で物理アニメーション・その4 「ボールをバウンドさせよう」
前回の回答 前回の宿題の回答から ボールを水に投げ込んだときのような様子をアニメーションにしてみましょう。 問題はこうでしたね。 これは、そんなに難しくなく解けたのではないでしょうか。 最初の定数を、 スタート地点が画面 […]
ライブラリ用 CDN は jsDelivr が無料 & 爆速で、これだけあれば十分
CDN 使ってますか？ 皆さん、JavaScript 書いてますか？ JavaScript を Web ページ上で実行する際、 jQuery などのライブラリはどのようにして取得させていますか？ 普通にサーバーにアップロ […]
Web で物理アニメーション・その3 「簡単な物理法則に従うアニメーションを作ろう」
前回の回答 前回の回答から行きましょう。 前回の宿題は 以下のように、近づいて右下に抜けていくように見える円のアニメーションを作成してください これでしたね。 イメージとしてはこんな挙動。 回答はこちら。 前回のサンプル […]
Web で物理アニメーション・その2 「単純なアニメーションを作ろう」
前回の回答 さて、まずは前回の宿題の答え合わせから。 問題は 三角形を一つ、canvas 上に描画してください でしたね。 では回答。 回答としては正三角形に近い形にしてみましたが、 ヒントにもあったように「角が 3 つ […]
Web で物理アニメーション・その1 「canvas で絵を描いてみよう」
アニメーションを作ってみよう！ 最近、動きがある Web ページが多くなりましたね。 ここ数年で Web は大分進化しました。 今では単純に動くだけのページだけではなく、 Web ページで本格的なゲームができたりします。 […]
