Hatena::ブログ(Diary)

Cli@ RSSフィード

2014年10月30日

[][][]Stats for Bower - the best package manager for the web. 00:20

Stats for Bower - the best package manager for the web.

Bower insightで収集したbowerのインストール数などの情報

[][]Can AngularJS Maintain Its Dominance? -Telerik Developer Network 00:18

Can AngularJS Maintain Its Dominance? -Telerik Developer Network

AngularJS 2.0の移行コストについての議論

[]jQuery 3.0: The Next Generations | Official jQuery Blog 17:32

jQuery 3.0: The Next Generations | Official jQuery Blog

jQuery 1.xと2.xみたいにバージョンで分けないで、両方とも別名の3.0とする提案

[][]mquan/cortex 17:30

mquan/cortex

監視可能なラップしたオブジェクトを作成するライブラリ。

setメソッドで値を変更した時にコールバックを呼び出すイベントを設定出来る。

[][][][]Closure CompilerのES6対応 あるいはES6時代のAltJS生存戦略 17:20

Closure CompilerのES6対応 あるいはES6時代のAltJS生存戦略

Closure CompilerのES6対応についてのスライド。

JSDocで基本はJavaScriptのままであるメリットについて

[][]JavaScriptでリンク先URLがhttp/httpsか確認する方法 - 葉っぱ日記 15:28

JavaScriptでリンク先URLがhttp/httpsか確認する方法 - 葉っぱ日記

DOM a要素にhttp/httpsな文字列を入れると、それ以外のパターンだと弾かれるのを利用して判定する。

new URLが使える場合はそっちを使う話

[][][]HTML - Media Source Extensionsを使ってみた (WebM編) - Qiita 11:32

HTML - Media Source Extensionsを使ってみた (WebM編) - Qiita

Media Source Extensionsでメディアセグメントがストリーム再生可能なパターンになってるなら再生する。

XHR.arraybufferでデータを取りつつ再生する

[][][]iOS: How To Make AutoLayout Work On A ScrollView 10:10

iOS: How To Make AutoLayout Work On A ScrollView

UIScrollViewとAutoLayoutの問題の解決方法。ScrollViewの子ViewにEqual Widthsを設定する

[][][]ES6 modules today with 6to5 - ES6 Rocks 10:07

ES6 modules today with 6to5 - ES6 Rocks

6to5 を使ってES6のコードをES5に変換するチュートリアル

[][][]Roadmap · servo/servo Wiki 09:58

Roadmap · servo/servo Wiki

Servoロードマップ

[][]AppCode joins Swift club with 3.1 EAP | JetBrains AppCode Blog 09:53

AppCode joins Swift club with 3.1 EAP | JetBrains AppCode Blog

Swift対応

[][]iOS - WKWebViewで躓いた10つのまとめ - Qiita 09:48

iOS - WKWebViewで躓いた10つのまとめ - Qiita

WKWebViewの問題と解決方法。

_blank、URLスキームのハンドリング、ダイアログ、クッキー等のデータの扱い

[][][]azer/html-patcher 09:13

azer/html-patcher

HTML文字列からvTreeを作成してpatchを当てて更新出来る

2014年10月29日

[][][]3分で分かるFacebook Flow - teppeis blog 18:59

3分で分かるFacebook Flow - teppeis blog

Facebook Flowの動画について

[][]Statically typed JavaScript via Microsoft TypeScript, Facebook Flow and Google AtScript 18:54

Statically typed JavaScript via Microsoft TypeScript, Facebook Flow and Google AtScript

TypeScript、d.ts、Facebook Flow、AtScriptについて。

なぜFlowはTypeScript forkではないのか

http://bit.ly/ZZ8nzM

標準化への動きについて

[][]Bringing Interoperable Real-Time Communications to the Web - IEBlog - Site Home - MSDN Blogs 18:42

Bringing Interoperable Real-Time Communications to the Web - IEBlog - Site Home - MSDN Blogs

IEがORTCの実装を開始。

WebRTC 1.0とは別のやつだけど、WebRTC 1.1で統合予定

http://slidesha.re/ZZ6yD9 http://slidesha.re/ZZ6FOR

