マイクロソフトはWindows 10やMicrosoft Edgeで使われているJavaScriptエンジン「Chakra」を、「ChakraCore」としてオープンソースで公開すると発表しました。 ChakraCoreはJavaScriptの仮想マシンとして作動し、さまざまなアプリケーションに内蔵可能。また、Node.jsのようなサーバサイドでも利用可能だと説明されています（実際にマイクロソフトはNode.jsにChakraを組み込んだプロジェクトを過去にGitHubで公開しています）。 ChakraとChakraCoreには、次のような共通点、相違点があると説明されています。 ChakraCore shares the same set of capabilities that are supported by Chakra in Microsoft Edge, with two ke

問題 コードゴルフ：迷路 「コードゴルフ」は、ゴルフがカップインまでの打数を競うように、プログラムのソースコードの文字数を削って、なるべく短くプログラムを書く遊びです。 たとえば以下は、1から100の整数を全て足すプログラムです。上のコードは77文字ですが、同じ動作を下のように38文字で書くこともできます。 // 1から100の整数を全て足す（77文字⁠）⁠ var res = 0; for (var i = 1; i <= 100; i ++) { res += i; } console.log(res); // 1から100の整数を全て足す（38文字⁠）⁠ for(r=i=0;i<=99;r+=++i);console.log(r) // 出力 5050 JavaScriptを使って、このコードゴルフにチャレンジしてください。 以下の関数yourCode()は「穴掘り法」という手法を使

最近、こう言ったfaviconで新着件数を通知するサービスが多いですが 気になったので、githubで公開されているライブラリを覗いてみた。 tinycon(https://github.com/tommoor/tinycon) この部分がポイントで、キャンバスで作成したデータをtoDataURL()で変換して var setFaviconTag = function(url){ removeFaviconTag(); var link = document.createElement('link'); link.type = 'image/x-icon'; link.rel = 'icon'; link.href = url; document.getElementsByTagName('head')[0].appendChild(link); }; setFaviconTag(getC

もともと、Appleが主にDashboardウィジェットの描画のためにWebKitに導入したCanvas API。サンプルコードと見比べながら、効率良く学習しよう Canvas APIの基礎 本連載では、Webブラウザ上で利用できるグラフィック技術を分かりやすく紹介しています。今回はHTML5のcanvas要素で使える2次元描画コンテキスト、俗にいう「Canvas API」を取り上げます。 Canvas APIは、もともとAppleが主にDashboardウィジェットの描画のためにWebKitに導入したものです。それがFirefoxやOpera、Internet Explorer（9以降）に実装され、現在はW3Cによって標準化が進められています。JavaScriptのメソッドで直接図形を描画するのが特徴で、ビットマップ画像の加工や、ゲームのようなインタラクティブ性の高いアプリケーションに向

今、ソフトウェア開発者の中で注目されている「Node.js」。本記事の前半は、Node.jsが誕生した背景とこれまでの歩みといった概要について紹介します。後半では、Node.jsのアーキテクチャの概要や今後の課題や展望など技術的な内容について説明します。なお、Node.jsの正式名称はNodeです。他と区別したい時にNode.jsと呼ぶことになっていますが、ここでは初めてNode.jsを知る方にもわかりやすいよう記載名をNode.jsで統一します。 Node.jsが生まれるまで 1995年に誕生したJavaScriptは、ブラウザ上で動作するスクリプト言語として開発されました。当初はJavaScriptの実行速度も遅く、セキュリティの問題も数多く発生したため、ブラウザのJavaScriptの機能をオフにすることが一般的に推奨されていた時期もありました。その後、個人向けサービスを中心に多様な