[js]Selectors APIを試してみた - l4l
Selectors APIとは？ CSSセレクターでDOM要素にアクセスできるAPI。getElementByIdやgetElementsByTagNameがパワーアップしたもんだと思えばおk。 Selectors API Level 1 ちなみにLevel 2っていう仕様も策定されているが、現時点で実装しているブラウザはなし。 実装ブラウザ IE8+, Firefox3+, Chrome1+, Opera9.5+, Safari3.1+ ただしIEでは疑似要素まわりなどで一部使用できないセレクタがあり。 インターフェース var selectorString = "#hoge"; var elm = document.querySelector(selectorString); var selectorString = ".bar"; var nodeList = document.qu
初めてのCanvasでtwitterの発言数を折れ線グラフにしてみるのと、jsdo.itを使ってみた - こんにちはこんにちはmonmonです！
jsdo.itというサイトを知ったので、使ってみようと思い、ついでに触ったことないCanvasに触れてみた。 参考にしたサイト 今更聞けないcanvasの基礎の基礎 | tech.kayac.com - KAYAC engineers' blog これ見て楽しそうだなと思いcanvas触ってみた 加速度センサーを使いたかったんだけど、Safariで使えなくて断念 ASCII.jp：HTML5先取り！CanvasならFlash不要で絵が描ける (1/3) 折れ線グラフを含めたcanvasの解説サイト このサイトのコードをほぼ丸っとコピーしてきました Canvasリファレンス - HTML5.JP futomiさんのhtml5解説サイトで、canvasのリファレンス的に使わせてもらいました Basic usage - Trash | MDN mozillaのcanvas解説サイト。<canva
第9回 実践DOMスクリプティング#2：DOMとHTML | gihyo.jp
こんにちは、太田です。前回はHTMLとテキスト操作を解説しました。今回は、さらにHTMLの操作の実例を中心に解説していきます。 JavaScriptとエスケープ まず、エスケープについて確認しておきましょう。外部から入力されたデータを画面上に表示する際はクロスサイトスクリプティングに注意する必要があることはもはや常識と言ってよいと思います。サーバーサイドのウェブ開発用フレームワークでは、ほとんどの場合HTMLのエスケープ用のメソッドが用意されていて、HTMLのエスケープは適切に行えるはずです。しかし、注意しなければいけないのは、HTMLのエスケープはJavaScriptにそのまま当てはめることはできないという点です。当たり前の話ですが、HTMLとJavaScriptではエスケープすべき文字が異なります。また、IEの6、7ではCSSにJavaScriptを埋めこむことができるのでCSSにも注
JavaScriptを使って描画するCanvasとは？ | Canvasを試してみませんか？ | Think IT（シンクイット）
Kaggleは「キャリア」に役立つ ー機械屋がデータサイエンティスト、R&Dというキャリアに至った道筋 6月12日 6:30
竹取 JS
画面をダブルクリックで縦書きと横書きを切り替えることができます。要素を指定して縦書きにしている場合は、次回アクセス時に同じ表示が引き継がれます。 どんなサイトでも縦書きにするブックマークレット。 ↓右クリックで「お気に入り」に保存するか、リンクをドラッグしてブックマークバーにドロップします。 「縦書きにする・iPhone 用リンク」 「縦書き可能にする・iPhone 用リンク」 「段組み縦書き可能にする・iPhone 用リンク」 iPhone に登録するには？ とりあえずこのページを共有ボタンからブックマーク。 iPhone 用リンク を長押ししてコピー。 ブックマークを開いて、追加したブックマークを「編集」。 名前を「縦書き可能にする」などに変更し、URL 欄に上記コードをペースト。 最初の「http://」を削除。 注意！ やや動作が重いです！ うまく変換できなかったときは、画面をダブ
JavascriptでTwitterのユーザ名と画像を表示してみる - slowbirds.d.hatena
JavascriptでTwitterのユーザ名と画像を表示してみる とある事情によりユーザの一覧を作りたかったんだけどTwitterのユーザの画像名はttp://twitter.com/user/profile_image.jpgみたいなかっこいいものでなくてアップロードされたそのまんまの画像名でアップされているので取得したいときはAPIをわざわざ叩かなくてはいけませんね。しかもいPOSTRじゃなきゃいけないうえに取れるのはXML! これは面倒くさい！ユーザリストくらいJavascriptだけでチョロチョロっとやってぽいっと置こうと思ってたのに。。。 と思っていたらno titleというサービスを見つけました。これがすげー簡単です。 http://img.tweetimag.es/i/{username}_{size} で画像が取得できます。画像のバイナリが帰ってくるのでそのままimgタグ
Facebookの「シェアする」ボタンを自分のサイトに入れる方法 | nanapi[ナナピ]
Facebookの「シェアする」ボタンを自分のサイトに入れる方法 に関するライフレシピをご紹介します。nanapi [ナナピ]は、みんなで作る暮らしのレシピサイトです。[お知らせ] nanapiのコンテストは投稿でAmazon券がもらえる！ はじめに Facebookって何？ Facebookという、世界中で使われまくっているサイトがあります。 すでにユーザー数も4億人を突破しています。日本でも利用者が増え続けており、近いうちに爆発的に伸びると言われています。 シェアするボタンとは？ そんなFacebookの機能の一つとして、友達に見ているページをシェアする機能があります。 自分のサイトを持っている人が、この機能を入れておけば、自分のページの情報を、Facebookの友達に紹介してもらえる可能性が高まり、アクセス数のアップが見込めます。 余談ですが、昔はGoogleやYahoo!から訪れる
TwitAPI.js
≫Download 概要 Twitter の API を JavaScript から簡単に使うためのライブラリです。 上部の Download リンクより、js ファイルをダウンロードして読み込む事で、専用のプロキシサーバを通じて Twitter API を呼び出す事が出来るようになります。 Twitter API が BASIC 認証をサポートしなくなる事に合わせて、TwitterAPI.js の後継ライブラリとして開発されました。 現在のバージョンは 0.2.1 です。 TwitMgr (閉鎖済) や Splitwit (閉鎖済) の開発の都合上、必要になった機能については順次追加していったりしていますが、まだ十分に枯れたとは言えません。 動作のおかしい点などあれば、ご連絡頂けると助かります。 特徴 OAuth 対応 プロキシサーバを経由して Twitter API にアクセス 単一の
iPad対応！HTML5 Audioで作るブラウザーピアノ (1/6)
HTML5で作ったピアノ演奏ページ。iPadでも制限付きで動作する。画像クリックでサンプルページを表示します（Firefox 3／Opera 10／Safari 4で表示可能） 前回の記事ではHTML5 Audioを使ってサウンドプレイヤーを作りましたが、HTML5 Audioで再生できるのは音楽だけではありません。ブラウザーだけで音声ファイルを再生できるということは、発想を変えるとおもしろい使い方ができます。 今回は、HTML5 Audioを使ってブラウザー上で演奏できる鍵盤楽器を作ります。画面上に表示した鍵盤がクリックされたらあらかじめ用意しておいたピアノの音声ファイルを再生し、あたかもピアノ演奏の気分を味わえるようにします。ピアノだけでは少々物足りないので、おまけとしてオルガン、木琴、PSG音源の音色も用意しました。 また、今回のサンプルはアップルのiPad/iPhone（iOS4以
IE で、透明なオーバーレイ要素に mouseover 、 mouseout イベントが発生しない - IT戦記
はじめに IE では透明なオーバーレイ要素のマウスイベントのハンドリングがおかしい たとえば 以下のページで表示されている要素には透明な div がオーバーレイされています。そして、その要素に mouseover が発生すると背景を青くしています。 試してみてください。 IE では、想定の挙動ができていないことが分かると思います。 http://amachang.sakura.ne.jp/misc/mouseoutover/ ソースコードは以下。 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Test</title> <style> p { border: solid 10px gray; background: pink; padding: 10px; margin: 10px; line-height: 2; }
uupaa.js の これまでと これから - latest log
uupaa の中の人は28ヶ月前にペットショップからウーパールーパーを2匹連れ帰りました。 同じ日に、「作れども作れども UI 速くならず、じっとコード見る」な感じから脱却するため、中の人は、"uupaa" という固有名詞がWeb上に存在しないことを確認し uupaa.js というオレオレライブラリを作りはじめました。 なぜ当時、百花繚乱な他のjsライブラリを使うことを考えなかったか… 飲みながらじゃないと言えないっ JavaScript勉強前(2年ぐらいまえ)は… JavaScriptを真面目に勉強するまえだと、これで精一杯でした CoverFlow - http://pigs.sourceforge.jp/old_uupaa/uupaa.js.0.3.18/demo/coverflow/coverflow.htm 画像が表示されない場合は何度かリロードしてください(当時はこういうのでも
PHPエンジニアのためのオブジェクト指向JavaScriptの書き方 - EC studio 技術ブログ
JavaScriptはプロトタイプベースのオブジェクト指向言語で、 PHPやJava、C++などのクラスベースのオブジェクトとは 特徴や書き方が大きく異なります。 今回は、PHPでオブジェクト指向開発の経験がある人向けに、 JavaScriptでのオブジェクト指向プログラミングの書き方を解説します。 サンプルはすべてそのまま実行できるので、 FirebugなどのJavaScriptコンソールで実行して 挙動を確かめながら読み進めるとわかりやすいかと思います。 JavaScript の特徴 すべてがオブジェクト JavaScriptは完全なオブジェクト指向言語であり、 すべての型の変数、関数はオブジェクトです。 (プロパティやメソッドを持つ)
facebookのLike!ボタンを自分のサイトに追加する方法 - RinGoon POP!!
facebookのLike!ボタンは、ボタンを押したサイトへのリンクや更新情報を、facebookのマイページに登録するボタンである。ここでは、自分のサイトをfacebookに登録するLike!ボタンを作成し、自分のサイトにLike!ボタンを追加する方法を解説する。 1. Likeボタンの作成 facebookの開発者向けページで、Likeボタンを作成します。 ■Like Button - Facebook開発者 URL to Like Likeする対象となる自分のサイトのURLを記入しますLayout Style"standard" は、Likeボタンの横や下に、誰がLikeを押したかを表示します。 "button_count"は、Likeされたカウントだけを表示します。Show Facesチェックすると、Likeボタンの下に、Likeボタンを押した人のプロフィール写真を表示しますWid
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
JavaScript + Ajax 実践サンプル集 - jQueryのLike it? Tweet it! プラグインを利用して訪問者がその場でつぶやきができるようにする
星海社 | SEIKAISHA
The difference between 'return false;' and 'e.preventDefault();' | CSS-Tricks
Getting Started - Facebook開発者
http://www.rebeccamurphey.com/jqfundamentals/book/release/html/
An Introduction to Cookies | Envato Tuts+
中規模向けJS設計