[B! JavaScript] toshiwoのブックマーク

JavaScriptによるデータビジュアライゼーション入門

TOPICS Programming , Web , Database , HTML/CSS , JavaScript 発行年月日 2015年10月 PRINT LENGTH 396 ISBN 978-4-87311-746-1 原書 Data Visualization with JavaScript FORMAT JavaScript、HTML、CSSといったWeb開発者が日頃使い慣れている技術を使って、効果的で印象的なグラフの作成方法をチュートリアル形式で説明しています。さまざまな可視化手法の中から、データをより効果的に魅せるには、どの表現方法がよいのか、どのような技術が必要なのかを解説します。基本的なグラフから、樹形図、ヒートマップ、ネットワークグラフ、ワードクラウド、時系列グラフ、地理情報、複合グラフなど、ステップバイステップで徐々に機能を追加したり改善を加えながら高機能かつイン

toshiwo 2015/10/06

リンク

JavaScript の過去と現在、ガチな JS アプリケーション設計

はじめよう TypeScript - 入門から実践まで - 素の JavaScript とはさようなら!

toshiwo 2015/09/26

JavaScript

リンク

GitHub - mattdesl/module-best-practices: :books: some best practices for JS modules

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

toshiwo 2014/10/17

JavaScript

リンク

JavaScriptで最近試そうとしてるライブラリ - mizchi's blog

を晒すことで俺以外が試してくれるかもしれない！というのは置いといて、現在の知見です。 MV* React | A JavaScript library for building user interfaces Facebook製データバインディング。jsxという謎拡張子に目をつむれば未来を感じる設計。とにかく生DOM触りたくないという気概を感じる。 Welcome - Polymer Google製WebComponent。WebComponent使うならこれが有望株っぽい。 component/component MV* とはちょっと違うけどCSS/JavaScript/HTML まとめてライブラリにできる。JavaScript以外もライブラリに含む際は有望。何がしたいかはt_wadaさんがまとめてくれたtogetterみてください。Web フロントエンド開発用パッケージマネージャ c

toshiwo 2014/06/26

JavaScript

リンク

JavaScript Promiseの本を書きました | Web Scratch

JavaScript Promiseの本という無料で読める電子書籍を書きました。タイトルそのままで、JavaScriptのPromiseについて書いた書籍です。書籍の目的この書籍を読むことで学べる事として、次の3つを目標にして書きました。 Promiseについて学び、パターンやテストを扱えるようになる事 Promiseの向き不向きについて学び、何でもPromiseで解決するべきではないと知る事 ECMAScript6 Promiseの基本をよく学び、発展した形を自分で形成できるようになる事 Promiseは、次のECMAScriptの言語仕様として策定が進められていて既に多くのブラウザに実装されています。 Promiseについて扱う書籍ですが、この機能はjQuery.Deferred()やAngularJSの$qやBluebird等の類似の機能が既にあるため扱ったことがあるかもしれま

toshiwo 2014/06/23

JavaScript

リンク

メンテナブルなJsってなんだろう

悩まないコーディングをしよう！ OOCSS,SMACSSを用いた、読みやすくてメンテナブルなCSS設計（Sass対応）

toshiwo 2014/06/17

JavaScript

リンク

オブジェクト指向JavaScriptの原則

TOPICS Web , JavaScript 発行年月日 2014年06月 PRINT LENGTH 200 ISBN 978-4-87311-681-5 原書 The Principles of Object-Oriented JavaScript FORMAT PDF 本書はJavaScriptが持つオブジェクト指向的な言語特性や、その特性を強力にサポートするECMAScript 5の機能を紹介し、それらの特性や機能を活かすプログラミングの方法、考え方、パターンについて、深くそして簡潔に解説する書籍です。本書を通じて、C++やJavaなど「クラスベースのオブジェクト指向言語」に慣れたプログラマはJavaScript特有のクラスを持たないオブジェクト指向プログラミングの世界への知識を得ることができ、JavaScriptプログラマはJavaScriptのオブジェクトに関する理解をさらに深