[][]実践Excelスクレイピング 18:12

実践Excelスクレイピング

Excelのクエリを使ったExcelからスクレイピングする

[][]Bash - インフラエンジニアとしてよく使うコマンド集 - Qiita 18:05

Bash - インフラエンジニアとしてよく使うコマンド集 - Qiita

色々調べるコマンド

[][][][]コードレビューの話 // Speaker Deck 15:13

コードレビューの話 // Speaker Deck

コードレビューする側、コードの読み方、何を発見するべきなのか、コミュニケーションについて

[][]HTML5勧告–オープン・ウェブ・プラットフォームの重要なマイルストーンを達成 14:51

HTML5勧告–オープン・ウェブ・プラットフォームの重要なマイルストーンを達成

W3C HTML5が勧告された

[][]Functors and Applicatives 14:48

Functors and Applicatives

Functor、関数合成、nullが来てしまった場合にどうするか、

Maybe Functor、Applyについて。

分かりやすい図と共に解説してる

[][]Plan 2014 14:35

Plan 2014

HTML仕様のリリースモデル、スケジュール。

拡張仕様は分けてモジュール的なリリースをする、本体は5.0と5.1が同時進行的に進めて行く。

[][][][]Model-View-Intent and the Virtual DOM 14:29

Model-View-Intent and the Virtual DOM

Reactiveなパターンについてのスライド。

MVCが絡み合って複雑になるのをイベントバスを使ってどう解決するか。

Model、View(Virtual DOM)、Intentでのアーキテクチャについて

[][][]Meteor 14:22

Meteor

Meteor 1.0リリース

[][]Release Son of Dragon · sass/libsass 14:16

Release Son of Dragon · sass/libsass

libsass 3.0.1リリース

[]jyapayne/Web2Executable 13:40

jyapayne/Web2Executable

node-webkitのパッケージング

[][]seanhess/tpm 13:32

seanhess/tpm

TypeScriptのd.tsファイルのパッケージマネージャ

[][]Building single page apps using web components - Polymer 12:42

Building single page apps using web components - Polymer

Web Componentsを使ってシングルページアプリケーションを作るチュートリアル

[][]tildeio/htmlbars 12:38

tildeio/htmlbars

handlerbarsをパースしてASTからHTML文字列ではなくDOMを作る

[][][]jwerle/w625 11:53

jwerle/w625

6to5を使ってES6で書けるREPLの実装。

特定のウェブサイトに繋いで、コンソール的に使うことも出来る

[][]チェンジセット 172408 – WebKit 11:49

チェンジセット 172408 – WebKit

CSS :scopeサポート

[][][]Release JSHint 2.5.7 · jshint/jshint 11:23

Release JSHint 2.5.7 · jshint/jshint

JSHint 2.5.7リリース。

ES6のSymbol、Reflect、System、ComputedPropertyNamesに対応等

[][][]React v0.12 | React 11:13

React v0.12 | React

React 0.12正式リリース。

用語やAPIの変更、JSXの変更、ChromeのDevTools拡張の改善、ライセンスがApache 2から修正BSDに変更

[][]sergeyt/nunbars 09:24

sergeyt/nunbars

"Handlerbars-like templating engine that builds virtual DOMs"

[][][][][]多言語対応User-Agentパーサライブラリ Woothee 1.0.0リリース: OS versionの出力をサポート - tagomorisのメモ置き場 09:14

多言語対応User-Agentパーサライブラリ Woothee 1.0.0リリース: OS versionの出力をサポート - tagomorisのメモ置き場

UAパーサライブラリ

2014年10月28日

[][][]Getting To Know Flux, the React.js Architecture ♥ Scotch 23:55

Getting To Know Flux, the React.js Architecture ♥ Scotch

Fluxアーキテクチャについて分かりやすく解説されてる。

Storeが複数ある場合にwatiForを使って依存関係の解決する方法やどのようなフローで処理が行うかを図を用いて分かりやすくまとめられている

[][][]bevacqua/measly 17:46

bevacqua/measly

XHRにlayerを設けるライブラリ。

layerにキャシュをもたせたり、XHRをラップしたイベントを発行してくれる

[][][]CSP Lv.2の話 16:29

