GitHub - wa0x6e/cal-heatmap: Cal-Heatmap is a javascript charting library to create a time-series calendar heatmapYou signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
Modern JavaScript Date Utility Library
date-fns provides the most comprehensive yet simple and consistent toolset for manipulating JavaScript dates in a browser & Node.js.
vis.js
vis.js community edition * A dynamic, browser based visualization library. The library is designed to be easy to use, to handle large amounts of dynamic data, and to enable manipulation of and interaction with the data. The library consists of the components DataSet, Timeline, Network, Graph2d and Graph3d.
JavaScriptでデッドロックを作ってみた
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? いきなりですが、皆さんは排他制御をご存知でしょうか。排他制御は並列コンピューティングにおける概念であり、複数のプロセスが資源を共有して使用する際に、複数のプロセスが同時に資源を使用している状況（競合）が発生しないように制御する手法です。（この分野にはあまり詳しくないのでまさかり等は歓迎します）。 排他制御の一手法としてロックが知られています。この手法では、ある資源を使用するためにはまずその資源のロックを取得する必要があります。そして、資源を使い終わったらロックを解放します。あるプロセスがロックを取得している間は、別のプロセスは同じロック
window.open()でPOST - DO☆KA☆TA ~information technology~
window.open()でURLにクエリストリングを付加した状態で ウィンドウが立ち上がるのがセキュリティ上よろしくない ということで現場SEの方が悩んでたので一緒に悩んだ。 ネットで調べてて、結構この手の問題を悩んでた人が多いみたい。 解決策も多かったけど、シンプルに感じた方法は以下である。 情報元 <html> <script language="javascript"> function test() { window.open("", "ATMARK") ; window.document.inform.action = "http://www.atmarkit.co.jp/bbs/phpBB/viewtopic.php" ; window.document.inform.target = "ATMARK" ; window.document.inform.method = "P
JavaScriptにおける繰り返し処理の使い分け - Qiita
/** * 1～10の繰り返し処理 */ var i = 0; while (i < 10) { console.log(i++); } /** * 配列の繰り返し処理 */ var array = ['a', 'b', 'c', 'd', 'e', 'f'], i = 0, len = array.length; while (i < len) { console.log(array[i++]); } /** * イテレータの繰り返し処理 */ var mapIterator = new Map([[0, 'a'], [1, 'b'], [2, 'c'], [3, 'd'], [4, 'e']]).entries(), iteratorResult; while (iteratorResult = mapIterator.next(), !iteratorResult.done) { c
for...of を使うなってAirbnbが言ってたから使わないようにしてたら慣れた - Qiita
概要 Airbnb の JavaScript Style Guide を適用する eslint のプラグイン eslint-config-airbnb を入れてコーディングをすると、 for ... of を使うなと怒られる。仕方ないので、map とか forEach とか every とか使っているうちに、for..of を使わないでやっていけるようになったという話。 1. 状況整理 1-1. 怒られる理由 for..of を使うと eslint-config-airbnb が怒る。理由は no-restricted-syntax 。詳しいことは、Qiita の記事「ESLint対応物語 ~no-restricted-syntax~」 と、その記事へのコメントが詳しくて、抜粋すると以下。 for-of 構文を Babel (babel-preset-es2015) で変換すると rege
JavaScriptで配列やオブジェクトをループする良い方法を真剣に検討してみた - Qiita
はじめに JavaScriptで配列やオブジェクトをループする時どのように書きますか？ シンプルにfor文？ Array.forEachを使う方法もありますね。 あるいはES6から取り入れられたfor-of文でしょうか？ ただこうしたいくつかの方法がある中、僕が以前思ったのは 「で、結局何が良いんだってばよ？？(￣へ￣|||)」ということです 単なる文法の違いでどれでも良いのか？それともリスクやパフォーマンスがそれぞれ違ったりするだろうか・・？ その疑問の答えを出すために、ループの各手法を主にリスク・パフォーマンスの面で比較・調査して「配列やオブジェクトをループする良い方法」の結論を出してみました。 もし良ければ参考にしてみてください。 どんなループ方法があるか まず配列とオブジェクトそれぞれでどんなループ方法があるかを挙げます。 ※jQueryやUnderscore.jsでのループ方法は
JavaScriptで文字列を分割する方法：split() | UX MILK
任意の文字列を特定の区切り文字で複数の文字列に分解したい場合には、JavaScriptではsplit関数を使用します。関数を実行した結果は、文字列の配列として返されます。返される文字列には指定した区切り文字は含まれません。 split関数の使い方 split関数の書式は以下の通りです。 分割したい文字列.split(["区切り文字"[, 分割する最大数]]) 「区切り文字」には、文字列、正規表現を指定することができます。「区切り文字」を省略した場合には、「分割したい文字列」がそのまま配列として返されます。 「分割する最大数」を指定した場合には、指定した個数まで元の文字列を分割して結果を返します。１以上の整数を指定することができます。「分割する最大数」を省略した場合、分割した結果の全部の文字列が配列に返されます。 区切り文字が１文字の場合 元の文字列”1,2,3,4,5″を”,”で分割する。
JavaScript でカスタム例外をしっかり使う
JavaScript には、そこかしこに罠がありますが、その中の1つはエラーハンドリングだと思います。 今回はエラーハンドリングにおいて、あまり活用されていない気がする、カスタム例外をしっかり使ってみたいと思います。 TL;DR necojackarc/extensible-custom-error を使うと、エラーオブジェクトも引数に取れる便利なカスタム例外が簡単に定義できるよ！ const ExtensibleCustomError = require('extensible-custom-error'); class MyError extends ExtensibleCustomError {} new MyError('message'); // メッセージ new MyError(error); // エラーオブジェクト new MyError('message', error
JavaScriptのオブジェクト指向は、逆の順番で学んだほうが理解しやすいと思うので…
※この投稿は 2011/03/10 に こちら に投稿した記事の転載です。 これを書いた経緯 事の発端というか、きっかけは、id:perlcodesampleさんとid:gfxさんの下のポストを見て、 JavaScriptで一番簡単にオブジェクト指向プログラミングを行う方法 (id:perlcodesampleさん) JavaScriptにおけるオブジェクトの定義 (id:gfxさん) new とか prototype を使うのが推奨されてないとか、直接代入するほうが楽とかじゃなくて、挙動が違うんだよなぁ、と思ったこと。 挙動が違うんだから、もちろん使いどころも違うんですよね。 でも実際、JavaScriptのオブジェクト指向は混乱しやすいと思います。 自分もご多分にもれず、さんざん混乱させられたクチですしね。 わかってしまえば、どってことなくて、とってもシンプルなんですけどね。 せっかく
JavaScriptのオブジェクト指向が10%理解できる記事（実践編）
最近、1人が読めば50人がオブジェクト指向を理解できそうな素晴らしい記事が書かれたのは皆さんの記憶に新しいことと思います。それを読んでオブジェクト指向を理解した皆さんは次はぜひオブジェクト指向を実践してみたいと思ったことでしょう。 この記事ではJavaScriptにスポットを当てて、JavaScriptにおけるオブジェクト指向に入門します。JavaScriptはWebページやWebアプリの制作において未だ必修言語の地位を占めているといっても良い言語ですが、その利用法には人や業種によって温度差があります。何なら、JavaScriptのオブジェクト指向的機能を（明示的には）使わなくてもある程度のものが作れてしまうという人もいることでしょう。そこで、そのような人たちでもJavaScriptでオブジェクト指向的なプログラムを書く基本が分かる記事を目指します。 対象読者はJavaScriptをやって
html2canvas - Screenshots with JavaScript
<div id="capture" style="padding: 10px; background: #f5da55"> <h4 style="color: #000; ">Hello world!</h4> </div> html2canvas(document.querySelector("#capture")).then(canvas => { document.body.appendChild(canvas) });
[JavaScript] 選択されたセレクトボックスのラベルを取得する – コピペで使える JavaScript逆引きリファレンス
選択されたセレクトボックスのラベル（表示されているテキスト）を取得するサンプルです。 サンプルソース 例）ボタンを押すと選択中のラベルをアラート表示する function getSelectLabel(idname){ var obj = document.getElementById(idname); var idx = obj.selectedIndex; //インデックス番号を取得 var val = obj.options[idx].value; //value値を取得 var txt = obj.options[idx].text; //ラベルを取得 alert('選択したのは「インデックス:' + idx + ' 値:' + val + ' ラベル:' + txt + '」です'); }
Awesome JavaScript : 素晴らしい JavaScript のライブラリ・リソースの数々 - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 元記事: Awesome JavaScript Awesome List in Qiita Awesome Ruby Awesome Java Awesome Node.js Awesome Python Awesome Go Awesome Selenium Awesome Appium パッケージマネージャ JavaScript ライブラリをホストし, それらを取得してパッケージ化するためのツールを提供します npm - npm は JavaScript のためのパッケージマネージャです. Bower - Web のためのパッケージ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Cal-Heatmap | Cal-Heatmap
JavaScriptの1行小ネタ集 - Qiita
JavaScript初心者にclassを伝える - Qiita
GitHub - blueimp/JavaScript-Load-Image: Load images provided as File or Blob objects or via URL. Retrieve an optionally scaled, cropped or rotated HTML img or canvas element. Use methods to parse image metadata to extract IPTC and Exif tags as well as emb
GitHub - niklasvh/html2canvas: Screenshots with JavaScript
