たぶん世界一簡単なIndexedDBのサンプル - DRYな備忘録
WebSQL先輩… localStorageのようなシンプルなkvsじゃなくて、検索を伴うようなブラウザで永続化できるストレージあるかな、そういえばWebSQLってどうなってるんだろう？と思って調べたら、 Developer's blog | HTML5のWeb SQL DatabaseがW3Cの仕様策定の範囲から外れていた W3C、「Web SQL Database」の仕様策定を正式に断念 - builder by ZDNet Japan あらまあ Migrating your WebSQL DB to IndexedDB - HTML5 Rocks 代わりにIndexedDBを使えということらしい. なにそれ食えんの. IndexedDBとは？ どうやら検索キーを指定してドキュメントをつっこめるストレージっぽい. IndexedDB is a way for you to persis
IndexedDBの（少し詳しい）サンプルコード - Qiita
IndexedDBは検索すればすぐにサンプルコードが出てきますが、一部不明瞭な点があるのでそれを補完したサンプルコードです。 IndexedDBとは (大量の)オブジェクトを格納するためのHTML5アプリで使えるデータベースです。 サンプルコード //1.indexedDBを開く var idbReq = indexedDB.open("archives", 1); //2.DBの新規作成時、またはバージョン変更時に実行するコード idbReq.onupgradeneeded = function (event) { var db = event.target.result; var twitterStore = db.createObjectStore("twitter", { keyPath: "id_str" }); var pocketStore = db.createObject
スマホの画面サイズ取得 - Qiita
// 画面幅 screen.width // 画面高 screen.height // 有効画面幅 screen.availWidth // 有効画面高 screen.availHeight // 表示領域幅 window.innerWidth // 表示領域高 window.innerHeight // ウィンドウ幅 window.outerWidth // ウィンドウ高 window.outerHeight // 表示領域幅 $(window).width() // 表示領域高 $(window).height() // 表示領域幅 document.documentElement.clientWidth // 表示領域高 document.documentElement.clientHeight // ドキュメント幅 $(document).width() // ドキュメント高 $(
JavaScript Key Code Event Tool | Toptal®
KeyCode.Info allows users to press any key and instantly get the JavaScript Key or Key Code KeyboardEvent. Check out the Tool and Event List.
MutationObserver - Web API | MDN
// 変更を監視するノードを選択 const targetNode = document.getElementById("some-id"); // (変更を監視する) オブザーバーのオプション const config = { attributes: true, childList: true, subtree: true }; // 変更が発見されたときに実行されるコールバック関数 const callback = function (mutationsList, observer) { // Use traditional 'for loops' for IE 11 for (const mutation of mutationsList) { if (mutation.type === "childList") { console.log("A child node has bee
JavaScriptのカスタムイベント - console.lealog();
JavaScriptでよくある、 そんなユーザーインプットが行われたわけではないが、それをエミュレートしたい時 各クラス間を疎結合に保ったまま、データのやりとりに独自のイベントを使いたい時 そんな時などに使われるだろうアレです。 MDNくらいしか検索しても情報出てこないので、個人的にまとめ。 参考：Creating and triggering events - Web developer guide | MDN キホンのやつ // いつもどおりなんやかんや書いて elm.addEventListener('touchstart', function() { alert('touch!'); }, false); // イベント作って var ev = new Event('touchstart'); // 発火！ elm.dispatchEvent(ev); とまあこんな簡単にできちゃう
[JS]フォームのselect要素をHTMLの変更無しで、ミニマルに美しく使いやすくするスクリプト -Minimalect
フォームのselect要素をHTMLには手を加えずに、美しいミニマルなデザインを適用し、使いやすさもアップさせるjQueryのプラグインを紹介します。 デザインのテーマも用意されており、オリジナルのテーマをスタイルシートベースでつくることもできます。 Minimalect Minimalectの特徴 Minimalectのデモ Minimalectの使い方 Minimalectの特徴 select要素を洗練されたデザインに置き換えます。 optgroupsのサポート。 フィルタリングのサポート。 キーボードナビゲーション。 テーマのサポート。 Minimalectのデモ HTMLの変更は無しで、select要素を美しく、そして使いやすくしたデモがあります。 まずは、一つ目。
GRN blog » 新ニコニコ動画プレイヤー：Zeroで使えるJavascript関数一覧
新ニコニコ動画プレイヤー：Zeroで使えるJavascript関数一覧 とりあえず、見つけたもの ext_play ext_setPlayheadTime ext_getStatus ext_getPlayheadTime ext_getTotalTime ext_getStatus ext_getPlayheadTime ext_getTotalTime ext_isEditedOwnerThread ext_sendLocalMessage ext_getLoadedRatio ext_sendOwnerMessage ext_setInputMessage ext_getThreads ext_getComments externalRemoconCall externalPostChat externalUpdateCommentList externalUpdatePastMod
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
