日経クロステック登録会員になると… ・新着が分かるメールマガジンが届く ・キーワード登録、連載フォローが便利 さらに、有料会員に申し込むとすべての記事が読み放題に！ 【キャンペーン】8/7（木）まで ＞＞詳しくは
第31回 他サイトに埋め込まれるJavaScriptを作るときの作法
日経クロステック登録会員になると… ・新着が分かるメールマガジンが届く ・キーワード登録、連載フォローが便利 さらに、有料会員に申し込むとすべての記事が読み放題に！ 【キャンペーン】8/7（木）まで ＞＞詳しくは
第31回 他サイトに埋め込まれるJavaScriptを作るときの作法
日経クロステック登録会員になると… ・新着が分かるメールマガジンが届く ・キーワード登録、連載フォローが便利 さらに、有料会員に申し込むとすべての記事が読み放題に！ 【キャンペーン】8/7（木）まで ＞＞詳しくは
第31回 他サイトに埋め込まれるJavaScriptを作るときの作法
前回（「JavaScriptの動作を軽くするための工夫」）は，JavaScriptの体感速度を上げるために開発されている様々な工夫についてみてきました。今回も引き続き，JavaScriptとサービスの使い勝手について考えてみます。今回取り上げるのは，ほかのサイトに埋め込まれて利用されるJavaScriptに関する話題です。 「ほかのサイトに埋め込まれて利用されるJavaScript」というのは，例えばブログパーツやウィジェットなどで使われている，「ページにこのJavaScriptを埋め込めば，この機能が簡単に貼り付けられますよ」というタイプのものです。 前回紹介したRead/WriteWebの記事「JavaScriptがウェブを遅くする--今できる緩和策を考える」でも，主に触れられているのは，ウィジェットに関するものでした。 ここで述べられていることは，JavaScriptを使ったブログパ
WebKit の CSS の字句解析部分を JavaScript に移植しました - IT戦記
これを JS に移植しました。 http://svn.webkit.org/repository/webkit/trunk/WebCore/css/tokenizer.flex ポイント それなりに汎用的な Flex みたいなものを作ったので、その部分は CSS 以外にも使えると思います。 あと、定義を文字列で書かずに正規表現オブジェクトで書くのでバックスラッシュをエスケープせずに書けます。ですので、ほとんどの箇所は WebKit の tokenizer の定義をコピーするだけで済みました。 その辺のアイデアは JavaScript で構文解析: Days on the Moon を参考にしました あと http://svn.coderepos.org/share/lang/actionscript/ascss/src/css/CSSLexer.as id:gyuque さんの ASCSS
XMLHttpRequestでRefererをセットする - FAX
JavaScript 追記Firefox 3.0で確認したところエラーになった。 Firefox 2.0.0.13で確認しました。 var url = 'http://localhost:8080/index.html'; var referrer = 'http://www.hatena.ne.jp/'; var req = new XMLHttpRequest(); req.open('GET', url, true); req.onreadystatechange = function(){ // 1: 読み込み中 if(req.readyState == 1) req.setRequestHeader('Referer', referrer); // 4: 準備完了 if(req.readyState != 4) return; console.log(req.responseTe
jsAutoPageScraperというのを作った - snippets from shinichitomita’s journal
http://coderepos.org/share/wiki/jsAutoPageScraper 概要 ブックマークレット開発などにおいて、JavaScriptでのHTMLスクレーピングを支援します。検索結果などの複数のレコードをJavaScriptの配列に変換して取得できます。ページングを利用しているサイトでは、意識することなく複数ページにまたがってレコードを取得できます。 特徴 クロスブラウザで動作します。 スクレーピングする要素の指定にはXPathを使います。IEとかSafari2の場合はJavaScript-XPathをロードして使います。 AutoPagerizeとかLDRizeのSITEINFO形式（一部）を利用できます。 使い方 1. jsAutoPageScraperをcodereposからチェックアウトし、適当なサーバにアップします svn co http://svn.
【JScript】ActiveXObject('htmlfile')で発生する不具合
IE7にて、new ActiveXObject('htmlfile')で作成したHTMLDocumentに、<iframe src="～#アンカー名"></iframe>のように、srcにアンカー付きのURIを指定したIFRAME要素を書込むと、何故かブラウザのタブが一杯開いて収集がつかなくなる、という訳のわからない現象に遭遇してしまい、悩んでいます。 具体的には、下記のようなコードで再現します。 var htmlfile=new ActiveXObject('htmlfile'); htmlfile.open('text/html'); htmlfile.write('<iframe src="https://furyu.tea-nifty.com/annex/2008/03/autopagerlike_s_56ec.html#comments"><\/iframe>'); htmlfi
MOONGIFT: » 必見！GUIアプリケーションもこれでWeb化？「Jsc」:オープンソースを毎日紹介
※ 画像は公式サイトデモより このソフトウェアはすごい。やりたいことも、できていることも分かるのだが、どうやっているのかがさっぱり分からない。GUIアプリケーションとWebアプリケーションでは越えられない壁が存在すると思っていた。いくらAjaxやJavaScriptを駆使しても、GUIアプリケーションの操作性にはかなわない。 ギャラリーアプリケーション だが、それさえも軽々と乗り越えてしまいそうなアプリケーションが登場した。 今回紹介するオープンソース・ソフトウェアはJsc、C#やVisual BasicのコードをJavaScriptにするソフトウェアだ。Sourceforge.net上でのライセンスはPublic Domainとなっているが、ダウンロードできるパッケージに含まれるlicense.txtには個人利用に限るフリーウェアとなっているので注意されたい。 実際、そのようなことができ
はてなブログ | 無料ブログを作成しよう
思いは言葉に。 はてなブログは、あなたの思いや考えを残したり、 さまざまな人が綴った多様な価値観に触れたりできる場所です。
相次ぐWeb改ざん，いったい何が起こっているのか
知らぬ間に中国内サーバーの「fuckjp.js」を実行してしまう 3月に発生したWeb改ざんと，Webにアクセスしてきたエンドユーザーへの攻撃手法を，もう少し詳しく見てみよう（図2）。 図2●3月11～13日の攻撃の流れ （1）攻撃者は，SQLインジェクションを使って企業や団体のWebページを改ざん，悪意のあるJavaScriptへのリンクを挿入する。（2）Webページを閲覧したユーザーは，知らぬまにリンク先の悪意のあるJavaScriptを実行。（3）もしユーザーのパソコンにぜい弱性がある場合は，ウイルスなど不正プログラムに感染する。 [画像のクリックで拡大表示] 前述したように，まずはSQLインジェクション攻撃を使って企業や団体のWebサイトを改ざんする。改ざんといっても，昔のようにWebページをごっそり別のものに差し替えたり，なんらかのメッセージ文を表示したりするといったことではない
SaaSに追い風、桁違いに速い次世代Webブラウザたち ― ＠IT
2008/04/04 Webアプリケーションがローカルアプリケーションに比べてもたついて感じられるのには大きく2つの理由がある。1つはネットワーク遅延で応答性が悪いこと。もう1つはコンテンツを動的に扱うJavaScriptエンジンが遅いことだ。 前者のネットワークの遅延についてはAjaxと総称される非同期通信のテクニックが進化したことで、体感速度は大幅に向上した。単純な文字列の書き換え程度であれば、サーバからの応答データをパーズすることなく直接HTML中に埋め込むことで高速化する“innerHTML”と呼ばれるようなテクニックも、メジャーなWebブラウザで使えるようになっている。 後者の理由、JavaScriptエンジンが遅いという認識は、まだあまり広く共有されていないかもしれない。Webブラウザベースの（JavaScriptを使った）アプリケーションの動作は「モッサリ」している。ネイティ
トラッキングコード ( ga.js ) の記述を一部変更いたしました
A/Bテスト 5 Ads Data Hub 1 AdSense 5 AdWords 19 AdWords 連携 21 AMP 4 Analytics 1 Analytics 基本 5 API 2 BigQuery 11 Cookie 1 CPA 1 DCM 1 DFP 3 DoubleClick 11 DoubleClick Campaign Manager 1 DoubleClick for Publishers 3 e コマース 2 Firebase 8 Firebase Analytics 4 Firebase 向け Google アナリティクス 2 ga.js 2 GA4 12 GACP 18 GCP 1 Google Ads 1 Google Cloud Platform 1 Google Consumer Surveys 2 Google Insights for Search
Yahoo!地図情報API V2公開、世界地図にも対応：CodeZine
Yahoo! JAPANは13日、同社が提供するWeb API「地図情報API V2」を公開した。無料のアプリケーションIDを登録することで利用できる。 今回のバージョンアップでは世界地図への対応が行われた。また、地図上に図形（ポリライン、ポリゴン）を描けるようになったほか、東京測地系（tokyo97）に加えて世界測地系（WGS84）もサポートされた。これにより携帯電話やGPS機能、他サービスとのマッシュアップが容易になる。 地図情報API V2は、JavaScript版とFlash版の2つが提供されている（上図はFlash版）。 【関連リンク】 ・【地図API】V2公開！～JavaScript版地図API V2とFlash版地図API V2の紹介～（地図スタッフブログ - Yahoo!ブログ） ・Yahoo!デベロッパーネットワーク - Yahoo!地図情報
IE8 速攻徹底レビュー - IT戦記
こ、この日記、徐々に増えている・・・ というわけで IE8 の新機能、発見したら即更新 window.sessionStorage window.globalStorage キター！！！！！ See Also HTML Standard See Also DOM Storage - DOM | MDN hashchange イベントに対応（HTML5 のメーリングリストで名前を揉めてた気がするけど） online offline イベントに対応 XDomainRequest （なぜ、 XMLHttpRequest level 2 にしなかったのかと（ry window.postMessage（cross-document messaging） キター！！ See Also HTML Standard Selectors API キタキタキタキタキタキターーーーーーーーーーーーーーーーーーー
CAPTCHAは愚策:江島健太郎 / Kenn's Clairvoyance - CNET Japan
最近ようやく初級プログラマーを卒業できた手応えのようなものを感じており、いよいよコードを読み書きするのが楽しくてしょうがない段階になってまいりました。 こういうとき、Rubyは初心者にもやさしいけど、上達すればどこまでも上のステージが用意されているような、まるで自然言語のようななめらかさ・しなやかさがあって、ほれぼれとします。デザインの美しいものに触れているときには人間はこんなにも幸せになれるのか、という感じですね。ときに、今回のブログネタは、デザインの悪いものに出会うとこんなにも気分が悪くなるのか、という話なのですが。 なお、新プロジェクトではデザイナーのクリスの勧めでHamlを使うことにしたり、アーキテクトのダニーの設計でJavascriptにPublish-Subscribe型の（つまり一対多の）コールバックのフレームワークを作ってみたり、ReallySimpleHistoryを使い
はてブコメントをニコニコ動画っぽく表示するブックマークレット／Greasemonkey／SeaHorse
以下、個人的な覚書。 はてブコメントの取得には、Google AJAX Feed APIを使用。 スクロール表示には、最初は手を抜いてmarqueeを使おうとしたが、JavaScriptであとから作った要素の場合はFirefoxでは表示されない問題あり。仕方ないので、setInterval()使って適当にでっち上げ。 【追記】付いているコメントを全部表示すると弾幕もいいところなので、 コメント本文(result.feed.entries[x].content)がないものはスキップ。 最大50件まで(……まぁ、これでも充分弾幕という話も)。 【追記】書き忘れてましたが、元ネタは『にっこにこAAツール』（『小粋空間: Amazon の画像リンクをニコニコ動画っぽく表示する「にっこにこAAツール」』経由） 【追記】調べてみたら、『はてブTV』なるサービスもあるのですね。ふーむ、よくこんなの思いつ
Web 2.0エフェクトとリッチクライアントアプリケーション：CodeZine
ケーススタディ: グラスシャドウエフェクト 「グラスシャドウエフェクト」（または「曇りガラス効果」）は、Yahoo、Kayak.com、DealOgre.comなど、いくつかの人気サイトで導入されています。このエフェクトの背景にあるアイデアは、ページの残りの部分へのアクセスを不能にして、ユーザーに何かの情報を表示するというものです。このエフェクトには多くのバリエーションがありますが、いずれの実装でもメッセージと共にダイアログが表示され、その背後でページの残りの部分がぼかされたり暗くなったりします。 これはユーザーの注意を即座にダイアログに引き付けて、ダイアログとの対話を促す、かなり印象的なエフェクトです。このエフェクトを実現するためのテクノロジとツールキットはいくつかありますが、本稿ではもっぱらJavaScriptとDHTMLというソリューションを考察します。このアイデアは、現在のページU
【デブサミ2008】amachangが思う「JavaScriptという言語とは」：CodeZine
デブサミ2008・13日の最終セッションにはサイボウズの天野仁史氏が登壇。「amachang」というハンドルネームで知られる彼が思う「JavaScript言語」について語った。 天野氏はJavaScriptという言語について、「初心者向け言語」「オブジェクト指向言語」「プロトタイプベース言語」「関数指向言語」という特徴があると思うと述べ、初心者向け言語という点については「だからといって、上級者に向かないという意味ではないが」とした上で、 ほとんどのPCで実行環境が整っているためすぐに始められる点 無料のブログサービスなどを利用することで、作成してすぐに公開できる点 alertによるダイアログボックスの表示など、動作が見た目でわかりやすい点 Firebugをはじめとする開発環境が整っている点 などをあげた。 オブジェクト指向言語という点については、「オブジェクト指向の言語は多数あ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
WebBrowser Control Based UI for Windows Applications
MSDN ホームページ