toshiwo 2014/06/04

リンク

Promise時代のJavaScriptの関数の処理/提供 - mizchi's blog

最近自分で非同期前提のプラグイン書くときはThenableな感じで書いてることが多い。 Thenableってのはどういうことかというと、typescirptのes6-promises では次のように定義してある。 interface Thenable<R> { then(onFulfilled: (value: R) => Thenable, onRejected: (error: any) => Thenable): Thenable; then(onFulfilled: (value: R) => Thenable, onRejected?: (error: any) => U): Thenable; then(onFulfilled: (value: R) => U, onRejected: (error: any) => Thenab

toshiwo 2014/05/04

JavaScript

リンク

How to convert MMD files to JSON for three.js | Yomotsu net

I published a video, which is explaining the way to convert MMD files ( PMX and VMD ) to a JSON file for three.js. Here is it. The convert was operated on Blender. Preparation Check the language setting at preference to display Japanese characters. Install and activate following addons mmd-tools io_mesh_threejs Load MMD files Load a PMX file Select all bones Load a VMD file Bake Actionsome bones o

toshiwo 2014/02/21

リンク

軽量でパワフルなデータバインディングMVVM, vue.jsで遊んでみた - mizchi's blog

Vue.jsは軽量なMVVMライブラリ。 vue.js http://vuejs.org/ 使ってみた感じ、かなり手触りがよいので、紹介する。概要 handlebars風のテンプレートを書いて、DOMを展開する。普通のテンプレートエンジンと違い、$dataアクセッサを通じて値を書き換えることで、テンプレート展開後も値が同期する(!!!)。一言で言うと軽量Angular。コード読んだ感じ、内部的にもAngularから大量にコードを持ってきた痕跡がある。$watchとdirective定義がキモなのは同じ。とはいっても、軽量なのは使う側のAPI側だけで、内部実装はそれなりに重い。APIを軽量にすることで、Angularのデメリットである学習コスト部分を限りなく削ることを目標にしているんじゃないだろうか。大雑把な使い方テンプレートを書く。対応するデータ構造を書く。{foo: 'bar'

toshiwo 2014/02/13

JavaScript

リンク

Vue.js - The Progressive JavaScript Framework | Vue.js

The Progressive JavaScript Framework An approachable, performant and versatile framework for building web user interfaces. Why Vue Get Started Install Get Security Updates for Vue 2 Special Sponsor slot is now vacant - Inquire now Approachable Builds on top of standard HTML, CSS and JavaScript with intuitive API and world-class documentation. Performant Truly reactive, compiler-optimized rendering

toshiwo 2014/02/09

リンク

#最近のJavaScript情報の探し方

azu @azu_re 皆さんの集め方も書いてもいいんですよ "最近のJavaScript情報の探し方 · Issue #‌2 · azu/jser-info" http://t.co/tZeSNAvB59 2014-01-30 13:01:07

toshiwo 2014/01/31

JavaScript

リンク

とにかくシンプルで簡単で高速なViewのコンポーネントを作れるHorn.jsを作った - mizchi's blog

JavaScriptでリアクティブっぽくとにかく短くシンプルにビューが書けるライブラリを作った。 mizchi/horn.js https://github.com/mizchi/horn.js 名前は背骨とか角とかっぽければ何でもよかった。方針 Angularっぽいユーザー定義のdirective Knockout.js っぽいデータバインド Backbone風の軽量なAPI 依存はjQueryのみとにかく短くビューのコンポーネントの塊を書けるのを目的とした。UnityとかFlashのコンポーネントに影響を受けている気がする。 HTMLのテンプレートによって、ビューがどういう属性を持つか決定される。それをJavaScriptから使う。インストール bower install horn 使い方こんな感じでテンプレートを用意する <div data-template-name="st

toshiwo 2014/01/05

JavaScript

リンク

WEB+DB PRESS Vol.78に「フロントエンドの国際化」について書いた！ - teppeis blog

先週発売されたWEB+DB PRESS Vol.78のJavaScript連載にて、「フロントエンドの国際化」をテーマに記事を書きました！内容はこんな感じです。国際化の基本 I18NとL10N ロケールタイムゾーンフロントエンドにおける国際化メッセージリソースの管理数値や日付のフォーマット CLDRとICU JavaScriptにおける文字コードの罠 JavaScriptにおけるタイムゾーンの罠 JavaScript国際化関連ライブラリ i18next Numeral.js Moment.js & Moment Timezone ECMAScript 6 Internationalization API 前半ではソフトウェアの国際化で使われる基本概念と、最近のフロントエンド領域で国際化を行うときに課題となるポイントを解説しています。中盤ではいくつかの定番ライブラリを紹介し、最

toshiwo 2013/12/30

リンク

Next Mobile WebApplication

このスライドは 2013-11-30 に開催された HTML5 Conference 2013 で地下鉄・サクサク・これからのWebゲームアプリが備えるべき8つの機能としてお話したものです

toshiwo 2013/12/03

リンク

Backboneでデータバインディングを使ってMVVMをするフロントエンドアーキテクチャ - Qiita

前提会社(Quipper)で今からこういう風にしたい、と宣言した社内ドキュメントを公開する。枯れてるわけではない。 coffeescript Backbone Backbone.stickit (データバインディング) Chapling.js(は、オマケなのでどうでもいいがサンプルコードはこう) backbone.stickitは安心と信頼のNYT製。(実質Backbone作ってるDocumentCloudと一緒のところ?) backbone.stickit 目的データバインディングを全面的に使って再描画を最小限にし、コードの見通しをよくしたい。モデルの役割を明示的にし、MVVMを導入する。理想的なAPI 擬似コード # ビューモデルの定義 class TopicViewModel extends Model defaults: title: '' # たぶんここでパラメータ名(

toshiwo 2013/10/31

リンク

tupai.js — Minimal and Flexible JavaScript MVC Framework.

tupai.js is a minimal and flexible JavaScript MVC framework. providing a robust set of features for building single and multi-pages. Package Java like package-class system. Namespaces are needed because there can be many functions, variables for classes in one program and they can conflict with the existing names of variables, functions and classes. Template engine Roles of engineers and mark-up i

toshiwo 2013/10/25

リンク

Snap.svg - The JavaScript SVG library for the modern web.

Why SVG (and Snap)? SVG is an excellent way to create interactive, resolution-independent vector graphics that will look great on any size screen. And the Snap.svg JavaScript library makes working with your SVG assets as easy as jQuery makes working with the DOM. Modern features for modern browsers Snap.svg is designed for modern browsers and therefore supports the newest SVG features like masking

toshiwo 2013/10/24

リンク

QuipperでHTML5アプリを作ってる話 - Fujimura

9月からQuipperという会社で働いています。今日はリリース前というのに同僚がすごい勢いでブログエントリを書いている。 Quipper のスピード感自分の強みを生かすこと on QuipperGithub Issues を利用したリリースマネージャのお仕事Quipperでのおじさんエンジニアの立ち位置同調圧力に負け、僕も書くことにした。最近、いわゆるHTML5アプリ(HTML+CSS+JavaScriptのクライアント)を作った。もうすぐリリース。そこで色々新しいテクノロジーを使ったので、私見を交えつつ簡単にご報告します。 Chaplin.js素のBackboneだと、ブートやインスタンス管理の仕組みを作るのが面倒。ここ一年でそれっぽいものを2度作ったので、もうやりたくなかった。 Chaplin.jsはレールがひいてあり、インスタンス管理も行き届いてる。 Brunchで雛形つくれる