CSP Lv.2の話

CSP Level2の機能についての紹介スライド。

Path matching、Nonce source、Source hash、frame-ancestors、referrer、sandbox等によくまとまっている

[][][][][]ブラウザーに優しくて、アニメーションを滑らかに 16:14

ブラウザーに優しくて、アニメーションを滑らかに

Web Animationについてのスライド。

どのようなフローでスタイルが決定され、レンダリングが行われているか。

またどうすれば、レンダリングやレイアウトのコストを減らせるかについて等の最適化について。

レイヤーや`will-change`などについても触れている

[][][][]Socket.IO — Socket.IO 1.2.0 15:20

Socket.IO — Socket.IO 1.2.0

Socket.IO 1.2.0リリース。

サーバとクライアントのバグ修正。

IE10みたいにXDRとXHR Lv2がある場合はXHRを優先するように、PhantomJSのサポート等

[]Avik Chaudhuri @ Facebook 14:16

Avik Chaudhuri @ Facebook

Facebook Flow

[][]salomvary/soundcleod 14:11

salomvary/soundcleod

Soundcloudクライアント

[][][]Wall of browser bugs · Bootstrap 10:49

Wall of browser bugs · Bootstrap

Bootstrapが公開してるブラウザのバグまとめ

[]cvrebert/lmvtfy 10:49

cvrebert/lmvtfy

HTML validation bot

JSBinとかJSFiddleに対応してる

[][][]jquery/jquery-mousewheel 10:36

jquery/jquery-mousewheel

Browserifyで使えるようにしてるjQuery pluginの例。

jQueryオブジェクトはfactory関数に外から渡す

[][][][]10年以上Java屋してたおっさんが 今年からフロントエンジニアやっている話 10:32

10年以上Java屋してたおっさんが 今年からフロントエンジニアやっている話

"敷居は低いが難しい言語だということを実感 • 敷居が低いというのがたちが悪い • Javascriptを書ける人はたくさんいるが、書ける人 の中での理解レベルのギャップが激しい言語だと 思った "

[][][]レガシーコード改善勉強会 開催レポート - Yahoo! JAPAN Tech Blog 10:10

レガシーコード改善勉強会 開催レポート - Yahoo! JAPAN Tech Blog

レガシーコード改善についてのスライドまとめ。

[][][]小さいライブラリを採用する - mizchi's blog 10:09

小さいライブラリを採用する - mizchi's blog

小さいライブラリ、小さいビルドツール、結局は設計

[]iOSアプリ開発にチームで取組むチャレンジ - ワザノバ | wazanova 10:06

iOSアプリ開発にチームで取組むチャレンジ - ワザノバ | wazanova

iOSアプリをチーム間でやる時

モジュール、コーディングスタイル、Xcodeプロジェクトのマージ問題

[][]ソフトウェア設計のすすめ 10:05

ソフトウェア設計のすすめ

UMLによるモデリング

[][][]1033153 – Make DOM promises inspectable 10:05

1033153 – Make DOM promises inspectable

Firefoxの開発者ツールにPromiseオブジェクトのinspect機能が入った

[]Sublime Text 3 で日本語を検索したとき文字が消える不具合を直す - MEMOGRAPHIX 09:48

Sublime Text 3 で日本語を検索したとき文字が消える不具合を直す - MEMOGRAPHIX

Sublime TextのEnterで消える問題

[][]If Hemingway Wrote JavaScript - O'Reilly Media 09:48

If Hemingway Wrote JavaScript - O'Reilly Media

もしヘミングウェイがJavaScriptを書いたら

[][][][]Sinon.JS/Changelog.txt at v1.11.1 · cjohansen/Sinon.JS 09:14

Sinon.JS/Changelog.txt at v1.11.1 · cjohansen/Sinon.JS

Sinon.JS 1.11.0リリース。

AMDサポートの改善、xhrに`.response`プロパティの追加、バグ修正

[][][]Release RxJS Version 2.3 · Reactive-Extensions/RxJS 09:02

Release RxJS Version 2.3 · Reactive-Extensions/RxJS

RxJS 2.3リリース。

Promise、Generatorのサポート。

またES6以降のArray.fromといったメソッドと同等の機能の提供など

