主要ブラウザすべてに影響する「クリックジャッキング」攻撃とはWindows SQL Server 2005サポート終了の4月12日が迫る、報告済み脆弱性の深刻度も高く、早急な移行を
Trackbackをやめて、Google AJAX Feed APIを使って被リンクを表示 ::: creazy photograph
[追記：2009/02/08] エントリータイトルがタイポしていましたので直しました。非リンク→被リンク。 お恥ずかしい・・・。 [/追記] 先日、Delicious被ブックマーク数画像取得APIへのアクセス状況でもお伝えした通り、当ブログを運営しているレンタルサーバーがスゴい遅いです。APIや個人サービスを同じサーバーで運営しているのが原因ですが、なんとか負荷を減らしたいと思っています。 レンサバなのでサーバー側のチューニングなど（FastCGIとかMemcachedとか）はできない状態ですので割と小手先の対応になってしまうのですが、一つ目の手段としてコメントを TypePad Connect にしてみました。それほどコメントの多いブログではないですが、少しは動的なアクセスが減ったような気がします。んで、TypePad Connectを使ってすぐに思ったのが、トラックバックをASPしてく
はてブの評判が丸分かり！ APIを使ってみよう (1/2)
Webサイトを運営していると、自分のサイトや記事の評判が気になることと思います。そんなとき、ネット上の評価を知るひとつの手段となるのが「はてなブックマーク」です。今回は、自分のWebページに、はてなブックマークのブックマーク数やコメントなどを表示する方法を紹介します。 JSONPでデータを取得できるAPI はてなブックマークは、外部からブックマークするなどの機能を実装するために、API（Application Programming Interface）を公開しています。それらAPIの1つに、「はてなブックマークエントリー情報取得API」があります。 これを使うと、個々のWebページに付けられたブックマークの情報を得られます。具体的には、以下のようなアドレスにアクセスすると、個々のWebページのブックマークの情報が、「JSON」（JavaScript Object Notation）形式の
川o・-・）＜2nd life - bookmarkletの文字数制限を無くす
bookmarkletを作るとき、IEでは500文字ちょい、Firefoxでは2000文字ぐらい(?)の文字数制限がある。また、作った後に一行にまとめたり、デバッグしたりも大変面倒。でもそれがとても簡単な方法でどうにでもなることをインターフェイス！インターフェイス！の人に教わった。 javascript:(function(){var s=document.createElement("script");s.charset="UTF-8";s.src="http://example.com/example.js";document.body.appendChild(s)})(); createElementでscript要素を作って、その中にhttp://example.com/example.jsとソースを指定することによってそのJSを実行できる。WinIEとFirefoxでは確認済み。
Emacsで動作するJavaScriptインタプリタ·Ejacs MOONGIFT
相当歴史の長いプログラミング言語であるLisp。形を変え、様々な方言が生まれつつも今も広く利用されている。一般的にはEmacsの中で使われているのが有名だ。だがその特殊性もあって、使ってみたいと思いつつも手出しできていない人も多いはずだ。 Emacs上で動作するJavaScript そのような方々にとって、Emacs上で動くJavaScriptというのはある種可能性を感じさせるものかもしれない。 今回紹介するオープンソース・ソフトウェアはEjacs、Emacs上で動作するJavaScriptインタプリタだ。 Ejacsは全てEmacs Lispで書かれている。 ロードした後、js-consoleで起動する。すると「js>」が立ち上がるので、JavaScriptを入力すればそれが評価され、結果が返る。JavaScriptなので無名関数などもできるが、document.writeやalertは
MOONGIFT: » ブラウザだけで遊べるシヴィライゼーション「Freeciv-Forever」:オープンソースを毎日紹介
Civilization（シヴィライゼーション）は一時期はまったゲームだ。世界の7不思議をはじめ、地球を舞台に様々な文明を発展させることができるシミュレーションゲームで、とても面白い。FreeCivというオープンソース版のPC向けシヴィライゼーションも存在する。 シヴィライゼーションがブラウザだけで遊べる！ そんなシヴィライゼーションをブラウザだけでもプレイできるようにしてくれるソフトウェアがFreeciv-Foreverだ。これならどこでも遊べるようになる。 Freeciv-Foreverはブラウザベースのソフトウェアで、ユーザ登録することで各地で立ち上がっているCivilizationサーバに接続して遊ぶことができる。てっきりJavaで作られたものかと思っていたが、JavaScriptで作られたもの（？）のようだ。これは凄い。 都市情報 動作が若干遅くなることもあるが、遊牧民で都市を造
iPhone向けAmazon検索アプリ - 今日覚えたこと
せっかくiPhone買ったので、アプリを作ってみた。...と言ってもApp Store用のネイティブアプリではなくて、Safari上で動くWebアプリ。JavaScript盛りだくさん。 Webアプリではあるけど、JavaScriptで作ったのでサーバサイドの処理は何もないよ(ただしYahoo! Pipes使ってる。後述)。 Amazon検索 今回作ったものは以下。 Amazon検索 iPhone向けだけど、普通にFirefoxやSafariからも使えると思う。IEやOperaはダメっぽい。 使い方は簡単。 まず最初の画面は上記のような感じ。 ここにキーワードを入れて、カテゴリを選び、「検索」ボタンをタップ。 検索結果が出る。もちろん指でスクロール可能。 検索結果をタップすれば、すぐ下にAmazonのモバイル版のページが表示される(もう一度タップすれば消える)。検索結果のリストはそのまま残
ステップ・バイ・ステップで Pathtraq の API を使ってみよう - IT戦記
はじめに 「このサイトの人気ページを見たい！」 「このページに、皆いったいどうやって来てるんだろう？」 「このページを見たあとは、どこを見に行ってるんだろう？」 そんなこと思ったことありませんか？ Pathtraq API を使うことで、そんな情報をあなたのソフトウェア、ウェブアプリケーションに組込めるようになりました！やった！ でも、難しいんでしょ＞＜？ 違うよ。全然違うよ。超簡単だよ。 というわけで、今日は JavaScript から Pathtraq API を使ってみましょう！ Step 1 Pathtraq API を目で見てみよう！ やり方は、簡単です。 http://api.pathtraq.com/pages?url=**ここに調べたい URL** とやるだけです。 試しに、このブログを見てみましょう。 RSS が出力されました。 これは、 IT 戦記内で最近人気のページを
はてなお気に入りAPIを使ってブログパーツ作例
はてなお気に入りAPIを使ってブログパーツ作例 スポンサードリンク Tweet 機能変更、お知らせなど - はてなの日記 - はてなのお気に入りユーザーの情報を取得できる「お気に入りAPI」（Favorites API）を公開しました [hatena.g.hatena.ne.jp] 本日、はてな内のお気に入りのユーザー情報を取得できる「お気に入りAPI」（Favorites API）を公開しました。 ということで、 はてなお気に入りAPIを使ってブログパーツ？を作ってみたけれども、僕の作り方が悪いので、jsのファイル名が固定なのです。ｗ filename: hatena_fav.js （UTF-8で保存してね） /* -------------------------------------------------------------- hatena_fav.js : hatenaお気
初心者のためのホームページ作り-Web for beginner ホームページ作成支援
Lecture for beginner ■ HTML基礎講座 HTML4.01の概略 / HTML制作の準備 WEBとHTML / Webの作法 / HTMLの作成 論理構造 / 要素の親子関係 / ヘッダ情報 見出し / 段落 / リンク / フォント ボックスの概念 / 色の作法 / 画像の扱い リストの作成 / テーブルの作成 / 配置 フレーム / フォーム / 動画コンテンツ イメージマップ / スタイルシートの概念 Webページのタブー ■ HTML応用編 HTML4.01 / ヘッダ情報 / CSS応用 テキスト / アンカー / 文字実体参照 色の基礎知識 / FTPファイル転送 枠線表示の応用 / アクセシビリティ Lecture for senior ■ 初めてのXHTML講座 XHTML基礎講座 / XHTML概要 / XHTML基本 XHTML DTD / HTM
JavaScript Reference - MDN
JavaScriptチュートリアルBeginner's tutorialsYour first website: Adding interactivityDynamic scripting with JavaScriptJavaScript frameworks and librariesJavaScript ガイド入門編文法とデータ型制御フローとエラー処理ループとイテレーター関数式と演算子数値と文字列日付と時刻の表現正規表現インデックス付きコレクションキー付きコレクションオブジェクトの利用クラスの使用プロミスの使用JavaScript 型付き配列イテレーターとジェネレーターリソース管理国際化JavaScript モジュール中級編Advanced JavaScript objectsAsynchronous JavaScriptClient-side web APIs言語概要JavaScr
たった6行でWebサイトのUIをガラッと変える
「こんな長いWebページ、まったく読む気がしない」。Webサイトを閲覧していてこんな経験をしたことは誰しもあるのではないだろうか。一方で、Webサイトを作る側にとっては、どこまでを1ページにまとめるかは常に悩むところだと思う。長いからといってむやみにページが分割されているのも考えもので、今度は「次のページへ」ボタンをクリックするのが面倒になり、ストレスがたまる。 CogniTom Academic Designが作った「bookreader.js」は、そんな悩みを解決してくれるかもしれない。bookreaderは、本や雑誌をめくるような感覚で、Webページの本文を横にスクロールさせるJavaScriptライブラリだ。 「bookreader.js」のWebサイト。サイト自体がbookreader.jsを使ったデモサイトを兼ねている。中央にある [<] [>] をクリックすると1ページずつ、
Text Escaping and Unescaping in JavaScript(Unicode の文字列をエスケープする JavaScript)
Notes No data is sent to the server (i.e. everything is done in JavaScript). Conversion from Unicode to other encodings such as Shift_JIS can be slow first time as it needs to initialize internal conversion tables. Surrogate pairs in UTF-16 are supported. Try inserting \uD840\uDC0B in the second form. Three-byte characters in EUC-JP are not supported. Links JavaScript Unicode Charts Try GNU Libidn
The Star of Web2.0: Google Ajax Feed API応用 ～お天気速報掲示板～
4/20の記事で宣言した通り、Google Ajax Feed APIを使って『お天気速報掲示板』なるアプリを作ってみた。 これは各地のお天気の情報をリアルタイムにシェアするアプリで、例えば台風が近づいているときに、「ただいま横浜で大雨が振り出しました。」みたいな情報が投稿されれば、東京の人はこれを見て「降り出す前に早く帰ろう。」って感じで使うことができる。 また参考情報として、livedoorが提供している天気情報のRSSフィードを利用して、天気予報も合わせて表示させている(この部分にGoogle Ajax Feed APIが使われている)。 技術的には、各種API(「Google Maps API」「Google Ajax Search API」「Google Ajax Feed API」「livedoor Weather Hacks」)に加え、Ajaxの処理でprototype.js
Web APIって何？
Web APIとJSON Web上ではネットショッピング、ブログ、SNSなどさまざまなサービスが提供されています。これらのサービスの中にはWebブラウザから利用するだけでなく、サービスの機能の一部をプログラムから利用可能なAPI（Web API）として提供しているものもあります。Web開発者はWeb APIを利用したアプリケーションを開発したり、既存のWebサイトにWeb APIを利用した機能を追加することなどが可能です。 なお、Web APIを使用し、複数のサービスの機能を組み合わせたり、独自の機能を追加したサービスを構築することをマッシュアップと呼びます。 これらのWeb APIの多くはXMLで情報を返すものが多いのですが、中にはJSONで情報を返却するWeb APIも存在します。そこで、今回はJSONを使用するWeb APIの利用方法を紹介します。 Ajaxのクロスドメイン制約 しか
とほほのJavaScriptリファレンス
とほほのJavaScript入門 (JavaScriptリファレンス) [戻る] [索引] 基本編 JavaScript って何？ JavaScript とは？ JavaScript と Java の関係は？ ECMAScript とは？ JavaScript のバージョン ES5 の新機能 ES5.1 の新機能 ES2015(ES6) の新機能 ES2016(ES7) の新機能 ES2017(ES8) の新機能 ES2018(ES9) の新機能 ES2019(ES10) の新機能 ES2020(ES11) の新機能 ES2021(ES12) の新機能 ES2022(ES13) の新機能 ES2023(ES14) の新機能 まずは始めてみよう 準備するもの 「Hello world!!」と書いてみよう 時刻を表示してみよう 動く時計を表示してみよう JavaScript の書き方 <scr
16000枚のFlickrの写真を気楽に眺めるためのサービスを作ってみた - llameradaの日記
はじめに Flickrには綺麗な写真がたくさんありますが、写真を探すには検索キーワードの入力や、それりのクリック操作が必要で、ものぐさな私には少々面倒でした。また、Flickrは日本から遠いので、画面切替に時間がかかります。そこで、画面切替とクリック操作のあまりいらない、気楽に写真を探すためのインターフェイスを作ってみました。 http://taggrid.appspot.com/flickr/popular.html スクリーンショットの一部です。 アイデア 基本的なアイデアは次の3点です。 16000枚の写真を格子上に配置 Google Maps風のAjaxインターフェイス 似ている写真を近くに配置 1. の16000枚の写真はPopular Tags on Flickr | Flickrを起点にしてFlickr APIを使って取得しました。 2. のAjaxインターフェイスは自分でゴ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
S2ファクトリー | Web/アプリ/システム/デザイン/ディレクション
シュレディンガーのノラ猫
Greasemetal - an Userscript Runtime for Google Chrome