Overmind | OVERMIND
Web application development is about defining, changing and consuming state to produce a user experience. Overmind aims for a developer experience where that is all you focus on, reducing the orchestration of state management to a minimum. Making you a happier and more productive developer Develop the application state, effects and actions without leaving VS Code, or use the standalone development
WebAudio-TinySynth
WebAudio-TinySynth Light-weight GM mapped WebAudio-JavaScript Synthesizer Engine / MIDI Player GitHub Repository : https://github.com/g200kg/webaudio-tinysynth About webaudio-tinysynth is a small synthesizer / MIDI player library written in JavaScript with GM like timbre map. All timbres are generated by the combinations of Oscillator and Dynamically generated BufferSource algolithmically without
Bootstrap 4 Interface Builder | LayoutIt!
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam eget sapien sapien. Curabitur in metus urna. In hac habitasse platea dictumst. Phasellus eu sem sapien, sed vestibulum velit. Nam purus nibh, lacinia non faucibus et, pharetra in dolor. Sed iaculis posuere diam ut cursus. Morbi commodo sodales nisi id sodales. Proin consectetur, nisi id commodo imperdiet, metus nunc consequat lectus,
がんばらないTypeScriptのはじめ方 - 角待ちは対空
追記 2019/04/16に以下の記事が公開されました。 employment.en-japan.com gfxさんによる記事です。この記事自体2017年の若干古い記事なので、新しく読む方は最新版である上記の記事を読んだほうがいいでしょう。 このエントリは2017/07/12に行われたHatena Engineer Seminar #8 @ Tokyoの発表内容をブログ向けに書き直したものです。 事前の通知では「CoffeeScript脱出にみるTypeScript2.4時代のベストプラクティス」がタイトルだったのですが、主題を変えたためタイトルも「がんばらないTypeScriptの始め方」に変更させていただきました。CoffeeScript脱出の話は一応出てきます。 社内のTypeScript事情 その後のTypeScript 現在の様子 TypeScriptのがんばらないはじめ方
webpackを使い倒す - Thujikun blog
本エントリーJavaScript Advent Calendar 2014 7日目の記事になります。 webpackとは 概要については最近いろんな方が書いてるいるのでそちらを参考にしていただければつかめるかと。 全部のせRequireJSっぽいWebpackを使ってみた。 RequireJS等はもう古い。WebPackとは？ ようはナウいフロントエンドの依存解決ツールですね。 っていうネタで書こうと思っていたら、昨日yutaponさんが既に書いていたりするので（gulp.jsを使ってフロントエンドのビルドをする【webpack, stylus】）、いいところはパクリ参考にしつつ、もうちょっとwebpackに突っ込んだ内容を書いてみようと思います。 Options entryとoutput 簡単に試すときはentryは1ファイルだけ指定できればよいですが、実際にプロジェクトで使うとなると複
Plottable - Palantir
Because Plottable handles layout, sizing, and positioning, Plottable charts are easier to create and more reusable than charts built only with D3. And, since Plottable Components are powered by D3, the flexibility of D3 is still available. All Plottable components are usable on their own, so you can take small pieces to add to existing charts, or create charts entirely with Plottable. Plottable cu
Oculus Rift と HTML 5
開発部のいなおです。 突然ですが Oculus Rift という名前をご存知の方はどれくらいいるでしょう。これは Oculus VR という新興企業が開発した VR (= virtual reality) つまり「仮想現実」を実現するデバイスの名前です。 Sony の HMZ というヘッドマウントディスプレイならご存知の方もいるでしょう。Oculus Rift はそれとよく似たデバイスです。しかし、より意欲的で、可能性にとんだデバイスといえるでしょう。 その理由は、例えば、3D ゲームの天才プログラマ John Carmack 氏が CTO に迎え入れられたり、つい先日の CEDEC 2013 ではエンジニアリング部門の最優秀賞を受賞したりと、優秀な人材が集い、業界人の期待も非常に高いといった点が示しています。 さらに驚くべきは、これがまだ未発売のデバイスだと言うことです。未発売というのは
PouchDB and jQuery’s Promises
Update: By the time you read this, it’s possible PouchDB will support the use of Promises as part of the library itself (that is, the use of jQuery will not be necessary). PouchDB’s interface is very asynchronous. In fact, I think… yes, I’ve just checked… all but one of the APIs methods are callback-based. I’ve never dealt with such a seriously asynchronous interface, but I was quickly able to see
JavaScriptベースのデータベース［TaffyDB］
本コーナーは、技術評論社発行の書籍『JavaScriptライブラリ実践活用［厳選111］』の中から、特にBuild Insiderの読者に有用だと考えられる項目を編集部が選び、同社の許可を得て転載したものです。 『JavaScriptライブラリ実践活用［厳選111］』の詳細や購入は技術評論社のサイトや目次ページをご覧ください。
JavaScriptでローカルにファイルを保存する方法（その1） - るさんちまん
JavaScriptでローカルにファイルを保存する方法を調べたので、メモ。 動作確認はMac OS X10.9.2、Google Chrome 33で行っています（他のブラウザについては、参考リンクにもある JavaScriptからローカルファイルを作成する方法まとめ - あらびき日記 をご覧ください）。 Chromeでローカルにファイルを保存するには、File API: Writerを使います。 単純なテキストファイルをローカルに保存するサンプルは下記のようになります。 サンプルコード <script type="text/javascript"> function writeToLocal(filename, content) { // chrome以外は弾く var ua = navigator.userAgent.toLowerCase(); if (ua.indexOf('chr
コードをアップします。単純パーセプトロン（JavaScriptバージョン） - どこかへのクロ
2014-03-07 コードをアップします。単純パーセプトロン（JavaScriptバージョン） javascript D3.js MathJS 機械学習 前回、結果の画像だけを上げていたのですが、一応コードにコメントをつけたので上げておきます。PythonのNumPyやmatplotlibようなものを使わずに下のGitHubからダウンロードしてもらえれば、誰でもすぐに結果を確認できて、改変もできるのでいいかなと思います。コードのダウンロードはgahhahhaa/simple_perceptron · GitHubからお願いします。アルゴリズムの解説は前回同様、こちらのブログを参照してください。あとそのブログでも紹介されているこちらもとても参考になりました。 ファイル構成 実装ファイル群 index.html functions.js → 行列の操作をする関数、機械学習本体の関数 draw
多彩な表現力のWebGLを扱いやすくする「Three.js」
多彩な表現力のWebGLを扱いやすくする「Three.js」：Webグラフィックをハックする（5）（1/5 ページ） Three.jsはWebGLの冗長な仕様をうまくラップし、扱いやすいインターフェイスで提供するライブラリだ。サンプルコードと見比べながら、効率良く学習しよう Three.jsの基礎 本連載も5回目を迎え、いよいよ佳境に入ります。今回の題材は、Webブラウザ上で3次元グラフィックを実現する「WebGL」です。ただし、これまでと違ってAPIを直接は触れず、「Three.js」を利用します。Three.jsはWebGLの冗長な仕様をうまくラップし、扱いやすいインターフェイスで提供するライブラリです。Mr.Doob氏を中心にオープンソースで開発が進められており、WebGL界隈ではデファクトスタンダードに近い地位を築いています。 Three.jp公式サイト WebGLはこれまで解説し
Webアプリに高機能な音声認識を追加するWeb Speech API - Kesinの知見置き場
Microphone' by Juan_Alvaro, http://www.flickr.com/photos/31590610@N03/5408706936/ CC by 2.0 最近、にわかに音声認識というものが盛り上がっています。 スマートフォンに搭載されている、AppleのSiri、NTTドコモのしゃべってコンシェル、Googleの音声検索あたりが有名ですが、お掃除ロボやエアコン、カーナビといった家電にも音声認識機能が搭載されるようになってきました。 認識の精度や意識の問題（人前で機械に話しかけるのはちょっと恥ずかしい）などの課題はありますが、音声認識はアプリや家電のUIの一部としてこれから普及していくと思われます。 ですが、一般の開発者にとって音声認識機能を自分のアプリやウェブサイトに組み込むのはまだまだ難しいです。 Juliusのようなオープンソースの音声認識システムもありま
Speaking JavaScript
Speaking JavaScript Homepage Buy the book (Ad, please don’t block.) Table of contents Praise for Speaking JavaScriptPrefaceWhat You Need to Know About This BookTips for Reading This BookThe Four Parts of This BookJavaScript Command LinesNotational ConventionsDescribing syntaxReferring to methodsCommand-line interactionTips, notes, and warningsQuickly Finding DocumentationSafari® Books OnlineHow to
Node.jsにPromiseが再びやって来た！ - ぼちぼち日記
tl;dr サンプルコードを付けたら記事がかなり長くなってしまったのでご注意下さい。 Node.jsの current master で V8がアップデートされ ES6の Promise が使えるようになりました（要オプションですが）。Promise を使うと Node.jsの非同期処理がどのようになるのか、Stream と Promise を組み合わせた使い方なども含めて紹介します。 1. はじめに Nodeの次期安定版 v0.12は、すぐ出ると言われながら既に v0.10のリリースから１年が過ぎてしまいました。 現在、v0.12の主要な新機能の実装は完了していますが、まだ安定版のリリースに向けて手当できていない部分が残っている感じです。そんな残っている部分の一つだった V8 のアップデートが先週末に行われました。 deps: update v8 to 3.24.40 (3/19現在は
FullCalendarを使用してカレンダーアプリケーション
カレンダーアプリケーションを作成するため、カレンダー表示できるプラグインを探索して出会ったFullcalendarを試してみました。シンプルに使用できる上に、オプションがかなり豊富です。ダウンロード 目次 カレンダーを表示する カレンダーにイベントを表示する カレンダーにイベントを追加する カレンダーを表示する まずはカレンダーのみ表示してみます。デモ：カレンダー表示 head部分に、jQuery本体とFullCalendar本体、そしてCSSを読み込みます。 // head内 <?php echo $this->Html->css( 'fullcalendar/fullcalendar.css'); echo $this->Html->script( 'jquery.min.js'); echo $this->Html->script( 'fullcalendar/fullcalenda
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
How fabric canvas layering works
gl-scatter-plot
how to save/ export inline SVG styled with css from browser to image file
IDEA * IDEA
