[B! JavaScript][WebAPI] clavierのブックマーク

JSONP WebAPIを爆速で使いこなせるフレームワーク

ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog Yahoo!デベロッパーネットワークの中野(@Hiraku)と申します。「WebAPIの魅力を存分に宣伝せよ」という使命を受けまして、これから何度かTech blogを書くことになります。以後、お見知りおきを。さて、Yahoo! JAPANが公開しているWeb APIはたくさんありますが、JSONPに対応しているものがいくつかあります。ショッピング、オークション、YOLP、震災関連情報などです。 JSONPについて詳しくは過去記事を見てください。他の形式に比べると、サーバーを準備しなくてもブラウザーだけで動かすことができ、古いブラウザーでも動くという、JSONPにしかないメリットがあります。夢のような形式！なのです。 …そのは

clavier 2012/08/17

リンク

Introduction to Web Components - DOM ECMAScripting

テンプレートとして HTML 断片または DOM 部分木を用いるには、大きく 2 種類の方法が考えられます。1 つは文字列としてテンプレート出力する方法。これは DOM API に不慣れな人にも分かりやすい反面、セキュリティ問題を引き起こしやすいデメリットがあります。例えば、次のように ul 要素を出力するコードがあるとします。 var attr = 'sample.html'; var text = 'サンプル'; document.getElementById ('result').innerHTML = '<ul>' + '<li><a href="' + attr + '">' + text + '<\/a><\/li>' + '<\/ul>'; 一見してお分かりのように、もし変数 attr に "、<、>、& が含まれていたら、あるいは変数 text に <、&、]]> が含まれ

clavier 2012/06/05

リンク

Using the Battery API – Part of WebAPI – Mozilla Hacks - the Web developer blog

Detecting battery level in a device or computer can help you inform the user of the current status. Within Mozilla’s WebAPI, we have the Battery API to offer that possibility. Accessing the battery First, it’s a matter of accessing the battery object: var battery = navigator.mozBattery; Properties There are a few properties offered to detect the charging level of the battery in the device: Battery

clavier 2012/02/09

リンク

Flash?いいえ、HTML5です: ファイルのドラッグ&ドロップによるフォトアップロード機能について - mixi engineer blog

はじめまして。コミュニケーションサービス開発部の澤と申します。コーヒーとカレーをこよなく愛する新卒2年目の新米エンジニアで、弊社Webのフロントエンドを主に担当しています。最近はmixiスマートフォン版(mixi Touch)の開発にも精力的に取り組んでいます。さて、本日はPC版のmixiで1つの機能をリリースいたしました。ファイルをWebブラウザにドラッグ&ドロップするだけで写真をmixiフォトにアップロードできるもので、HTML5 File API※1を採用しています。本記事ではこの機能について色々とお話をしたいと思います。なにこれ? 以下では、ドラッグ&ドロップによるアップロード機能を「本機能」と呼びます。百聞は一見にしかずです。本機能のプロモーションムービーがありますので、まずはこちらをご覧ください。動画では下記を説明しています。従来のアップロード方法からドラッグ&ドロッ