タグ

javascriptに関するkoonyaのブックマーク (57)

  • tPod - tumblrのダッシュボードに流れる画像を眺めるガジェット - ぼくはまちちゃん!

    はい! こんにちはこんにちは!! そんなわけでAIRアプリつくってみました! tPod - tumblrのDashboardに流れる画像を眺めるガジェット こんなやつです! tumblrの自分のdashboardの画像が次々に流れてきます! ちょっとかわいいよ! tumblrなんて知らないよ…! なんて人もこの機会に、ちょっと試してみたらどうでしょうか! なんか気に入った画像や言葉を、みんなでどんどんクリップ(引用)していくだけのサービスで楽しいよ! http://www.tumblr.com/ ここから、メールアドレス入力すれば、すぐ登録できるよ! 登録したら適当に、ぼくとか以下のような人たちを Follow しておけば、ダッシュボードに画像が流れてくるんじゃないかな! http://hmcy.tumblr.com/ http://yuiseki.tumblr.com/ http://s

    tPod - tumblrのダッシュボードに流れる画像を眺めるガジェット - ぼくはまちちゃん!
  • これは面白!PHPとjQueryでクリックした位置が分かるクリックマップ作成:phpspot開発日誌

    Tracking Clicks, Building a Clickmap with PHP and jQuery これは面白!PHPとjQueryでクリックした位置が分かるクリックマップ作成。 デモとソースコードが公開されていて、自分でも設置できるのがありがたいです。 以下、サンプル画像のチョイスも面白いのですが、クリックした位置もなかなかすごいことになってます。 ↓↓クリックマップ化↓↓ 画像のクリック位置解析だけではなく、当然ですがサイトのクリック解析に使えそうですね。 関連エントリ クリック位置のヒートマップを作成できるオープンソースやサービス色々

  • http://www.designwalker.com/2009/01/table.html

    http://www.designwalker.com/2009/01/table.html
  • GDataってもっと注目されてもいいんじゃないの&非公式開発者ガイド

    GDataってもっと注目されてもいいんじゃないの&非公式開発者ガイド GoogleGoogle Data APIs (Beta) Developer's Guideを公開しました。 Google Data APIs (略称はGData)というのは何かというと、RSSとAtomを組み合わせてそれを拡張したもので、フィードを取得したり、Atom publishing protocolを使ってデータを作成したり更新したり、また全文検索などのデータの問い合わせをできるようにしたプロトコルです。 GoogleAPI戦略に新たな動き、GDataで「Google Calendar」のAPI公開 (MYCOM PC WEB)に簡単な説明が載っているので引用します。 REST、Atom 1.0およびRSS 2.0をベースにした新しいプロトコルである。GDataをサポートするサービスから情報を取得する場

  • http://code.nanigac.com/source/view/607

  • JavaScriptメモ:javascript(.jsファイル)をキャッシュさせない

    ブログパーツのようなものを何かつろうと思っているのですが、とりあえずいろんなものを見てiframeとjavascriptをどんな風に使ってるのかチェックしてます。なるべくサーバーに負荷をかけないように考えて、毎回iframeでcgiやphpを呼び出すのではなく、jsファイルに書き込んでそれを読ませる様にしようと考えていますが、問題はjsファイルはキャッシュされるので、キャッシュさせない又はjsファイルに更新があった場合のみキャッシュを更新させるような仕組みが必要と考えています。 javascriptをキャッシュさせない方法はどこかで見た気がしたので探してみた。いろいろあったけど下記のサイトの記事が判りやすかったです。元々見た記事は見つけられなかったけど、多分普段巡回しているサイトのどっかだったと思うのだけど。 具体的な方法は、ファイル名の後に?をつけてパラメータを渡す事です。 よくcgiと

    JavaScriptメモ:javascript(.jsファイル)をキャッシュさせない
  • jQuery でサイズや位置を取得する方法を図にしてみた - Cyokodog :: Diary

    更新履歴 2010-01-21 エントリの内容も含めた最新の情報は下記エントリをご参照ください。 jQuery の位置・サイズ関連メソッドまとめ - Cyokodog::Diary サイズの取得 煩雑になるので height の記述しかありませんが、width に置き換えれば幅もとれます。 普通のボックス要素 height() メソッドで取得できる値には、padding や border の分の高さを含みません。 CSS の height と同じなので、css('height')メソッドで取得してもよさそうですが、こちらの場合ブラウザの種類や CSS の定義の仕方で取得される値が異なる(クロスブラウザとしての機能が完全でない)ので、純粋に px 単位の高さを取得したい場合は height() メソッドを使用した方が無難です。 スクロールバー付きボックス要素 clientHeight には

    jQuery でサイズや位置を取得する方法を図にしてみた - Cyokodog :: Diary
  • amachang の 「一行で IE の JavaScript を高速化する方法」を掘り下げてみた - latest log

    2009-11-12 ナビ子記法について追記しました 文 今日は、amachangさんの記事 http://d.hatena.ne.jp/amachang/20071010/1192012056 を 1mm だけ掘り下げ、IE 以外のブラウザでも document へのアクセスを速くする方法がないか、色々試してみます。 # 記事自体はずいぶん前に書き上げてたけど、公開するの忘れてたんだな。 C系を追加しました。C系は「ネストしたスコープからグローバル変数にアクセスするとどうなるか?」がテーマです。 試したこと 以下は様々な方法で document へのアクセス速度を計測します。 A系では、非日常的な方法で測定し、B系では実際の用法に近い形で測定します。C系では何重にもネストしたスコープから、グローバル変数にアクセスするとどうなるかを測定します。 A系 A0 は、素の document に

    amachang の 「一行で IE の JavaScript を高速化する方法」を掘り下げてみた - latest log
  • IDEA * IDEA

    ドットインストール代表のライフハックブログ

    IDEA * IDEA
  • クロスドメインなJavaScriptを使ったTwitterクライアント「twicli」開発中 - Okiraku Programming

    最近、クロスドメインなJavaScriptを使ってWebブラウザだけで動くTwitterクライアント「twicli」というものを開発中です。 http://www.geocities.jp/twicli/ で公開しています。 動作はFirefox, Safari(iPhoneのMobileSafariでもOK), Operaで確認しています。IE7/8ではCookieのブロックの設定でtwitter.comのCookieをブロックしないよう変更が必要です。(Firefoxでも「サードパーティのCookieも保存する」が有効になっている必要があります(デフォルトは有効)。) twicliは専用サーバなしでWebベースのTwitterクライアントを実装できるか?というProof of Conceptとして開発しています。そのためHTMLファイル1つと画像数個あれば動くというシンプルな構成となっ

    クロスドメインなJavaScriptを使ったTwitterクライアント「twicli」開発中 - Okiraku Programming
  • Loading...

  • 猿でもわかる Greasemonkey

    猿でもわかる Greasemonkey Yoshiori SHOJI(yoshiori@gmail.com) web(http://yoshiori.org/) 自己紹介 はじめまして? ヨシオリです JavaScript 好きなのですが 向こうは愛してくれません>< JavaScript 片思い そんなヨシオリです。 っていうか LT なのに 30分未満って長くね? とりあえず 前回以上にギリギリです!! この文章、今日の6:30とかに書いてます。 ほらね?今書いてるでしょ? このスタイルを ウルトラスーパーアジャイル資料作成と名付け(ry すいません 忙しかったんです!!! ☆付けるのがw とりあえず悔しいからチャットでUK虐めておいた こうなってないことを祈る アジェンダとか無く グダグダに行けるところまで 行きます!! 何?:Firefox の拡張 読み方:グリモン 出来る

  • はじめてのjQuery

    デザイナ向け「初めてのjQuery」

  • JavaScript 内で無圧縮 ZIP を作って Data URI を生成するライブラリを作りました - IT戦記

    ちょっと思うところあって JavaScript 内で、複数のファイル情報を作って Zip で固めて、 Data URI を生成するライブラリを作ってみました。 ソースは以下の zip.js です。 http://svn.coderepos.org/share/lang/javascript/Zip/ 使うには 以下の base64.js が必要です。 http://svn.coderepos.org/share/lang/javascript/Base64/trunk/ この base64.js は弾さんが作ったものです。 今回 Zip で使うように、ちょっとチューニングさせていただきました。 こんなことができます // zip オブジェクトを作る var zip = new Zip; // 文字列をファイルとして追加する zip.addString('Hello, world!!', '

    JavaScript 内で無圧縮 ZIP を作って Data URI を生成するライブラリを作りました - IT戦記
  • JSON/XMLデータを簡単に編集する·JSON Editor MOONGIFT

    Ajaxを使う上でよく使われるのがJSONやXML形式だ。最近では特に冗長性がなく、JavaScriptでそのまま使える分、JSONが好まれる傾向にある。しかしコンピュータ上は読みやすくとも、人向けのフォーマットとは言えそうにない。 例えばデバッグの際にJSONフォーマットをチェックする必要があった場合、その解析は非常に面倒だ。そこで使ってみたいのがJSON Editorだ。 JSON EditorはAdobe AIR製のフリーウェアで、JSONやXMLの内容をパースして表示、編集できるソフトウェアだ。 JSON Editorを使うと、出力されたJSONをそのまま貼付けてReadボタンを押せばテーブル形式に並べ替えて表示してくれる。これで階層がどれくらい深いのか、希望した通りにデータが並んでいるのかといった情報が簡単に分かるようになる。 多彩なショートカットキーがある 逆にデータを作成して

    JSON/XMLデータを簡単に編集する·JSON Editor MOONGIFT
  • もうこれで十分。HTML上でテーブルを表示するなら·Sigma Grid MOONGIFT

    業務システムを構築する際に、一覧表を表示するという処理は多い。そしてそのデータを並べ替えたり、チェックボックスを入れたりしたいというニーズも多く発生する。場合によってはカラムを並べ替えたり、一括更新したいなんて言われることもある。 ソートも並べ替えもページネーションも全部こみこみ それを一つ一つ実装していては非常に工数がかかってしまう。そこで使いたいのがこのSigma Gridだ。 Sigma Gridはテーブルの表示とソート、データ編集などを可能にする超豪華ライブラリだ。LGPLライセンスの下に公開されているオープンソース・ソフトウェアだ。 Sigma Gridはデータの表示に際してJSONでデータを渡す必要がある。そのため既存のシステムにそのまま組み込むのは難しいかもしれない。だがその変更してもあまりあるメリットを享受できるに違いない。 画像表示とクリックアクションの例 まずカラムごと

    もうこれで十分。HTML上でテーブルを表示するなら·Sigma Grid MOONGIFT
  • 芸術の秋にProcessingでスケッチプログラミングを始めてみよう(1/3) - @IT

    芸術の秋にProcessingでスケッチプログラミングを始めてみよう:絵心がなくても簡単に絵が描けるProcessing(1)(1/3 ページ) アートやデザインのための“プログラミング” 読者の皆さんは「プログラミング」という用語や、それをすることに、どんなイメージを持っているでしょうか。仕事に使われるアプリケーションやWebサービスの開発の世界の「プログラミング」を考えてみると、多くの場合「実用性や効率が重んじられ、専門的な知識を持ったエンジニアプログラマーが慎重に正確に行うもの」といったイメージではないかと思います。 しかし一方で、実用性ではなくスクリーンに表されるイメージや動きの美しさ、見るものを引き込むインタラクションのアイデアをプレゼンテーションする「プログラミング」の世界も存在します。エンジニアではなくアーティストやデザイナーが、驚きやインスピレーションを求めて大胆に「プロ

    芸術の秋にProcessingでスケッチプログラミングを始めてみよう(1/3) - @IT
  • IDEA * IDEA

    ドットインストール代表のライフハックブログ

    IDEA * IDEA
  • クロスサイトスクリプティング(XSS)とCSRFの違い早分かり - ockeghem(徳丸浩)の日記

    昨日の日記で、DK祭りで使われている脆弱性がXSSかCSRFかという問題になった。どうも、XSSとCSRFがごっちゃになっている人もいるように見受けるので、簡単な整理を試みたい。 XSSとCSRFには似た点がある。 どちらも「クロスサイト」という言葉が先頭につく なりすましのようなことが結果としてできる どちらも受動型攻撃である それに対して、もちろん違う点もある。専門家から見れば「似てるも何も、そもそも全然違うものですよ」となるのだろうが、現に混同している人がいるのだから紛らわしい点もあるのだろう。 私思うに、XSSとCSRFの決定的な違いは、以下の点ではないだろうか。 XSSは攻撃スクリプトがブラウザ上で動くが、CSRFはサーバー上で動く このため、XSSでできる悪いことは、すなわちJavaScriptでできることであって、攻撃対象のCookieを盗み出すことが典型例となる。一方、CS

    クロスサイトスクリプティング(XSS)とCSRFの違い早分かり - ockeghem(徳丸浩)の日記
  • Ext wiki

    このサイトについて 最近流行のリッチなユーザーインターフェースを持ったページを作るためAJAXやJavascriptのライブラリやフレームワークが存在しています。もともと、「TreeViewが欲しい」、「便利なUIが欲しい」ということでYahooUIを調べていたのですが、ExtJSに行き着き、いろいろ試してみています。 このサイトはExtJSについて調べたことを整理/情報交換できればと作成しています。 ExtWikiプラグインについて もともとpukiwikiでいくつかのサイトを作っていますが、ExtJSと組み合わせることでpukiwikiのインターフェースを向上させることができると思い、現在プロトタイプを作っています。 詳しい内容(extwiki2:ExtWiki) 更新履歴 ExtJSでWiki/計画3でpukiwiki用プラグイン「ExtWiki0.9」をリリースしました -- 20