新たなJavaScript日付操作ライブラリ「Tempo」登場 ー ネイティブなDateと直接連携、小さく、速く、使いやすく
先日リリースされた「[Tempo](https://tempo.formkit.com/)」が、全く新しいJavaScriptの日付／時刻ライブラリとして非常に注目を集めている。 先日リリースされた「Tempo」が、全く新しいJavaScriptの日付／時刻ライブラリとして非常に注目を集めている。 JavaScriptの日付ライブラリにはmoment.js、day.js、date-fnsなどがあるが、これらと異なるのは、ネイティブのDateオブジェクトを直接対象としていることである。 従来の日付ライブラリは、独自の日付プリミティブを提供することが一般的であったが、TempoではネイティブのJavaScript Dateオブジェクトと直接連携し、Intl.DateTimeFormatを活用することで、タイムゾーンやロケールのファーストクラスサポートを提供するだけでなく、ライブラリのサイズ削減
JavaScriptで簡易物理エンジンを実装する
本記事は、書籍「ゲームで学ぶJavaScript入門 増補改訂版～ブラウザゲームづくりでHTML＆CSSも身につく!」用に作成した簡易2D物理エンジン「Tiny2D.js」の詳細解説です。 はじめに 本記事は、書籍「ゲームで学ぶJavaScript入門 増補改訂版～ブラウザゲームづくりでHTML＆CSSも身につく!」用に作成した簡易2D物理エンジン「Tiny2D.js」の詳細解説です。Tiny2D.jsは角速度や質量は考慮しない、矩形と円しかサポートしないなど、物理エンジンと名乗るには僭越なほどシンプルなものですが、シンプルなだけに使い方も簡単で、修正も十分に可能です。「百聞は一見にしかず」です。まずはサンプルを実行してみて、どのような動きをするのか皆さん自身で確かめてみてください。 物理エンジンとは 「アングリーバード」や「モンスターストライク」など物理エンジンを活用したパズル系のゲーム
【保存版】Google Apps Scriptリファレンス～キーワード別インデックス | 隣IT
◇API ◇Eventオブジェクト ◇Google Apps Script ◇HTTP通信 ◇Web API ◇Webhook ◇インストーラブルトリガー ◇オブジェクト ◇カウント変数 ◇カスタム関数 ◇関数 ◇強制出力スクリプトレットタグ ◇コンテナバインドスクリプト ◇コメント ◇条件式 ◇初期化式 ◇数値型 ◇スクリプトエディタ ◇スクリプトプロパティ ◇ステートメント ◇正規表現 ◇代入 ◇データ型 ◇ドキュメンテーションドキュメント ◇トリガー ◇プロジェクト ◇プロパティストア ◇変数 ◇マクロ記録 ◇文字列型 ◇ライブラリ ◇ラベル ◇リテラル 基本文法＋α ◇function ◇var ◇return ◇typeof フロー制御 ◇break ◇for ◇if ◇if～else ◇try～catch ◇while シンプルトリガー ◇doGet関数 ◇doPost関数 ◇
分割代入 - JavaScript | MDN
分割代入 (Destructuring assignment) 構文は、配列から値を取り出して、あるいはオブジェクトからプロパティを取り出して別個の変数に代入することを可能にする JavaScript の式です。 const [a, b] = array; const [a, , b] = array; const [a = aDefault, b] = array; const [a, b, ...rest] = array; const [a, , b, ...rest] = array; const [a, b, ...{ pop, push }] = array; const [a, b, ...[c, d]] = array; const { a, b } = obj; const { a: a1, b: b1 } = obj; const { a: a1 = aDefault,
[JavaScript] 1. クラスの定義 - Qiita
クラスの定義 クラスの継承 即時関数 と jQuery.readyイベント関数 即時関数でクラス定義 private プロパティ Object.defineProperty/ies でプロパティ/メソッド定義 JavaScriptにはクラスが無い... 最新の ECMA Script 6 にはクラス定義が実装されましたが、まだ対応していないブラウザがほとんどです（2015年11月現在）。 そこで、関数オブジェクトをクラスに見立てて擬似的にクラスのようなものを実現します。 擬似的なクラスの書き方には様々な方法がありますが、ここで解説する手法は Google が推奨するもので、コンストラクタを持ち、インスタンス化することで動的なオブジェクトとして扱えます。 また静的なメンバーを持つことも可能です。 関数オブジェクト JavaScriptでは関数もオブジェクトとして扱われます。 コンストラクタと
![[JavaScript] 1. クラスの定義 - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/5c426914defe4aa629f2ae3110bd99e72a6c998c/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JTVCSmF2YVNjcmlwdCU1RCUyMDEuJTIwJUUzJTgyJUFGJUUzJTgzJUE5JUUzJTgyJUI5JUUzJTgxJUFFJUU1JUFFJTlBJUU3JUJFJUE5JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmcz1mODRjOTNiZjk2YjdhN2Y3ZTQyMDY0MjljMmQzY2FiYQ%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBLb2l6dW1pLUdyZWVud2ljaCZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9ZGMwY2ViYWE2MTEyMGNlZDVmOTVkZDgxNzQyZWIwZjE%26blend-x%3D142%26blend-y%3D486%26blend-mode%3Dnormal%26s%3D0f7acf4464fa5af3c52ffe0f715b97c1)
phiary
JavaScript の dispatchEvent の情報があまりにも少なかったので解説用にサンプルを作ってまとめてみました. このエントリーでは dispatchEvent の基本的な使い方と活用例について解説します. うまく使えばネイティブっぽく JavaScript を拡張したりってこともできる便利な関数です. About 今回制作したサンプルデモは２つ. 最初のサンプルはイベントを発行するサンプルです. boxB をクリックした際に boxA のクリックイベントも発生するようになっています. 2つ目のサンプルは rightclick イベント という 右クリックしたときのみ発行する独自イベントを定義しています. Code 今回制作したサンプルデモ１個目の全体コードです. <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <l
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
