UUIDを短くするライブラリを作った
のように、22文字の短くてスッキリしたIDに変換できます。 これを簡単に行うためのライブラリ「uuid58」を作成しました。 追記: また、これを簡単に試すためのウェブサイトも作成しました！ 本記事ではuuid58を作った背景や使い方、特徴を紹介します。 動機 データベースの主キーにUUIDを使うことは多いですが、UUIDは36文字（ハイフン込み）と長く、URLに埋め込むと見た目も悪くなりがちです。 「短くしたい！」と思ってBase64エンコードを考える人も多いですが、Base64は/や+、=などURLで使いにくい文字が含まれてしまいます。 そこで、Bitcoinでも使われているBase58（視認性の悪い文字を除外したアルファベット）でエンコードすれば、 22文字に短縮できる URLセーフ 見た目もスッキリ 0とO、Iとlのような区別しづらい文字が除外されている ダブルクリックで選択可能
ふりがな自動入力の検証
始めに UXの向上のため名前を入力した際にふりがなを自動で入力したいことがあると思います。調べた感じ以下の2つのライブラリが有名っぽい気がしたのでそれぞれについて検証してみました。 https://www.npmjs.com/package/vanilla-autokana https://www.npmjs.com/package/historykana サンプルはcodesandboxで書きましたので、動作を確認したい方は触ってみてください。 各ライブラリの使い方 vanilla-autokana こちらはjqueryのプラグインにあるautokanaをインスパイアして作られたもののようです。DOM要素を指定するだけで後は自動で変換されるので楽ですね。 import * as AutoKana from 'vanilla-autokana'; AutoKana.bind('#name'
axios
API-first authentication, authorization, and fraud prevention Website | Documentation | Node.js We’re bound by one common purpose: to give you the financial tools, resources and information you ne... www.principal.com Buy real Instagram followers from Twicsy starting at only $2.97. Twicsy has been voted the best site... twicsy.com
longjohnで非同期処理時に発生したエラーを追う - なっく日報
本日、同僚からよくわからんエラーがあるので、ちょっと見て欲しいと言われ、その際に使ったテクニックの共有を。 なお、エラーが発生していたのはNode.jsで書かれたコードです。 使ったモノ コレ github.com 同様のライブラリとして、 https://github.com/tlrobinson/long-stack-traces とかもありますが、longjohnの方がメンテされている模様。 例 long-stack-tracesのサイトに記述されている例ですが、 どっちのsetTimeoutが先に呼ばれるでしょうか？ longjohnがないとき〜 'use strict'; function f() { throw new Error('foo'); } setTimeout(f, Math.random() * 1000); setTimeout(f, Math.random()
jCanvasによる楽々グラフィック描画 - Qiita
データベースと言ったら、何を連想しますか？SQL？Oracle？いろいろと出てくると思いますが、きっと10位以内に入ってるキーワードとして、必ず「ER図」はあると思います。ER図は書くのが面倒なので、もし手元にある実際のデータベースからER図を自動的に書いてくれたら、こんなに楽なことはないですよね？はい、作ってみました。 この機能を作るために、いくつか図を描画するためのライブラリを検討しました。しかし、しっくり来るものは残念ながらありませんでした。一つ使えそうだったのがJointJSだったのですが、依存ライブラリとして「jQuery, Backbone, Lodash, Geometry, Vectorizer」というそうそうたるメンバーが必要で、やむなく断念しました。そう、ないものは自分で作るしかありません。ER図のような作図は、オブジェクトを描画すること自体は難しくありません。とにかく
Feature.js
Feature.js, a feature detection library in 1kb A Fast, simple and lightweight browser feature detection library written in plain JavaScript. Try it by opening this page in different browsers and seeing the results: What is it Feature.js is a fast, simple and lightweight browser feature detection library. It has no dependencies and weighs only 1kb minified and gzipped. Feature.js automatically i
GitHub - coresmart/persistencejs: persistence.js is an asynchronous Javascript database mapper library. You can use it in the browser, as well on the server (and you can share data models between them).
persistence.js is a asynchronous Javascript object-relational mapper library. It can be used both in the web browser and on the server using node.js. It currently supports 4 types of data stores: HTML5 WebSQL database, a somewhat controversial part of HTML5 that is supported in Webkit browsers, specifically on mobile devices, including iPhone, Android and Palm's WebOS. Google Gears, a browser plug
JavaScriptで日付を扱うならこれ！「moment.js」
■ つかいかた（基礎編） ダウンロードしたmoment.jsをscriptタグで読み込ませたら準備完了です。 あとは下記のような実装で使用できます。 // momentオブジェクトを初期化して・・・ var m = moment(); // formatで出力! var output = m.format("YYYY年MM月DD日 HH:mm:ss dddd"); console.log(output); // => 2013年05月15日 12:34:56 Wednesday // 現在時刻 moment(); // ミリ秒で指定 moment(1368543600000); // タイムスタンプ（秒）で指定 moment.unix(1368543600); // Date.parseで解析可能な文字列を指定 moment("May 15, 2013"); // Dateオブジェクトか
JavaScriptのasync.jsでwaterfallとseries、parallelの違い - Qiita
async.js 主にnodeで使用されている、javascriptの非同期処理を扱うライブラリです。 フロントエンドでもゲーム作り等では重宝するんです。 その中でも使用率がかなり高い、waterfallとseries、そしてparallelの三つについて簡単にまとめました。 さらに、ECMAScript6からは非同期処理を扱うためのPromiseオブジェクトが標準で使用できます。 ECMAScript6のアロー関数とPromiseまとめ - JavaScript 技術情報のみつぶやくアカウント作成しました。JavaScriptなどの最新情報も追っていきます。 Twitter: [@takeharumikami] (https://twitter.com/takeharumikami) RSSはこちら Feedly: [Feedlyをフォロー] (http://cloud.feedly.c
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - hasura/graphqurl: curl for GraphQL with autocomplete, subscriptions and GraphiQL. Also a dead-simple universal javascript GraphQL client.
GitHub - cookpete/react-player: A React component for playing a variety of URLs, including file paths, YouTube, Facebook, Twitch, SoundCloud, Streamable, Vimeo, Wistia and DailyMotion
GitHub - sampotts/plyr: A simple HTML5, YouTube and Vimeo player
cross-fetch
GitHub - Wruczek/Bootstrap-Cookie-Alert: A simple, good looking cookie alert built for Bootstrap 3/4. No dependencies required.
Cookie Consent Notice Plugin For Bootstrap 5/4 - cookieAlert.js
axiosを乗りこなす機能についての知見集 - Qiita
GitHub - axios/axios: Promise based HTTP client for the browser and node.js
GitHub - desandro/masonry: :love_hotel: Cascading grid layout plugin
GitHub - flatiron/director: a tiny and isomorphic URL router for JavaScript
typestring