PhantomJS - Scriptable Headless Browser
Important: PhantomJS development is suspended until further notice (more details). PhantomJS is a headless web browser scriptable with JavaScript. It runs on Windows, macOS, Linux, and FreeBSD. Using QtWebKit as the back-end, it offers fast and native support for various web standards: DOM handling, CSS selector, JSON, Canvas, and SVG. The following simple script for PhantomJS loads Google homepag
JavaScriptの「コールバック関数」とは一体なんなのか
近年のフロントエンドの盛り上がりはすごいですね。プログラミング初心者がJavaScript（最近ではTypeScriptも）から学び始めるなんて昔ではなかなか考えられなかったことです。 そんな世界中で大人気のJavaScriptですが、プログラミングに慣れていても困惑する部分が結構あります。特に初心者にとっては、非同期処理、this、コールバック関数、あたりが難しいのではないかと思います。 非同期処理については前に解説しましたし、thisの解説はネットに大量に転がってるので、今回はコールバック関数について解説します。 コールバック関数ってなんなんだ コールバック関数というとsetTimeoutなんかで使われるアレですね。Node.jsでもたくさん使われます。setTimeoutだと以下のような使い方になります： setTimeout(function() { console.log('He
Backbone.JSからAngular2まで、全9大JavaScriptフレームワークを書き比べた! - paiza times
(English article is here.) こんにちは、吉岡([twitter:@yoshiokatsuneo])です。 ウェブ開発に欠かせないJavaScriptフレームワークですが、日々発展しておりReact.js, Ractive.js, Aurelia.js, AngularJS2.0など次々と新しいフレームワークが出てきています。 一体どれを使えばいいのか？何が違うのか？何から調べていいのか迷うことがあります。 そこで、現時点で事実上全てとなる、９大主要フレームワークについて、実際に使ってみて比較を行います。 Backbone.js Ember.js Knockout.js AngularJS(1.x) React.js Ractive.js vue.js Aurelia.js AngularJS2.0(アルファ版) これらのフレームワークでは、以下のような機能が実現さ
数学 - 線型代数 - JavaScript - 行列の積(n次の正方行列と基底) | Kamimura's blog
数学 - 線型代数 - JavaScript - 行列の積(n次の正方行列と基底)
javascriptでのAR - PHP,MySQL,Flex,JSな日々＋イラストとか
javascriptでのARをしてみたのでちょっとメモ。 サンプルはこちら http://moeten.info/js/20140713_arTest/ 上記ページをスマートフォンのChromeなどで表示して、下のマーカーを写すと認識されます。 ソースコードはこちら index.html（ほとんどjs-aruco - JavaScript library for Augmented Reality applications - Google Project Hostingのソースのままです） <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no;" /> <meta http
Tarai Function Music
May 2, 2013 by aike Introduction Tarai Function Music is an approach of algorithmic composition based on tarai function. It automatically generates a complex and very long music from a simple formula. Example The following is an implementation of tarai function music written in JavaScript. [source code] Tarai function Tarai function is a recursive function devised by Ikuo Takeuchi in 1978. This fu
JavaScriptの巧い書き方 - Archiva
Make a note of it: Web tech, montaineering, and so on. Note: この記事は、3年以上前に書かれています。Webの進化は速い！情報の正確性は自己責任で判断してください。 Webに言語は数あれど、特に玉石混淆の激しいJavascriptの書き方について纏めてみた。間違い指摘大歓迎！ 発端はYahoo!の Eric Miraglia による、YUI 式モジュールの作り方をまとめた記事。ざっくりまとめると、以下の手順になる。 YAHOO.myProject.myModule = function () { //"private" variables: var myPrivateVar = "I can be accessed only from within YAHOO.myProject.myModule."; //"private" m
Big Sky :: Web Component を簡単に作れる JavaScript ライブラリ「X-Tag」
某 slack で x-tag を教えて貰ったのでちょっと遊んでみた。 X-Tag ★ Web Components Docs Table of Contents Getting Started Registration - Where it All Begins The most important method ... http://x-tag.github.io/ X-Tag は Web Component を簡単きれいに作れるライブラリで、Microsoft からのサポートを受けている事をウリにしているらしいです。動作に必要なのはカスタムタグがサポートされているブラウザというだけで、polyfills も使う事が出来ます。 簡単なチュートリアルが Docs に書かれているのでパッと見ただけでだいたい API が予想できます。自前のメソッドや属性、イベントを定義する事が出来るのでコン
jQuery でCSVデータを簡単に取り扱える「jQuery CSV」
jQuery でCSVデータを簡単に取り扱える「jQuery CSV」 Check Tweet 配布元：Plugins | jQuery Plugins | CSV ライセンス：Apache License, Version 2.0 jQuery CSVはjQuery でCSVデータを簡単に取り扱うことができるjQueryプラグインです。 利用方法 次にようにCSVデータに対して$.csv()(CSVデータ)を実行することでcsvデータを配列に変換することが出来ます。 var csv = $.csv()(CSVデータ) CSVデータは$.get()などのjQueryのAjaxメソッドを利用して取得します。 $.get('data.csv',function(data){ //Ajax後の処理 }) つまり、次のようなJavaScriptを実行することでCSVファイル（data.csv）のデ
JavaScriptユーザのための関数型プログラミング(前編) | POSTD
私が関数型プログラミングについて度々耳にするようになったのは、数カ月前からです。でも当時は、それが何なのか見当もつかず、単なるバズワードだと思っていました。皆さんの中にも、そのような方は多いでしょう。それ以来、私は関数型プログラミングについて深く学び、この言葉を日々聞いてはいるものの内容を理解していない初心者の方のために、分かりやすく説明しようと思い立ちました。 関数型プログラミング言語の話になると、「 Haskell と Lisp は どちらが優れているのか 」という 議論 が 白熱する 傾向にあります。HaskellとLispはどちらも関数型言語ですが、実際には大きな違いがあって、それぞれに長所と短所があります。その具体的な内容については、この記事を読み終える頃には深く理解していただけると思います。この2つの言語には、それぞれから派生した言語があります。その中で恐らく皆さんが耳にしたこ
AngularJSのOne-time Bindingを使ってパフォーマンス改善をしよう | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。 先日ng-japanにスポンサー企業として参加してきました、先生です。 本日は、すごくマジメに資料を作ったのに爆笑に包まれてしまったLTで発表した内容を、整理してお送りします。なぜ爆笑されたかについてはここでは語りませんので、直接聞くか動画をご覧ください。 One-time Bindingとは 「バインディングを1度しか評価しないようにする機能」です。 通常のバインディングは値が変更されると画面の値も変更されますが、One-time Bindingを使うと描画された以降は再評価されなくなります。 サンプルで実際の動作を見てみましょう。 One-time Bindingのシンプルな例 ソースは至ってシンプルです。 <div id="demo" ng-controller="RootCtrl"> <div>{{count}}</div><!-- いつものバインディング --
404 Blog Not Found:Digest - 今日にでも使うべきJavaScriptの7つのテクニック
2007年04月25日12:00 カテゴリLightweight LanguagesBlogosphere Digest - 今日にでも使うべきJavaScriptの7つのテクニック 良質の記事だけに全訳したかったのだけど、時間もないので紹介と抄録。 Digital Web Magazine - Seven JavaScript Techniques You Should Be Using Today サンプルコードは、適宜書き換えてあります。 1. Branch when possible - 分岐はなるはやで これは実例を見た方が早いでしょう。クロスブラウザー対応のaddListener()を考える。機能だけを考えれば、以下でOK。 function addListener(el, type, fn) { if ( window.addEventListener ) { el.addE
[JavaScript] 猿でもわかるクロージャ超入門 ５ クロージャを作る - DQN起業日記
クロージャは、理解するよりも作るほうが簡単 前回の記事では、「関数を返す関数」をいじって、いきなりクロージャを作ってしまいました。 こんなやつです。 <script> //サンプル5-1 function outer(){ var x = 1; // outerのスコープ内で変数を定義 return function (){ //この関数が「クロージャ」 alert(x); // "関数内関数"の中で、outerスコープの変数を参照。 }; } var f = outer(); f(); // 1と表示。 </script> これが何故クロージャなのかというと、次の条件を満たしているからです。 outerのスコープ内で変数を定義し、 outerの中に関数(=関数内関数)を作って その関数内関数から、先ほどの変数を参照する 何の役に立つのか？ 「クロージャが作れたのはいいけど、何がうれしい
[JavaScript] 猿でもわかるクロージャ超入門 ４ 関数を返す関数 - DQN起業日記
Javascriptでは、「関数を返す関数」というものを作れます。 <script> //サンプル4-1 function outer(){ var inner = function (){ // 無名関数を定義してinnerに代入 alert("hello"); } return inner; // inner関数を返す } var f = outer(); // outre関数は戻り値としてinner関数を返す。それがfに代入される。 f(); // "hello"と表示。inner() が実行されたのと同じ効果がある。 </script> outer関数が実行されると、 outer内で無名関数が生成される それが変数innerに代入される そのinnerが戻り値として返される それがfに代入される このとき、outer関数は 「関数を返す関数」 となっています。 「お母さんの胎内から
![[JavaScript] 猿でもわかるクロージャ超入門 ４ 関数を返す関数 - DQN起業日記](https://cdn-ak-scissors.b.st-hatena.com/image/square/8f7de7c0278993661a11fbc3637f96292ba773aa/height=288;version=1;width=512/http%3A%2F%2Fdqn.sakusakutto.jp%2Fimages%2Fkali.jpg)
[JavaScript] 猿でもわかるクロージャ超入門 ３ 無名関数 - DQN起業日記
Javascriptでは、関数を定義するのに２通りのやり方があります。(注１) 関数を定義する方法その１ (普通のやり方) <script> function speak(){ alert("hello"); } speak(); // "hello"と出力 </script> はい、普通ですね。 次はJS特有のやり方です。 関数を定義する方法その２ (無名関数を使う) <script> var speak = function (){ alert("hello"); } speak(); // "hello"と出力 </script> ２行目に注目。 この式の右辺、function( ){...}の部分を無名関数といいます。 右辺で無名関数を生成して、それを変数speakに代入しています。 こうすると、変数speakはまるで関数のような振る舞いをします。（というか関数になります） spe
HTML5 - Web SQLデータベース - とほほのWWW入門
サンプルはこちら。データベース(testDB)の中にテーブル(test)を作成し、2件のデータを INSERT し、そのデータを SELECT で読み出して表示しています。 Web SQL Database Sample <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Web SQL Database Sample</title> <style> #message { margin:1em; width:500px; border:1px solid gray; padding:1em; } </style> <script> function print(msg) { document.getElementById("message").innerHTML += msg + "<br>"; } function te
演算子 - とほほのWWW入門
変数 var に値 exp を代入します。イコール(=)は等しいという意味ではなく代入するという意味を持ちます。 xx = 5; // xx に 5 を代入する yy = xx; // yy に xx の値(= 5)を代入する zz = "ABC"; // zz に文字列"ABC"を代入する 例えば、次の例を数学的に解釈すると「解無し」となってしまいますが、JavaScript ではこれを「xx という変数に、xx の値と 2 を足したものを代入する」という意味になります。あらかじめ xx に 5 が代入されていれば、xx は 7 となります。
JavaScript If文の復習と、三項演算子 - Wikibooks
[編集] if文復習 [編集] if文 if文中の条件式の内部ではtrueかfalseの値を受け取る、と言ったが、正確には型ごとにその扱いは違う。 それぞれの型ごとに、falseとなる条件を挙げていくと Number型:値が0ならばfalse、NaN(Not a Number)でもfalse String型:長さ0の文字列「""」ならばfalse、それ以外はtrue Undefined型, Null型は常にfalse となっている。 [編集] 三項演算子 まずは次のコードを見て欲しい if( a>b ) a=b; else a=c; 上のif文には次のような省略記法がある (a>b)? a=b : a=c ; 上の様な式を、三項演算子という。 （名前の由来は最低３つ項が必要な式が、これしか存在しないためである） この演算の記法は、条件式に続く値を返すので a = (a>b)? b : c
オブジェクト（Object） - とほほのWWW入門
Object は、Number, String, Boolean, Date などのオブジェクトの親(祖先)となるオブジェクトで、Object が持つメソッドやプロパティは、すべての子孫オブジェクトで使用可能です。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Yoshiyuki Koyanagi’s Blog
