最近のFlowtype事情とReact+Flowtype連携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
東京Node学園祭2014 アウトラインメモ
東京Node学園祭2014 に参加してきたのでその時のメモ 企業JavaScript飯 #企業JavaScript飯というご飯イベントをNode学園祭のお昼に(勝手に)やってました。 @teppeis、@ahomu、@kyosuke、Layzie (敬称略)で企業内でのJavaScript状況ですかという感じの話をしてきました。 質問テーマのスライド: https://github.com/azu/slide/raw/gh-pages/nodefest2014/lunch.pdf という感じのテーマを元に話をしてきました。 参加していただいた皆さん興味深いお話ありがとうございました。 最近企業のJavaScript(er)ってどんな感じになってて、どういうものを求めているのかに興味を持ってるので、面白い話があったらお話きかせて下さい。(to @azu_re にmention) どうやったら
写真サービス機能のブラウザ内実装 | 株式会社サイバーエージェント
2-1. リサイズ処理 Figure 2. Mobile Safariによる画像アップロード画面 最終成果の画像データを、サーバーサイドAPIにPOSTすることがゴールである。Androidにおいて、XMLHttpRequestでBlobをリクエストに設定しても空のボディで送信される問題がみられるため、今回はBase64 encoded DataURIとしてPOSTすることにしている。 2-1-1. 基本実装 ƒ 今回のリサイズ処理では、Canvas要素とFile APIを利用する。基本方針としては、inputtype='file'のchangeイベントから、Fileオブジェクトを取得し、それを一度Canvasに書き出すことでリサイズを試みる。最終的には、canvas.toDataURL() によってDataURIを取得する。 下記に、基本実装のサンプルを示す。( http://co
Resemble.js : Image analysis
Compare two images? Drop two images on the boxes to the left. The box below will show a generated 'diff' image, pink areas show mismatch. This example best works with two very similar but slightly different images. Try for yourself! Don't have any images to compare? Use example images Why? Resemble.js can be used for any image analysis and comparison requirement you might have in the browser. Howe
Webpack
Module Bundler Think Browserify with more Webpack vs Browserify Works with almost any module system AMD, CJS, UMD, Component, Latest Hipster Module System (LHMS) Can require in CSS, Images, Fonts etc. Uses CJS syntax to load modules var angular = require('angular'); angular.controller('foo', function() { }); Loaders Like browserify transforms Think CSS preprocessors ES6 Module Transpilers Convert
ブラウザのjavascriptのみを使ってipa展開からplist解析まで - ぴよログ
ここ数日取り組んでだことについてまとめます。iPhoneアプリのバイナリであるipaをごにょごにょしてplistファイルを取り出し中身を見てやろうっていうことをブラウザ単体でできるかという取り組みです。 関連記事というか、下準備の記事がこちらです。 バイナリ形式のplistファイル - PILOG binary plist parser for Javascript (non-Node) - PILOG ipaファイルを指定する ipaファイルはHTMLのinput要素で指定させます。↓の例ではwebkitdirectory directoryをつけているのでフォルダ指定になっています。 <form action="#"> <input type="file" id="file-input" webkitdirectory directory /> <input type="button"
ayapi.github.io
Hackers Barってなに？ Hackers Bar 六本木にハッカーがおもてなしをするバーが誕生します。 「Hackers Bar」は、ハッカーのプログラミングライブや ビジネスメイキングを楽しむ空間です。 ぁゃしすぎだし、まじで営業してんの！？って半信半疑で行ってみたら、 まじで営業してたｗ 存在してたｗｗｗｗ ぉ店自体のくゎしぃレポゎねとらぼにも載ったみたぃ カクテル名が「ブルースクリーン」「スパゲッティ」って不吉すぎるでしょ！ 六本木にできた「Hackers Bar」行ってきた - ねとらぼ ゃってもらったライブコーディング 弟が、ぁゃぴにソファーをくれるって言ってて、 ゃったーってかんじなんだけど、③人掛けでまじデカぃっぽぃ！ ぉ部屋の㊥ゎだぃじょぶっぽぃんだけど、 運ばれてくる時、マンションのエレベーターにちゃんと入るのかな？ …ってことで、それを計算したくて／(^o^)＼
Live DOM Viewer
Markup to test (permalink, save, upload, download, hide): <!DOCTYPE html> ... DOM view (hide, refresh): Rendered view: (hide): innerHTML view: (show, refresh): <!DOCTYPE HTML><html></html> Log: (hide): Script not loaded. This script puts a function w(s) into the global scope of the test page, where s is a string or object to output to the log. Some files are available for testing purposes, notably
GitHub - jsoverson/plato: JavaScript source code visualization, static analysis, and complexity tool
MXR is retired
MXR replaced by DXR The MXR code indexing and cross-referencing service has been retired and replaced by DXR Based on your query, we suggest the following DXR URL: DXR url? Please Do Not Hotlink Files Please do not hotlink files directly from MXR or DXR as a way of getting Mozilla code into your project. You may not get the latest version, and your performance will suffer. If you want to incorpora
File API で作成した blob をダウンロードする
この記事は “HTML5 Advent Calendar 2012” の16日目の記事です。他の記事もぜひご覧ください。 HTML5 では BlobBuilder オブジェクトを作成して、ファイルをメモリ上に読み込んだり、あるいはユーザーの入力やサーバーから取得したデータを元にしてメモリ上にファイルの内容を作成することが可能です。また作成した Blob は XML HTTP Request (XHR) の FormData としてサーバーにアップロードすることも可能です。 ではメモリ上の Blob をローカルに保存したい場合、どうすればよいでしょうか。Web ページのスクリプトから直接ローカルのファイル システムを操作する File System API (File API: Directories and System と File API: Writer) の標準化について議論が進めら
Fileオブジェクトはいつメモリに読み込まれるか | Kirisame development blog
この記事はHTML5 Advent Calendar 2012 8日目の記事です。軽めです。 <input type="file">やドラッグ＆ドロップでFileオブジェクトを取得することがあると思います。 ただし、その時点ではファイルの中身はまだメモリに読み込まれません。 FileReaderを使って初めてメモリに読み込まれます。 fileInput.onchange = function(e) { // まだメモリには読み込まれていない。 var file = e.target.files[0]; var fr = new FileReader; fr.readAsArrayBuffer(file); fr.onloadend = function() { // この時点ではメモリに読み込まれている。 var bytes = new Uint8Array(fr.result); };}
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - babel/babel: 🐠 Babel is a compiler for writing next generation JavaScript.
GitHub - box/leche: DEPRECATED - Testing extensions for Mocha and Sinon
GitHub - slap-editor/slap: Sublime-like terminal-based text editor
AbsurdJS -> http://absurdjs.com
GitHub - kriskowal/q: A promise library for JavaScript
Method Draw Vector Editor
GitHub - vesln/r...e: Powerful Range implementation. Node.js & browsers
GitHub - gree/lwf: LWF - Lightweight SWF