2014年10月27日

[][]JavaScript と Scheme について - ksmakotoのhatenadiary 22:47

JavaScript と Scheme について - ksmakotoのhatenadiary

Brendan Eich とJavaScriptの歴史

[][]2014-10-27 - やっとむでぽん 17:59

2014-10-27 - やっとむでぽん

"TDDの経験と現状のアンケート"

[][]UIAppearance 変更時、リアルタイムに画面反映する - ja.ngs.io 11:08

UIAppearance 変更時、リアルタイムに画面反映する - ja.ngs.io

UIAppearanceの変更を反映する方法

"window の子ビューを全て剥がして貼り直しています。"

[][][]次世代のユーザー行動分析サービス「Repro」を使おう! | Developers.IO 11:06

次世代のユーザー行動分析サービス「Repro」を使おう! | Developers.IO

Analytics + Crash Report + 画面録画のフィードバック

[][][]Targeted.io 11:02

Targeted.io

emailのデザインチェックツール

[]Pinterestをスケールさせる中で学んだこと - ワザノバ | wazanova 10:57

Pinterestをスケールさせる中で学んだこと - ワザノバ | wazanova

初日からやるべきこと - ログの取得、分析。

早ければよかったこと - CI、自動化、A/Bテスト、ロールバックの仕組み

[][][]Gemba – Drag and Drop Git for Designers 10:30

Gemba – Drag and Drop Git for Designers

デザイナー向けのGitツール

D&Dとコメント書くだけのシンプルな感じで、Gitリポジトリに運んでくれるっぽい。

DesignerとDeveloper向けのFAQあるの面白い

[][]実装して理解する遅延評価の仕組み 〜 thunkを絵に描いて理解しよう・JavaScriptでHaskellを実装!? - プログラムモグモグ 10:24

実装して理解する遅延評価の仕組み 〜 thunkを絵に描いて理解しよう・JavaScriptでHaskellを実装!? - プログラムモグモグ

Haskellの遅延評価の仕組みについて

