タグ

JavaScriptとwebに関するjamadamのブックマーク (9)

  • SQLとJSONをNode.js上で組み合わせた新言語「ql.io」をeBayが公開

    eBayが、JavaScriptアプリケーションからSQL文のような形式でデータベースへの問い合わせを記述できるDSL(ドメイン固有言語)のql.ioを発表。オープンソースとして公開しました。 現在、多くのWebアプリケーションが、バックエンドとのデータのやりとりにHTTPをベースにしたAPIを用いています。しかし、WebベースのAPIによってデータを取り出すのは、プログラマにとって実は手間のかかることです。 例えば、キーワードを入力すると関連する商品の名前、詳細、購入者の評価をユーザーに表示する、というWebアプリケーションでは、まずキーワードでデータベースを検索して商品IDを取得し、今度はその商品IDをキーにして名前や概要、評価の情報を取得する、といったように、APIを繰り返し呼び出す必要があります。 ql.ioはこうした内容をSQLのように分かりやすい記述で実現するだけでなく、複数の

    SQLとJSONをNode.js上で組み合わせた新言語「ql.io」をeBayが公開
  • pjax こそが pushState + Ajax の本命 - punitan (a.k.a. punytan) のメモ

    pjaxの前にpushStateとは AjaxとjQueryの説明は不要として、pushStateとはなんぞや。 pushStateを使ってブラウザの履歴に対する操作をし、HTMLの一部のみを書き換える動作でもブラウザの戻る/進む機能を実現できる方法のひとつ。Ajaxなページを再現し、かつURLを見慣れた方法で自然にpermalinkを表現できる。 有名なところではGitHubで使われてるアレ。 hash fragment (/#!/) ブラウザの履歴を機能させるため、URL の fragment (#) を使ってAjaxなページを実現する方法。一時期もてはやされた感があるが、さらなる「#!」URL批判 - karasuyamatenguの日記 など合理的な反論があり、これから導入するのはためらわれるところ。 有名なところではTwitterで使われているあの厄介者。 pjaxとは pjax

    pjax こそが pushState + Ajax の本命 - punitan (a.k.a. punytan) のメモ
  • 音声や動画のレコーディングを可能にするFirefoxアドオン「Rainbow」、Mozilla Labsが発表 | OSDN Magazine

    Mozilla Labsは10月28日、音声と動画のレコーディングができるFirefoxアドオン「Rainbow」を発表、初期プロトタイプを公開した。動画/音声フォーマットにはTheoraおよびVorbisを利用、今後、WebM/VP8対応も予定しているという。 RainbowはMozillaの実験的プロジェクト。同じくMozilla Labsプロジェクトであるアドオン機構「Jetpack」での音声録音機能構想を再度膨らませたものとなる。Web開発者はJavaScriptのコードを数行書くだけでローカルにある動画や音声のレコーディング機能にアクセスできるという。 Raibowはオープンフォーマット(動画にはTheora、音声にはVorbis)でエンコードしたファイルをOggコンテナに生成、HTML5のFile APIを利用しDOM(Document Object Model)を使ってアクセ

    音声や動画のレコーディングを可能にするFirefoxアドオン「Rainbow」、Mozilla Labsが発表 | OSDN Magazine
  • Learning Server-Side JavaScript With Node.js | Envato Tuts+

    Node.js is a major framework for modern web development and makes it easy to create high-performance, real-time web applications. It allows JavaScript to be used end to end, both on the server and on the client. This tutorial will walk you through the installation of Node and show you how to write your first "Hello World" program. By the end, you'll go on to build a weather API with Node.js and Ex

    Learning Server-Side JavaScript With Node.js | Envato Tuts+
  • Webベージを撃ち壊せ·asteroids.js MOONGIFT

    asteroids.jsはJavaScript製のフリーウェア(ソースコードは公開されている)。Webサイトを構築するというのはとても疲れる。デザイン、システムともにちょっとしたことで印象が大きく変わってしまったり、特定のブラウザで動かなくなってしまう。 ブックマークレットのページ そんな中、好みのデザインでないWebサイトを見せられるとストレスが溜まってしまう。そんなフラストレーションがたまった方はasteroids.jsを実行しよう。少しはすっきりとするかも知れない。 asteroids.jsはブックマークレットとして提供されている。Github上にホスティングされている、ちょっと変わったソフトウェアだ。ブックマークレットを登録し、任意のWebサイトで実行しよう。自機である三角形が表示されるはずだ。 どんどん壊せる 左右キーで回転、上キーで前に進む。そしてスペースキーでミサイルを発射だ

  • Webブラウザ上で楽譜を描く·Vexflow MOONGIFT

    VexflowはJavaScript製のオープンソース・ソフトウェア。Web上には無数のコンテンツが存在するが、それは主にテキストが主体になっている。数式のようなものでさえ画像で表現されることが多い。これは非常に勿体ないことだ。 テキストを使って表現できればシステムとの連携も容易になったり、Webクローラーに拾われてインデックス化することも考えられる。同様に表現しづらい情報である楽譜をJavaScriptで表示するのがVexflowだ。 Vexflowは一定のフォーマットに従って書かれたテキストをJavaScriptを使ってCanvas/SVGで表現したものだ。その表現力は非常に高く、音符を描くのはもちろん、数字やアルファベットを表示することもできる。ピアノのみならず様々な楽器に対応できるだろう。 他にも音符を線でつないだり、ト音記号を描いたりと高機能だ。JavaScriptなので、変更と

  • WebSocketで目指せ“リアルタイムWeb”!第1回 node.jsの衝撃とWebSocketが拓く未来 - @IT

    ご挨拶 こんにちは、ロンドンのNew Bambooという会社でWebエンジニアとして働いている@makoto_inoueです。ここのところ、PusherというWebSocketのクラウドサービスの開発に関わっています。今回から3回に渡ってWebSocketに関する短期連載を担当させていただきます。 私を含めたNew Bambooの面々(我々は自分たちのことをBambinoと呼んでいます)がWebSocketになぜ興味を持ったかということからはじまり、実際にクラウドサービスを始めるまでにいたったストーリーをお話ししたいと思います。そのストーリーを通じて、WebSocketが切り開く「リアルタイムWeb」な世界への可能性や技術的課題を皆さんと共有できればと思っています。

    WebSocketで目指せ“リアルタイムWeb”!第1回 node.jsの衝撃とWebSocketが拓く未来 - @IT
  • 「○○氏の声」を次々と表示できるjQueryプラグイン「Quovolver」:phpspot開発日誌

    Quovolver | a simple jQuery plugin for revolving quotes 「○○氏の声」を次々と表示できるjQueryプラグイン「Quovolver」。 「これは素晴らしい!革命的である」- by. phpspot みたいなものをアニメーションしながら次々表示できるjQueryプラグインです。 商品の説明ページなんかに利用者や著名人の声などとして表示する際に使えそうです。 アニメーションしながら切り替わります。 使い方は、必要なJSを読み込んだ後、要素を複数並べておきます。 例えば次のように。 <blockquote>aaa</blockquote> <blockquote>bbb</blockquote> あとは、$('blockquote').quovolver() のようにするだけです。 関連エントリ 通貨、日付のグローバリゼーションを可能にする

  • 構造化テキストの間違ったエスケープ手法について : 404 Blog Not Found

    2010年09月22日21:30 カテゴリLightweight Languages 構造化テキストの間違ったエスケープ手法について 昨晩のtwitter XSS祭りは、ふだんもtwitter.comは使わない私には遠くの祭り囃子だったのですが、せっかくの自戒の機会なので。 Kazuho@Cybozu Labs: (Twitter の XSS 脆弱性に関連して) 構造化テキストの正しいエスケープ手法について 正しいアプローチは、全てのルールを同時に適用することです。 これは残念ながら(おそらく)必要条件であっても十分条件ではありません。 こういう(かなりええかげんな)正規表現でtweetをparseしていたとします。 re_http = '(?:https?://[\\x21-\\x7e]+)'; re_user = '(?:[@][0-9A-Za-z_]{1,15})'; re_hash

    構造化テキストの間違ったエスケープ手法について : 404 Blog Not Found
  • 1