Flow.js非同期プログラミングを驚きのシンプルさに ver 1.0.1 and more. http://uupaa.hatenablog.com/entry/2013/03/12/185555 http://uupaa.hatenablog.com/entry/2013/03/14/131556
400種類を越えるカメラに対応したJavaScriptによるRAWファイルビューワー·rawson.js MOONGIFT
rawson.jsはデジタルカメラのRAWファイルを読み込み、描画するJavaScriptライブラリです。 デジカメで撮影した際のフォーマットではJPEGが最も一般的ですが、よりこだわる人はRAWファイルとして保存して自分で加工するのではないでしょうか。そんなRAWファイルをWeb上で閲覧するためのソフトウェアがrawson.jsです。 デモです。RAWファイルをドロップします。RAWファイルはソニーのRAWデータダウンロードよりお借りしました。 読み込み中…かなり待たされます。 読み込まれました。超巨大です。 もちろんメタデータの読み込みにも対応しています。 RAWファイルは特に統一された規格はなく、メーカーによってまちまちな構造になっています。そのためrawson.jsでは各社の仕様に対応し、なんと400以上のカメラに対して対応しています。サイズはそれなりで、500KBもある凄いJav
Google ChromeでJavaScriptのデバッグをする際にはぜひインストールを！·JS Runtime Inspector MOONGIFT
JS Runtime InspectorはGoogle ChromeのJavaScriptデバッグを強力にサポートしてくれるソフトウェアです。 最近はJavaScriptを徹底的に活用したWebアプリケーションも増えてきました。そんな中デバッグは非常に困難になってきています。そこで使ってみたいのがJS Runtime Inspectorです。 インスペクタにJS検索フィールドが追加されます。 検索結果です。 そこから定義されている場所に簡単に飛べます。 利用例。 JS Runtime Inspectorを使えばJavaScriptを掘り下げて調べるのがとても簡単になります。関数名の他、値でも検索できるので目的の処理を見つけるのが簡単になるはずです。 JS Runtime InspectorはGoogle Chrome用、MIT Licenseのオープンソース・ソフトウェアです。 MOONG
SEOの分析もGoogleスプレッドシートで楽々こなす·SEER's SEO Toolbox MOONGIFT
SEER's SEO ToolboxはSEOに役立つ関数を提供するGoogleスプレッドシート用のApp Scriptです。 SEOを熱心に進めている企業は数多いです。企業のWeb担当者として日々努力されている方も多いでしょう。ただデータを漫然と取るだけでなく、分析を行っている方にお勧めしたいのがSEER's SEO Toolboxです。 配布されているスプレッドシートをコピーします。設定シートでアカウントの設定を行います。 そうすると計算式を使って情報が取得できるようになります。 指定した期間での訪問者数を取ったりするのも簡単です。 SEER's SEO ToolboxはGoogle App Scriptであり、スプレッドシートに関数を付与します。キーワードの回数を数えたり、Googleアナリティクスの各種データを関数として指定できます。また、指定したURLのテキストを取得したりできます
JavaScript書くときに便利なVimプラギン集 - Life goes on
この記事はVim Advent Calendar 2012の52日目の記事です。 前回の記事はasion_mさんのフロントエンジニアがちょっと幸せになるかもしれないプラグイン作ってます。でした。 良い具合に、フロントエンドのお話続きになっており「流れがキタ！」などと浮かれていたところ、はてなブログが0時から8時まで長時間のメンテに入っており泣きたい気分で一杯になっています。 気を取り直して、エントリを書いていきたいと思います。 さて、自分は一応JavaScriptを書くことで(または書かない事で)オマンマを食べさせていただいてる訳ですが、そういえばあんまりJavaScript書く環境についてブログに書いてないなーと思い、自分が使ってるJavaScript関連のプラギンと設定なんかを紹介していこうと思います。 もちろん、「これは常識でしょpgr」などというものが多数含まれていることは予想され
Chrome DevTools.next
2016年5月24日に実施された「第14回HTML5ビギナーズ つまずくこともあるけどこうやって成長したよ！」での講演資料です。
Mario & Luigiを召喚するアレをHaxeに移行してみた | いわぶろ（ろてん）
はじめに 「L」「L」とか「M」「L」とかがタイトルにつくような斬新なネタが見つからなかったので，昔作った JavaScript を，初心者なりに Haxe で書き換えて見るようなことをしてみました．（ML名古屋 のときもそんなような発表をしてた気がしますがｗ） 「昔作った JavaScript」については，以下あたりをご参照ください： issm/mario · GitHub [KY] WCAN mini ActionScript Vol.9 に参加，そして発表してきました « いわぶろ（ろてん） [javascript] 1年くらい放置していたマリオさんなライブラリ「mario.js」をgithubに上げてみた « いわぶろ（ろてん） では，JavaScript で書いたロジックを Haxe へ移行する際の個人的なポイントなんかを交えて以下． 生成された JavaScript の実行 上
Google の Leak Finder を使ってみました - WebOS Goodies
先日、 Google から Leak Finder というツールがリリースされました。主に Closure Library を対象として、メモリリークの検出を行うツールです。 Closure Library は比較的規模の大きいアプリケーションに使われることが多く、その分メモリリークの危険も高いので、こうしたツールはとてもありがたい。さっそく試してみました。 インストール Leak Finder は Python で構築されているので、 Python の処理系（バージョンが明記されていないのですが、たぶん 2.6 か 2.7？）が必要です。もっとも、 Closure Library で開発をしているならすでにインストール済みでしょうから、それを使ってください。 インストール先のディレクトリはどこでもいいのですが、私は ~/leak-finder ディレクトリを作成して、そこにすべてを入れる
第3回 localStorageとpostMessageの使いどころ（2） | gihyo.jp
postMessage 一般的に広く使われている、URLの?以降の文字列（query string）を使いサーバに対してデータを受け渡す方式は、異なるドメインのJavaScript同士で通信する際にはいくつかのデメリットがあります。http://example.com/?query_stringというURLにアクセスするとquery_stringの部分がサーバに送信されます。当然新規の通信が発生しますし、どのようなメッセージが送信されたのかをJavaScriptから受け取るには、サーバがブラウザに対して応答を返すまで待たなければなりません[3]。postMessageの登場以前も、サーバサイドを経由しない、JavaScriptだけで完結するクロスドメインでのメッセージ送信手法が考えられてきました。代表的なものは、window.name[4]を使った方法（リスト1）とlocation.ha
JSter – JavaScript Catalog
EssentialsApplication FrameworksMobile FrameworksMVC FrameworksRealtime FrameworksDesktop GUIServerSide LibrariesTesting FrameworksTemplating EnginesLoadersUIUI FrameworksWindows, Modals, PopupsKeyboard WrappersForm WidgetsUI ComponentsSliders & GalleriesNotificationsWYSIWYG EditorsTouchLayoutTours & GuidesMultimediaGame EnginesPhysics LibrariesAnimation LibrariesAudio LibrariesPresentation Librar
Webパフォーマンス ベストプラクティス - Make the Web Faster
Webパフォーマンス ベストプラクティス Last updated: 02 October 2012 翻訳：@t32k WebページをPage Speedで調べるとルールに準拠していないものが提示される。このルールというのは、一般的にあなたが開発段階において取り入れるべきフロントエンドのベストプラクティスだ。あなたがPage Speedを使用しようとしまいと、私たちはこの各ルールについてのドキュメントを提供する（たぶんちょうど新しいサイトを開発中でテストする準備が整ってないだろう）。もちろん、これらのページはいつでも参照することができる。私たちはあなたの開発プロセスに取り入れてもらうために、このベストプラクティスを実装するための明確なティップスと提案を提供する。 パフォーマンス ベストプラクティスについて Page Speedはクライアント側からの観点でパフォーマンスを評価し、一般的にペー
deck.js » Modern HTML Presentations
<div class="deck-container on-slide-1"> <section class="slide deck-previous"> <h1>My Presentation</h1> </section> <section class="slide deck-current"> <h2>Slide Header</h2> <p>Here is a list of points:</p> <ul> <li>Point 1</li> <li>Point 2</li> <li>Point 3</li> </ul> </section> <section class="slide deck-next"> <h2>Another Slide</h2> <blockquote cite="http://example.com"> <p>Lorem ipsum dolor sit
The web's scaffolding tool for modern webapps | Yeoman
Get started and then find a generator for your webapp. Generators are available for Angular, Backbone, React, Polymer and over 5600+ other projects. One-line install using npm: npm install -g yo What's Yeoman?Yeoman helps you to kickstart new projects, prescribing best practices and tools to help you stay productive. To do so, we provide a generator ecosystem. A generator is basically a plugin tha
JSXよりHaxeがイケてる3つの理由 - みずぴー日記
Javascriptを生成できる言語『JSX』がリリースされました。めでたいですねー。 ただ同じくJavascriptを生成きるHaXeのことが忘れられている気がするので、宣伝します。 ステマじゃないよ! 型推論がイケてる 現時点でJSXには型推論が実装されてないので、関数を定義するには全ての型を書く必要があります。 // JSXだよ! function add(x : number, y : number) : number { return x + y; } これだけなら特に問題ないように見えますが、これが高階関数を定義しようとするとどんどん複雑になっていきます。 // JSXだよ! function f(g: function(:number):number): function(:number):number { return function(x: number): number
index - Haxe
Haxe empowers cross-platform development Haxe is an open source high-level strictly-typed programming language with a fast optimizing cross-compiler. Download 4.3.7 Released: 2025-05-09 Get a glimpse of Haxe 5.0! We just released a preview version of Haxe 5.0. More features are coming; see also nightlies for the very latest Haxe. Download 5.0.0-preview.1 Released: 2025-07-04 Haxe can build cross-p
JSX - a faster, safer, easier JavaScript
JSX is a statically-typed, object-oriented programming language designed to run on modern web browsers. Being developed at DeNA as a research project, the language has following characteristics. faster JSX performs optimization while compiling the source code to JavaScript. The generated code runs faster than an equivalent code written directly in JavaScript. The gain may vary, but even the optimi
nishio/jscc @ GitHub
JavaScript is very loose language. Closure Compiler helps us to keep quality of codes. jscc does: watch modification of your JS files (using watchdog and goog.require dependency), background compile & lint (using Closure Compiler and Closure Lint), visualize them with dinamic graph (using Highcharts and Flask). Dependencies Closure Linter growlnotify Watchdog Closure Library Closure Compiler Flask
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - caolan/async: Async utilities for node and the browser
さらば愛しき JavaScript —— 愛と欲望の果てに Haskell は fay と出逢う。 - これは圏です
GitHub - hammerjs/hammer.js: A javascript library for multi-touch gestures :// You can touch this
