積極的に使おう。画像サムネイル付きドロップ式アップローダ·Dropzone.js MOONGIFT
Dropzone.jsはJavaScript製のオープンソース・ソフトウェア（MIT License）です。 HTML5以前はファイルのアップロードフォームは一つずつしかファイルがアップロードできない寂しいものでした。しかしHTML5になって複数ファイル指定はもちろん、ドラッグ&ドロップによるファイルアップロードも行えるようになりました。そんなアップロード処理を容易にしてくれるのがDropzone.jsです。 ファイルをドロップしました。画像はサムネイルが表示されて順番にアップロード処理が実行されます。 Dropzone.jsでは指定された場所にファイルをドロップしたり、クリックしてファイルを指定することもできます。ファイルサイズの制限や、拡張子の指定も可能です。設定がとてもシンプルなのですぐに使えそうです。 ファイルのドラッグ&ドロップによるアップロードが行えるようになってはじめてWeb
簡単にパララックス実装可能な軽量スクリプト「skrollr」＆コンテンツごとにページスクロールするjQueryプラグイン「fullPage.js」「One Page Scroll」｜BLACKFLAG
最近でもよく見かけるWebページ内をスクロールしてコンテンツを効果的に魅せる技法として、パララックス（少々今さら感も感じますが・・・）効果に加えて最近ではコンテンツ全体をフルスクリーン表示にして、スクロールすることで1コンテンツ分が自動でスクロールされ、次画面へ遷移するさせる技法がよく見られます。 そんなWebページ内でスクロール効果を使った動作を実装する際に役立ちそうなJSスクリプト＆jQueryプラグインを3つほど紹介してみます。 skrollr – parallax scrolling for the masses skrollr – parallax scrolling for the masses スクロールによって様々なパララックス効果を簡単に実装することができる軽量JSスクリプト「skrollr」。 デモページを見るだけでもこの「skrollr」で様々なパターンのパララックス
まるで本物！雨粒が窓に落ちる様子をリアルに再現·rainyday.js MOONGIFT
rainyday.jsはJavaScript製、GPLのオープンソース・ソフトウェアです。 コンピュータ上で自然現象を再現するのはとても面白い試みです。例えば物理エンジン、ライフゲームもその一つです。今回はWebブラウザ上で雨が窓にあたる様子を再現するrainyday.jsを紹介します。 背景はぼやけ、曇ったガラスに雨があたっていく感じが再現されています。 中央の枠はYouTube動画の再生ができます。 時間が経つと雨粒が増えていきます。 雨で窓が曇っている感じがうまく再現されています。 雨は垂直だけでなく、斜めに降らせることもできます。 rainyday.jsは背景を曇らせるのはもちろん、雨粒が落ちるところは曇りがとれて向こう側が見えるようになるなど細かい所にもこだわって作られています。さらに雨粒自体も背景の写真を透かしていて本物そっくりです。 コンピュータと異なり、自然現象はランダムな
Web Worker を使用する - Web API インターフェイス | MDN
ウェブワーカーは、ウェブコンテンツがスクリプトをバックグラウンドのスレッドで実行するためのシンプルな手段です。ワーカースレッドは、ユーザーインターフェイスを妨げることなくタスクを実行できます。さらに、fetch() や XMLHttpRequest など API を用いて、ネットワークリクエストを行うことができます。ワーカーが生成されると、それを作成した JavaScript コードが指定するイベントハンドラーにメッセージを投稿することで、そのコードにメッセージを送ることができます（逆も同様）。 この記事では、ウェブワーカーを使用するための詳しい紹介をしています。 ワーカーはコンストラクター（Worker() など）を使用して生成されるオブジェクトであり、名前付きの JavaScript ファイル（このファイルはワーカースレッドで実行するコードを持ちます）を実行します。またワーカーは、現在
Javascript で Base64 encode/decode - elm200 の日記(旧はてなダイアリー)
趣旨 泣く子も黙る RFC2045 Base64 encode/decode を Javascript で実装してみた。「Base64は、データを64種類の印字可能な英数字のみを用いて、それ以外の文字を扱うことの出来ない通信環境にてマルチバイト文字やバイナリデータを扱うためのエンコード方式である」(Wikipedia) 情報ソース Base64 の Javascript による実装は、ググれば数多くある。その中でも次の実装は秀逸だった。 Base64 Encode / Decode 今回自分で書いたのは、この実装のライセンス条項がちょっと厳しかったからだ。（商用利用不可） ただし、このコードのほうが私のものより洗練されているので、ライセンス条件が合致するならこっちを使ったほうがいいかも。 使い方 入力文字列の文字コードは何でもよいが、かならず UTF-8 としてエンコードされる。(内部的に
パーセプトロンの収束性定理と学習率について - シリコンの谷のゾンビ
昨日公開したパーセプトロンのデモに対して「パーセプトロンに学習率って必要だっけ?」というコメントを頂いた．結論から言えば「収束性の保証には要らない．ただし，適当な値に設定すると経験的には収束が速くなる．」という回答になる *1． パーセプトロンの収束性定理では学習率は正の値であれば収束することが保証されている．1でよいので学習率は省略可能．ということを言いたのだけれど，そういえばパーセプトロンの収束性定理を自分で証明したことがなかったので赤本[1]引っ張り出して式を追いかけてみた．どうやらバイアス項がある場合とない場合で，収束に要する試行回数の上界が4倍も変わるみたい*2． 赤本の訳者が脚注に丁寧に導出の過程をフォローしてくれているので，pp.17-20あたりを読めばわかると思う．せっかくなのでバイアス項なしの場合について自分の言葉でノートにまとめてみた． Perceptron の収束性定
JavaScriptによるパーセプトロン/Passive-Aggressive体験デモ - シリコンの谷のゾンビ
前回k-NNデモを作った後に「これパーセプトロンも同じようにデモ作れるんじゃね?」と思ったので実装してみた．今度はクリックでデータ点を追加できるようにしたり，サンプル選択方法を可変にしたり，PAの更新の様子を可視化すると面白いかもと思って後からPAも追加してみた． パーセプトロンは誤分類するサンプルを正しく分類するように超平面を更新する線形識別器で，Passive-Aggressive (PA) は損失を発生させるサンプルに対して損失が0になり，重みベクトルの変化量が最小になるように超平面を更新するアルゴリズム． オンライン学習についてざっくりした俯瞰は以下の資料などをご参照． TokyoNLP#5で「パーセプトロンで楽しい仲間がぽぽぽぽ〜ん」を発表しました というわけでk-NNと同じように公開． Perceptron/PA Demo ver.1.0 使い方 Update onceボタンで
IO Domains in Alexa Top 1 Million | techslides.com
IO domains have become increasingly popular in recent years, especially with the rise of the Internet of Things (IoT) and the need for online presence. In this essay, we will explore IO domains in the Alexa Top 1 Million, analyzing their prevalence and significance in the online world. To begin, it is important to understand what IO domains are. IO domains are top-level domain names that end with
Zombie.js : Insanely fast, headless full-stack testing using Node.js
Insanely fast, full-stack, headless browser testing using node.js View the Project on GitHub Download ZIP File Download TAR Ball View On GitHub Zombie.js Insanely fast, headless full-stack testing using Node.js Zombie 6.x is tested to work with Node 8 or later. If you need to use Node 6, consider using Zombie 5.x. The Bite If you’re going to write an insanely fast, headless browser, how can you no
Maplace.js - A Google Maps javascript plugin for jQuery.
Maplace.js helps you to embed Google Maps into your website, quickly create markers and controls menu for the locations on map. It requires jQuery and Google Maps API v3 so you need to have both in your page. Features Straightforward implementation with simple options Can run as many maps as required Markers and custom icons, zoom level and custom controls menu Supports for Directions, Polygons, C
Vega - Redirect
The Vega webpage has moved to http://vega.github.io/vega/.
ECMAScript 2015 support in Mozilla - Archive of obsolete content | MDN
This is an archived page. It's not actively maintained. ECMAScript 2015 is the sixth edition of the ECMAScript Language Specification standard. It defines the standard for the JavaScript implementation in SpiderMonkey, the engine used in Firefox and other Mozilla applications. Code-named "ES.next", "Harmony", or "ECMAScript 6", the first working draft (based on ECMAScript 5.1) was published on Jul
動的に作られる要素にイベントをbindする - Qiita
Backbone.js Advent Calendar 1日目! 参加者が増えないと2人で25日回すことになるので，どんどん参加してください:) http://atnd.org/events/22017 参加方法は，atndで登録したあと，AdventCalendarタグとBackbone.jsタグを付けて投稿してもらえれば，advent calendar用ページに登録します． http://qiita.com/adcal/backbone Backbone.jsのイベント登録 Backboneではイベントを var myView = Backbone.View.extend({ events: { "click .hello-button": "hello" }, hello: function() { alert("hello!"); } });
TypeScript で Backbone のサンプルを書き換えてみた - present
はじめに CoffeeScript や Haxe みたいな、JavaScript にコンパイルする言語は、デバッグのやりにくさを懸念して、ずっと食わず嫌いしていた。 それは TypeScript が出た当初も変わらなかったんだけど、先日 SourceMap を知って懸念は払拭された。Chrome で変換前コードを使ってデバッグできるなら、手を出さない理由はもう無いね。 解禁一発目に試すのは Microsoft の TypeScript。 Welcome to TypeScript 選んだ理由は 型システム JavaScript の上位互換 言語設計者が C# と同じ Anders Hejlsberg 氏 というのがツボだったから。 TypeScript の入手 プライベートで使っているマシンは MacBook Pro なので、Node のパッケージマネージャ npm でインストールする。
Getting started - Grunt: The JavaScript Task Runner
Grunt and Grunt plugins are installed and managed via npm, the Node.js package manager. Grunt 0.4.x requires stable Node.js versions >= 0.8.0. Before setting up Grunt ensure that your npm is up-to-date by running npm update -g npm (this might require sudo on certain systems). If you already have installed Grunt and are now searching for some quick reference, please checkout our Gruntfile example a
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Visualizing SPARQL end point results with d3.js (but not yet for #WikiPathways)
Workshop / Chrome Experiments
GitHub - karpathy/svmjs: Support Vector Machine in Javascript (SMO algorithm, supports arbitrary kernels) + GUI demo
https://developers.google.com/web/tools/setup/workspace/setup-devtools
perceptron