You 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
20+ JavaScript libraries to draw your own diagrams (2024 edition) by Jordi Cabot | Jan 10, 2024 | tools, cloud & web engineering, Model-driven Engineering | 53 comments You can draw and model anything in your browser with JavaScript. Indeed, there is a vast array of user-friendly online modeling tools available to create UML (or ER, BPMN, …) diagrams right in the browser. But what if you want to c
オーディオファイルの取り扱いを簡単にしてくれるJavaScriptライブラリ「Howler.js」を紹介します。 ウェブでオーディオファイルを扱うのは「正気の沙汰ではない(要出典)」と言われており、Web Audio APIやHTML5 Audio(HTMLMediaElement)を見ると、確かにそっ閉じしたくなる感じです。 そんなオーディオファイルの読み込みからブラウザごとの再生できるファイルの判定など、面倒な処理を任せてしまえるオーディオ関連のJavaScriptライブラリHowler.jsを紹介します。 公式サイト(サンプルあり):howler.js - JavaScript audio library for the modern web リポジトリ:howler.js - GitHub 使い方 npmなら npm i howler -D CDNから読み込むなら <script
Crossfilter is a JavaScript library for exploring large multivariate datasets in the browser. Crossfilter supports extremely fast (<30ms) interaction with coordinated views, even with datasets containing a million or more records. NOTE: We are seeking new maintainers for this repo. See #171 for discussion. Since most interactions only involve a single dimension, and then only small adjustments are
I've a large dataset comprises 10^5 data points. And now I'm considering the following question related to large dataset: Is there any efficient way to visualize very large dataset? In my case I have a user set and each user has 10^3 items. There are 10^5 items in total. I want to show all the items for each user at a time to enable quick comparison between users. Some body suggests using a list,
Tree shaking is a term commonly used in the JavaScript context for dead-code elimination. It relies on the static structure of ES2015 module syntax, i.e. import and export. The name and concept have been popularized by the ES2015 module bundler rollup. The webpack 2 release came with built-in support for ES2015 modules (alias harmony modules) as well as unused module export detection. The new webp
container.onmouseover = container.onmouseout = handler; function handler(event) { function str(el) { if (!el) return "null" return el.className || el.tagName; } log.value += event.type + ': ' + 'target=' + str(event.target) + ', relatedTarget=' + str(event.relatedTarget) + "\n"; log.scrollTop = log.scrollHeight; if (event.type == 'mouseover') { event.target.style.background = 'pink' } if (event.ty
前にExpressを使って、簡単なREST APIを作ってみたので、今度はそこからデータベースにアクセスするコードを書いてみようかなと。 この前、Promise-mysqlを使ってMySQLにアクセスするエントリを書いたのですが Promise-mysqlで、Node.jsからMySQLにアクセスする - CLOVER🍀 せっかくなら、ORMっぽいものも試してみようかなと思って探したところ、Sequelizeというものが良さそうな気がします。 Sequelize | Sequelize ORM 今回は、ExpressとこのSequelizeを使って、データベースにアクセスするREST APIを書いてみましょう。 環境 今回の環境は、こちら。 $ node -v v8.11.3 $ npm -v 5.6.0 お題と準備 今回は、書籍をテーマにデータの登録や取得をする、簡単なREST API
概要 今回は、Jestを利用してExpressで作成したAPIのテスト環境を構築したので、概要だけご紹介です。詳しい環境構築の方法等は、公式サイトのリンクを適宜記載してますので、御覧ください。 Node.js : v8.11.3 npm : 6.5.0 sequelize : 4.37.10 sqlite3 : 4.0.6 Jest : 23.6.0 jest-jenkins-reporter : 1.0.2 supertest : 3.4.2 利用しているnpmパッケージのご紹介 1. Sequelize Node.js用のORMです。今回は、Sequelizeを使って、DBのマイグレーションから操作まで行いました。 PostgreSQL、MySQL、SQLiteに対応してます。今回は、本番系でMySQLを利用し、テスト用DBにSQLiteを利用しました。 Sequelizeの公式サイト
こんにちは、デザイナーの @imatomix です。 今、新しいWebアプリ企画のプロトタイプを作ってます。 巷ではよく「スタートアップの武器はスピード」「プロトタイピングはスピードが命」なんて言われていますが、正直に開発スピードを追い求めていたら、手持ちのタスクの半分以上がエンジニアリングになりました。 こんにちは、デザイナーの @imatomix です。(2回目) 今回はそんな僕が、ちょうど今やってるタスクの1つをそのままブログにしてみます。 目次: 作る機能 できたもの 解説 ファイルの選択 ファイルのチェックと読み込み 動画のプレビュー サムネイルを作成 その他 作る機能 Webアプリの企画自体は、ざっくりいうとYoutubeやInstagramのような動画SNS的なものです。 動画を取り扱う場合、 動画のサムネイルをフロントエンド〜バックエンドのどこで作成するか 動画のどの部分を
Overview Node.jsはJavaScriptで書けるから、Webの中では"Write once, run anywhere"的な美味しいこともある。 しかし、各環境にbuiltinされているAPIを使ったときはそうはいかない時がある。 今回は暗号化のCryptoで不覚にも1日ハマったのでその記録を残しておく。 Target reader Node.jsで暗号化したデータをブラウザで復号化したいと思っている方。 Prerequisite AESの概要は理解していること。 今回はAES256-CBCを使用する。 記憶が正しければAES192はブラウザのAPIでサポートされていない旨のエラーが出たため。 Body どうして片方のAPIで統一しないの? これはいい質問だ。実際のところ、Node.jsのcryptoをブラウザで実行したことがある。 どうして採用されなかったのか?なぜなら10
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く