JavaScript ASTを始める最初の一歩
何かJavaScriptのソースコードを機械的にチェックするためのツールを作りたいという場合に、JavaScriptのASTというものを触る必要が出てくると思います。 この記事では、その取っ掛かりとなる案内を簡単にまとめたものです。 ASTとは AST(Abstract Syntax Tree)はコードをパースした抽象構文木のこと。 JavaScriptの場合はJavaScriptオブジェクト(JSON)として表現されます。 コード: { "range": [ 0, 10 ], "type": "Program", "body": [ { "range": [ 0, 10 ], "type": "VariableDeclaration", "declarations": [ { "range": [ 4, 9 ], "type": "VariableDeclarator", "id": {
オープンソースのエディタ「Visual Studio Code」がChromeブラウザのデバッガプロトコルに対応。エディタから直接デバッグ可能に
オープンソースのエディタ「Visual Studio Code」がChromeブラウザのデバッガプロトコルに対応。エディタから直接デバッグ可能に マイクロソフトがオープンソースで公開している「Visual Studio Code」が、Chromeブラウザのデバッガプロトコルに対応したことが発表されました。 Visual Studio Codeのエディタ画面から、Chromeブラウザで実行しているJavaScriptのブレークポイントの設定と実行と停止、変数の参照などが可能になります。 JavaScriptのSoruce Map機能も働くため、圧縮済みのコードを実行しても自動的にVisual Studio Code上の圧縮前のJavaScriptコードに対応してそのままデバッグ可能。また同様の仕組みのおかげでTypeScriptのコードもVisual Studio Code上でそのままデバッ
WebWorker で画像のデコードがしてみたかったので，C言語のライブラリ (stb_image.c) を Emscripten で移植して Pure JavaScript な画像デコードライブラリを生成してみた - きちぽよ〜
誰も得しそうに無いエントリをこりずに書く (デモ，Github) 画像のバイナリデータ (ArrayBuffer とか Blob) をデコードして画像のピクセルデータというか， ImageData みたいな情報を取り出したかったので ， ArrayBuffer から Blob を作り， window.URL.createObjectURL で Blob URL を作り， img 要素の src に Blob URL を代入し， img 要素の onload イベント内で，canvas に drawImage メソッドを使って img 要素を描画し， canvas の getImageData を呼ぶ， という作業をしていた．コードと実行例は以下． 期待通りの動作をしてくれてるのだけど，まわりくどいなーとか，俺は画像を表示したいんじゃなくてピクセルデータが欲しいだけなんだよなー *1とか，W
DataView - JavaScript | MDN
多バイトの数値形式は、マシンアーキテクチャによってメモリー内での表現が異なります。説明はエンディアンを参照してください。 DataView のアクセサーは、プラットフォームアーキテクチャのエンディアンに関係なくデータにアクセスする方法を明確に制御する手段を提供します。 var littleEndian = (function () { var buffer = new ArrayBuffer(2); new DataView(buffer).setInt16(0, 256, true /* リトルエンディアン */); // Int16Array はプラットフォームのエンディアンを使用する return new Int16Array(buffer)[0] === 256; })(); console.log(littleEndian); // true または false
Uint8ClampedArray - JavaScript | MDN
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015. Learn moreSee full compatibilityReport feedback Uint8ClampedArray は型付き配列で、 0-255 に制約される 8 ビット符号なし整数値の配列を表します。指定された値が [0,255] の範囲を超えた場合、 0 または 255 が代わりに設定されます。整数以外を指定しようとすると、最も近い整数が設定されます。中身は 0 で初期化されます。生成されると、配列内の要素はそのオブジェクトのメソッドを使用するか、配列の標準的な添字の構文 (すなわち、ブラケット記法
Web Messaging API を使ってみる - Qiita
目的 HTML5 に Web Messaging API というのがある。サーバを介さずブラウザ間で通信ができるインターフェイスが提供されている。 調査がてら把握したことを整理。 概要と用途 Web Messaging API はブラウザの任意のドキュメント間での通信をサポートするインターフェイス。現在、postMessage と MessageChannel という API が用意されている。どちらも任意の window オブジェクト同士で、任意のタイミングでデータの受送信をさせることが可能。 よく使われる用途として、iframe で別ドメインのコンテンツを読み込み、そのドメインと通信させる。 例えば、Facebook のいいねボタンは、 iframe で facebook.com のドメインを埋め込み通信させ、その中の cookie の値を取得してそのブラウザが保持するユーザ情報を表示
Server Sent Events(SSE)の使いどころと使い方 | GREE Engineering
Flameの箱を捨ててしまったためどうやって送り返すか困っています。@kyo_agoです。 今日は2014年6月にβ公開したGREEチャットで通信に使用しているSSEを紹介したいと思います。 SSEとは SSEとはServer-Sent Eventsの略でW3Cで提案されているhtml5関連APIの一種です。 これはサーバとの通信やJavaScript APIを中心としたもので、サーバからPush通信を行うための仕様です。 サーバからPush通信に関してはこれまでもCometやWebSocketが存在しましたが、SSEは互換性や効率などの点でそれ以外の技術に対する特徴があります。 ここからは具体的な仕様や、実際に使用した場合の感想などを紹介したいと思います。 通信方式 SSEはHTTP/1.1を使用し、Content-Type: text/event-streamで通信を行います。 基本的
JSONP - Wikipedia
JSONP (JSON with padding) とは、scriptタグを使用してクロスドメインな（異なるドメインに存在する）データを取得する仕組みのことである。HTMLのscriptタグ、JavaScript（関数）、JSONを組み合わせて実現される。 クロスドメインな通信を実現する方法としては、後にオリジン間リソース共有（英語版） (CORS)も開発され、JSON-Pに代わる選択肢となっている。 ウェブブラウザなどに実装されている「同一生成元ポリシー」という制約により、ウェブページは通常、自分を生成したドメイン以外のドメインのサーバと通信することはできない。 しかし、HTMLのscriptタグのsrc属性には別ドメインのURLを指定して通信することができるという点を利用することによって別ドメインのサーバからデータを取得することが可能になる。 JSONPでは、通常、上記src属性のレス
Typed arrays - Binary data in the browser | Articles | web.dev
Typed arrays - Binary data in the browser Stay organized with collections Save and categorize content based on your preferences. Introduction Typed Arrays are a relatively recent addition to browsers, born out of the need to have an efficient way to handle binary data in WebGL. A Typed Array is a slab of memory with a typed view into it, much like how arrays work in C. Because a Typed Array is bac
CoffeeScript
CoffeeScript is a little language that compiles into JavaScript. Underneath that awkward Java-esque patina, JavaScript has always had a gorgeous heart. CoffeeScript is an attempt to expose the good parts of JavaScript in a simple way. The golden rule of CoffeeScript is: “It’s just JavaScript.” The code compiles one-to-one into the equivalent JS, and there is no interpretation at runtime. You can u
Java Script17 (JavaScript で MD5)
ソースみてちょ MD5 自体のアルゴリズムは、RFC1321 参照のこと。 メインは、MD5main(入力文字) がメインの処理をする関数。 後は、MD5****() メソッドを渡りあるいて、結果が返って来る。 関数一覧 MD5Samples() この MD5Main() 関数に引数を与え、戻り値をテキストボックスに戻す役割(サンプルのプログラムを動かすためのだけの役割)の関数が、この MD5Samples() 関数。 MD5Main() RFC1321 P11 の MD5Init() を含み、MD5Update() を経て、MD5Final() まで処理し、結果を文字列にデコードして出力する外部からのアクセス用のメソッド MD5F() RFC1321 P10 で定義されている F() MD5G() RFC1321 P10 で定義されている G() MD5H() RFC1321 P10 で
[電波とどいた？] - 2010/07b Diary
■体験版チェック (えろげ) _ 毎度恒例。 _ 俺のタマノコシに乗ってくれ(パティスリー)体験版。 システムは独自で、なんと python ベース。フォルダ覗くと pyd やら pyc やらがずらり。 起動時ランチャーにネットワーク情報・更新機能内蔵。ボイスカット指定あり。CTRLバインド変更が拾えてない不具合あり。 目ぱち口ぱく(音声同期)あり。表情変更は同期。 _ 空を仰ぎて雲たかく(でぼの巣製作所)体験版。960×600のワイド作品。 システムは独自で lua ベース。起動時ランチャーにネットワーク情報機能内蔵。 コンフィグ系はシステムダイアログ。ボイスカット指定あり。キャラ別音量あり。 メッセージ表示は一瞬。 _ Vistige(Alcotハニカム)体験版。 システムは椎名里緒。あれ、QLIE じゃないのね。 ボイスカット指定あり。OFF時に別キャラのボイスとも重なってしまって違
JSON stringify revisited
Update May 17, 2008: Small sanitizer added to the toObject-method. Now toObject() will not eval() the string if it finds any malicious code in it. For even more security: Don't set the includeFunctions flag to true. To collect your client side JavaScript objects and store or manipulate them server side (or just have a good look at them while debugging) you need a JSON stringifier. It translates yo
throw Life - addjavascriptinterface
Walkin’ On The Spiral. Let’s see, if that’s true or not.あまり外とのつながりを持たないのですが、「第8回エンジニア交流勉強会「gungi」」という勉強会に参加してきました。 内容は以下の通り。 「携帯サイト開発へ押し寄せるのオープン化の波」 「今からでも間に合う AIR の第一歩」 「“グリムス”という参加型環境サイトのご紹介」 やはり一番目の講演が気になりました。 Androidを含めたオープン開発環境の話を沢山聞かせていただきました。 iPhoneやAndroid以外にもNokiaケータイとか面白そうでした。 Obj-Cも使ったことがあるので、iPhoneはいつか触ってみようと思ってます。
throw Life - AndroidとJavaScriptを連携させる方法
throw Life Walkin' On The Spiral. Let's see, if that's true or not.
JsDoc Toolkitによる開発効率向上を目指して （1/3）－ ＠IT
JavaScript開発を見直そう（前編） JsDoc Toolkitによる開発効率向上を 目指して 遠藤 太志郎 株式会社インテック ネットワーク＆アウトソーシング事業本部 2009/6/9 JavaScriptを使った開発で、ソースの保守性や再利用性までを視野に入れたドキュメントを残しているだろうか。Ajaxを使った高機能なWebサービスなど、JavaScriptによる開発規模は拡大している（編集部） システムエンジニアならば、JavaScriptという言葉は誰でも聞いたことがあるだろう。Webブラウザ上で動作し、主にWebブラウザのユーザーインターフェイスの向上を目的に使用されるプロトタイプベースのオブジェクト指向型スクリプト言語だ。 JavaScriptは、世に出てからしばらくの間は特にそれほど脚光を浴びるような技術ではなかったのだが、2005年にGoogleがGoogle Map
JsDoc Toolkit メモ
JsDoc ToolkitはJavaScriptソースに記述されたJavaDoc風なDOCコメントを収集しHTML化するツールである（perlで記述されているJsDocとは別物であることに注意；こちらはRhinoで記述され、必然的にJavaにもアクセスしている。Rhinoなのでこれ自体があらかたJavaScriptで記述されており、ソース自体の解読もより容易である）。 DOCコメント DOCコメントは「/**」で始まり「*/」で終わる；途中の行頭の「*」および空白系文字は無視される。DOCコメントは最初の行の説明文（省略可）と以降１つ又は複数続く、「@」で始まる「タグ」、とで構成され（各ブロックは次のタグまで又はDOCコメント末尾まで、途中の連続する空白系文字は空白１字にまとめられ、またHTMLタグの記述も可）、JsDoc Toolkitはこれらを回収分類しHTML化関数（テンプレートとも
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - cesanta/v7: Embedded JavaScript engine for C/C++
)
InternetExplorer Object
Google Code Archive - Long-term storage for Google Code Project Hosting.