[][]Lazy.js を紹介してみる - (define -ayalog '()) 10:17

Lazy.js を紹介してみる - (define -ayalog '())

遅延評価的なのは同じコンセプトlodashに入る予定っぽい

https://github.com/lodash/lodash/issues/274

互換性のために`_.chain`のwrapperのみだと思うけど

[][]Add minimal support for lazy evaluation to chaining syntax · Issue #274 · lodash/lodash 10:11

Add minimal support for lazy evaluation to chaining syntax · Issue #274 · lodash/lodash

lodashにlazy.jsライクな遅延評価の導入

_.chain

[][]Scaling Isomorphic Javascript Code | Nodejitsu Inc. 09:58

Scaling Isomorphic Javascript Code | Nodejitsu Inc.

Isomorphic語源?

[][][]Markdownもはじめよう 09:20

Markdownもはじめよう

Markdownの標準化

pandocのASTやオプションについて。

以前フィルター書いたことある http://efcl.info/2014/0301/res3692/

2014年10月26日

[][][](88) React: Convincing the Boss - Posts - Quora 23:25

(88) React: Convincing the Boss - Posts - Quora

componentsのCompositionについて。One-wayデータバインディングによるフローの一方通行Fluxによるデバッグのし易さを保つ利点がある、Virtul DOMでのパフォーマンスについて

[][]TeaVM project home page 21:42

TeaVM project home page

JavaバイトコードをJavaScriptに変換。

GWT関係

http://habrahabr.ru/post/240999/

[][][]Objective-C - iOSメモ - Auto Layout勘所 - Qiita 21:30

Objective-C - iOSメモ - Auto Layout勘所 - Qiita

iOSのAutoLayoutのハマりどころ

[][][]Stories | javascriptkicks 21:26

Stories | javascriptkicks

JavaScript特化のechojsやHNみたいなリンク+コメントなサイト。

[][][][]AST, CST & awesome tools!! 21:15

AST, CST & awesome tools!!

AST/CST ASTを使ったツールについて

[]whirl | pure CSS loading animations with minimal effort! 21:15

whirl | pure CSS loading animations with minimal effort!

CSSでローディングアニメーション色々

[]PHPカンファレンス2014でHHVM/Hackの話を聞いて感動した - As a Futurist... 21:06

PHPカンファレンス2014でHHVM/Hackの話を聞いて感動した - As a Futurist...

もう既にHHVM/Hackの以降が殆どできるんだ

[]Hack and HHVM: Converting an Existing Project to Hack - Manual 21:06

Hack and HHVM: Converting an Existing Project to Hack - Manual

Hack/HHVMの既存のPHPを型付へ変換していくツールと仕組み

[][]My Thoughts on ngEurope 2014 and AngularJS 2.0 20:21

My Thoughts on ngEurope 2014 and AngularJS 2.0

AtScriptのスライドについてのレポート書かれてる

[][][]JavaScript documentation status - The MDN project | MDN 19:36

JavaScript documentation status - The MDN project | MDN

MDNのドキュメントステータスページ。

ES6とかAPIについての状況とかも書かれてて便利っぽい

[][][]johnmccutchan/ecmascript_simd 19:35

johnmccutchan/ecmascript_simd

SIMD objects

[]987514 – Implement ES6 Reflect 19:34

987514 – Implement ES6 Reflect

ES6 Reflect APIのbugzilla

[][]TC-39 Process Proposal by Rafael Weinstein 19:31

TC-39 Process Proposal by Rafael Weinstein

TC39の策定プロセスについて。

ES7の方針が決まる一つ前のやつかな?

[]Typed object handles - Baby Steps 19:20

Typed object handles - Baby Steps

Typed Objectについて

[][]Keynote: AtScript - Google スライド 18:48

Keynote: AtScript - Google スライド

AtScripttについてのスライド。

AtScriptは新しい言語ではなくES6にTypesとAnnotationsとIntrospectionを追加したもの。

AtScriptのロードマップについても書かれている。

[][][][]AtScript Primer - Google ドキュメント 18:18

AtScript Primer - Google ドキュメント

ES6に型定義を拡張したもの。

http://angular.github.io/assert/ runtime assertを使ったES6 vliadなものへTraceurで変換が出来る。

またDI等に利用できるMetadata Annotationsがある

[][][]ES6 & Traceur 17:57

ES6 & Traceur

ES6の機能についてのスライド。

機能ごとにいつ、どんな時に使うべきかも書かれている。

またTraceurがどのように動いているかやAngularで使われてるAtScriptの拡張について

[][]Design Docs - Google ドライブ 16:30

Design Docs - Google ドライブ

AngularのDesign Docsフォルダ

[]@@toStringTagが実装された - JS.next 16:29

@@toStringTagが実装された - JS.next

Symbol.toStringTagでtoStringのクラス定義

[][][]AngularJS カンファレンス(ng-europe 2014)のスライドまとめ - AngularJS Ninja 16:23

AngularJS カンファレンス(ng-europe 2014)のスライドまとめ - AngularJS Ninja

ng-europeのスライドまとめ

[]TypeScript and the Road to 2.0 - TypeScript - Site Home - MSDN Blogs 16:20

TypeScript and the Road to 2.0 - TypeScript - Site Home - MSDN Blogs

TypeScript 2.0のロードマップ。

1.4で union types のサポート、1.5からES6の親和性の向上などを目指す。

またFacebookのFlowやAngular2.0で使われてるAtScriptのチームと一緒にType AnnotaionsをECMAScriptへの提案を進めていく

[][]React JS and FLUX - christianalfoni WebApp Enthusiast 16:12

christianalfoni WebApp Enthusiast

Backbone/Angular/Flux+Reactでそれぞれ実装した場合の違いを見ながら、Fluxアーキテクチャの特徴について紹介。

RactiveとVueと同様のサンプルを作った

https://github.com/azu/Flux-Checkbox-Example

[][][]Khan/structuredjs 15:48

Khan/structuredjs

JavaScriptのコードをプレースホルダー的に書いておいて、入力されたコードがプレースホルダーと一致するかをチェックできるライブラリ。

不一致の場合のエラー情報等も定義でき、学習サイト等で使われる感じ

[][][]twada/espurify 14:24

twada/espurify

ASTのcloneを作るライブラリ

[][][][]wooorm/mdast 14:06

wooorm/mdast

JavaScriptのMarkdownパーサライブラリ。パースした結果をJSON的なASTとして出力する。

gfmやpandoc風の解釈も対応していて、Parser API ライクなドキュメントもあって良さそう

[][][]thlorenz/function-comment 14:02

thlorenz/function-comment

ASTを見て関数のBlock Commentを取得するライブラリ

[][]giokincade/astronaut 13:55

giokincade/astronaut

ASTをwalkしてreplaceやwrap等が出来るtraversalライブラリ

[][]kyoshino/bzdeck 13:02

kyoshino/bzdeck

bugzillaクライアント

[][]go-llvm/llvm 12:55

go-llvm/llvm

golangのLLVMバインディング

公式に入った

http://reviews.llvm.org/rL219976

[][]FxSiteCompat - MozillaWiki 12:43

FxSiteCompat - MozillaWiki

Firefoxのリリース時の互換性について情報がまとまってる

[][][]lipsmack/flux 12:31

lipsmack/flux

Fluxパターンの実装サンプル

ES6 Array.form, Object.assign, Proxyを使う

[][]Flux in practice — Medium 12:30

Flux in practice — Medium

Fluxアーキテクチャの実装について。

DispatchをPromise使ったステップ、Stateをカプセス化したStore、Proxyを使って直接は触れないread-onlyのStoreを作る等

[][][]Community Round-up #23 | React 11:22

Community Round-up #23 | React

Fluxアーキテクチャのサンプルや解説やライブラリ等のまとめ

[][][]In the DOM, no one will hear you scream 11:16

In the DOM, no one will hear you scream

DOM Based XSSとjQueryによるXSSについてのスライド。

DOM Level、文字列からコードとして実行するメソッド一覧、上書きによる破壊、DOMPurifyによる防止について

[][][][]スマートフォンWebのフロントエンドを高速化する取り組み - クックパッド開発者ブログ 10:44

スマートフォンWebのフロントエンドを高速化する取り組み - クックパッド開発者ブログ

モバイル向けの一部ページをシングルページアプリケーションとして作るのに適した条件やメリットについて書かれている。

クライアントサイドでの画像リサイズとアップロードやTouchイベント対応などについて

[][][][][]写真サービス機能のブラウザ内実装 | 株式会社サイバーエージェント 10:34

写真サービス機能のブラウザ内実装 | 株式会社サイバーエージェント

iOS6.0~、Android4.0~に対応した画像を扱う時に起きる問題と対処について。

iOS6のファイルサイズの問題、AndroidのtoDataURLがjpegをサポートしてない問題、フィルタ処理やリサイズについてなどハマりどころをまとめられている

[][][][]Yahoo! JAPAN Creative Blog — 「SCRIPTY#1 」の資料を公開します #scripty01 10:14

Yahoo! JAPAN Creative Blog — 「SCRIPTY#1 」の資料を公開します #scripty01

SCRIPTYのスライドまとめ。

CSS/BEM、Backbone/Marionette、Angular/Three.js、Polymer、Yahoo!ニュースのブラウザサポート、grunt、ライブコーディング、アクセシビリティなど

[][][]AurelioDeRosa/HTML5-API-demos 10:03

AurelioDeRosa/HTML5-API-demos

Battery Status API等の広義のHTML5 APIについての仕様とサンプルと記事をまとめたリポジトリ

[][]reactjs - Making your own Flux application: The King of Boilerplate - Qiita 09:22

reactjs - Making your own Flux application: The King of Boilerplate - Qiita

MVCの用語とFluxの用語の対応表。

[][]Coolors Tutorial - The super fast color palettes generator! 09:06

Coolors Tutorial - The super fast color palettes generator!

カラースキームを自動生成していくツール

spaceでランダムに作ってくれた、固定したい色を少しづつ決めていく感じ

[][][]spoike/refluxjs 08:54

spoike/refluxjs

Flexをよりシンプルに書けるようにした感じのアーキテクチャと実装。

diaptcherを削除してActionがその役割、waitForの代わりにStoreのjoin*で順番を定義、storeでswitchじゃなくてlistenToでActionを捉える