XPathGraph がすごい件と、XPath で出来ることのヒント - IT戦記
XPathGraph とは http://xpath.kayac.com/ URL と XPath を指定すると一日に一回その URL をスクレイピングして XPath 式が示す値をグラフにしてくれる！という画期的なサービスです。 例えば、 URL と XPath を指定するだけで以下のようなグラフが作れてしまいます。 本当に楽しいことが出来そうでワクワクしてます！ でも まだ XPath を登録している人が意外と少ないので、「ひょっとして、このサービスの使いどころが分からないのかなあ。」と思いました。 というわけで XPath で出来ることのヒントを少し紹介したいと思います。 足し算、引き算、かけ算、割り算 XPath では普通に数値の演算ができます。 たとえば、 //div[@class=counter] で取得してきた div 要素が 1000 という数値を持っていたとすると 2 *
Cloud Translation documentation | Google Cloud Documentation
Cloud Translation can dynamically translate text between thousands of language pairs. Cloud Translation lets websites and programs programmatically integrate with the translation service. Cloud Translation is offered in two editions (Basic and Advanced) with their own pricing plans. Go to the Cloud Translation product page for more. Start your proof of concept with $300 in free credit Get access t
MOONGIFT: » JavaScriptだけで画像イフェクト「Bevel.js」:オープンソースを毎日紹介
サイトの画像を角丸にしたり、影をつけたりするのは良くあることだ。単なる画像も、多少の変化をつけるだけで見栄えがずいぶん変わってくる。だが、一つの一つの画像にそうした変化をつけるのは面倒で、徐々にやらなくなってしまう。 そこで自動化を考えたい。とは言ってもサーバサイドではない。クライアントサイドで行うのだ。 今回紹介するフリーウェアはBevel.js、JavaScriptで画像にイフェクトを行うライブラリだ。元々Public Domainだったが、変わったようで、非営利の個人利用に限りフリーとなっている。 Bevel.jsを使うと、画像の角を丸くしたり、そこにさらに影を付けたりと言ったイフェクトをJavaScriptのみでできるようになる。ふちを暗くしたり、別な色にすることも可能だ。まるで画像編集したかのようだ。 対応しているブラウザはFirefox 1.5以上、Opera 9以上、IE 6
クールなスライドショーライブラリ·Galleria MOONGIFT
画像をサイトで一気に紹介したいことがある。ただ画像のサムネイルやリンクを並べるだけでも良いが、それでは味気ない。写真や画像は見せ方次第でその印象が大きく異なる。 専用のソフトウェアを使っても良いが、もっと手軽なのはJavaScriptベースのライブラリだ。 今回紹介するオープンソース・ソフトウェアはGalleria、JavaScriptとCSSを使ったスライドショーライブラリだ。 GalleriaはjQueryを使ったスライドショーライブラリで、導入が手軽で見た目もかっこうよく仕上げることができる。デモは二つ用意されており、一つは下にサムネイルの一覧、上にクリックした画像を表示している。 二つ目は左側に一覧が、右側に大きな画像が表示される。イメージタグのtitle属性に記述した内容が表示されるので、画像ごとにメッセージをつけるのも簡単だ。マウスが当たった画像だけ明るく表示されたり、写真の切
PythonのコードをJavaScriptにコンバートするpy2js ― TRIVIAL TECHNOLOGIES 2.0
みんなのIoT/みんなのPythonの著者。二子玉近く160平米の庭付き一戸建てに嫁/息子/娘/わんこと暮らしてます。月間1000万PV/150万UUのWebサービス運営中。 免責事項 プライバシーポリシー PythonのコードをJavaScriptにコンバートできるモジュールを発見したのでちょっと使ってみた。Pythonのバイトコードコンパイラが出力するASTツリーからJavaScriptを生成している。これまでも，簡単な文字列置換を使ってPythonのコードをJavaScriptにコンバートする試みはいつくかあった(CrackAJAXとか)けど，こちらの方が汎用性が高いし，将来性がある気がする。はまらなそう，という意味で。 こういう仕組みを使うと，Webブラウザ上で実行するような簡単なコードを含めて，ロジックをPythonだけで書けるようになりそう。JavsScriptは良い言語だと思
IEでSVGを表示（プラグインなし）·SIE MOONGIFT
これは面白い。SVGはベクターグラフィックス言語として有力なのだが、プラグインが必要とあっていまいち流行らない。特に問題なのはブラウザでもっとシェアがあるIEで標準サポートされていないことだろう。 そこで、プラグインなしでもSVGが表示できるこちらのライブラリを紹介しよう。 今回紹介するオープンソース・ソフトウェアはSIE、プラグインなしでSVGを表示するJavaScriptライブラリだ。 全てのSVGに対応する訳ではないようだが、それでも表示できるものがあるのが素晴らしい。SIEを使えば、サイト上で存分にSVGの魅力を表現できそうだ。 標準のままでは表示不可 使い方は簡単で、SIEを読み込み、「<object data="Svg.svg" type="image/svg+xml" width="180" height="200"></object>」といった具合にimage/svg+xm
MOONGIFT: ? JavaScriptを使ってSQL調にデータを検索「JsonSQL」:オープンソースを毎日紹介
※ 画像は公式サイトのデモより SQLという言語はプログラム言語に混ざると面倒に感じてしまうが、データの授受をする上では便利な問い合わせ言語だ。むしろ他の言語でも同様の問い合わせを行うことでデータが取得できるようになっていると便利に感じる。 いちいちデータの中身を見ながら探すのは大変だ。そしてJavaScriptでSQLを実現するのがこのライブラリだ。 今回紹介するオープンソース・ソフトウェアはJsonSQL、JSONのデータをSQL調に検索するjQueryプラグインだ。 JsonSQLではサンプルとして、RSSフィードをJSON形式に変換し、そこからデータを抽出するものが掲載されている。SELECT * FROM を使うこともできる。多少書き方に特徴があるが、概ねSQLと似ている。 LimitやOrderなども指定できるので柔軟にデータを扱うことができそうだ。Yahoo! Pipesを使
Google Gears データベースの基礎（スライド） - WebOS Goodies
口頭で説明しながら見せるつもりだったので、意味不明の部分もあるかもしれません。ご不明な点は、コメントなどいただければできるかぎりお答えします。 ODF および PDF 形式の元ファイルも Box.net で公開しておきました。以下のウィジェットからダウンロードできます。ウィジェットが表示されない場合は、こちらのページをご利用ください。 個人的に Gears のデータベースを利用する大きな利点としては以下のものがあると思っています（同期 API 以外は Gears 以外のクライアントサイド DB 共通の利点ですが）。 パフォーマンス ご存知のように JavaScript の実行はお世辞にも速いとは言えないので、大量のデータを処理するのには限界があります。しかし、高速な SQL データベースで検索・ソートなどを行った結果を JavaScript に渡すという方法をとれば、かなりの量のデータが現
Gmail Greasemonkey API リファレンスを翻訳しました - WebOS Goodies
WebOS Goodies へようこそ！ WebOS はインターネットの未来形。あらゆる Web サイトが繋がり、共有し、協力して創り上げる、ひとつの巨大な情報システムです。そこでは、あらゆる情報がネットワーク上に蓄積され、我々はいつでも、どこからでも、多彩なデバイスを使ってそれらにアクセスできます。 WebOS Goodies は、さまざまな情報提供やツール開発を通して、そんな世界の実現に少しでも貢献するべく活動していきます。 昨年末のことですが、かの Google 情報の大御所『Gmailの使い方』の管理人様からメールが届いていました。なにごとかと思って開いてみると、 「Gmail Greasemonkey API について、例のGoogleガジェットAPIのような解説ページを書いてみる気はないですか？」 というご依頼でした。う〜む、確かに Gmail Greasemonkey API
Google Chart APIを手軽に扱えるJavaScriptライブラリ「GChart 0.2 alpha」リリース：CodeZine
Solutoire.comはJavaScriptライブラリ「GChart 0.2 alpha」をリリースした。GChart Project Page内下側の「Download GChart」にて公開されている。 先日発表された「Google Chart API」は、URLパラメータだけで美しいチャートを描けるWeb APIだが、複雑なチャートを描こうとすると引数が多くなりすぎてしまい、非常に手間がかかってしまうという欠点があった。 「GChart 0.2 alpha」は、JavaScriptからGoogle Chart APIを呼び出す際にラッパーとなるライブラリで、ライブラリを読み込んだあと、bodyタグ内に以下のような簡単な実装をするだけでグラフ画像を表示させることができる。 <script type="text/javascript";> GChart.render({ re
Developer's Guide - Google Chart API - Google Code
Discover the resources for adding interactive charts for browsers and mobile devices.
外部から渡されたエスケープ済みテキストを安全に表示する方法 - WebOS Goodies
WebOS Goodies へようこそ！ WebOS はインターネットの未来形。あらゆる Web サイトが繋がり、共有し、協力して創り上げる、ひとつの巨大な情報システムです。そこでは、あらゆる情報がネットワーク上に蓄積され、我々はいつでも、どこからでも、多彩なデバイスを使ってそれらにアクセスできます。 WebOS Goodies は、さまざまな情報提供やツール開発を通して、そんな世界の実現に少しでも貢献するべく活動していきます。 本日は、codeなにがしウィジェットを作る過程で思いついた、ちょっとしたネタをご紹介。外部から API などで取得したテキストを安全に自サイトで表示するための Tips です。 codeなにがし API のレスポンスに含まれるデータは、ほとんどが HTML エスケープされた状態で渡されます。ですので、基本的にはそのまま HTML に挿入できます。これはこれで便利な
IT戦記 - 一行で IE の JavaScript を高速化する方法
以下の一行をすべての JavaScript の前に読み込む /*@cc_on _d=document;eval('var document=_d')@*/ この一行を読み込むことによって IE での document へのアクセスが 5 倍速くなります。 たとえば 以下のように、読み込む前と読み込んだ後を比較してみます。 // Before var date = new Date; for (var i = 0; i < 100000; i++) document; alert(new Date - date); // 643 /*@cc_on _d=document;eval('var document=_d')@*/ // After date = new Date; for (var i = 0; i < 100000; i++) document; alert(new Date -
MOONGIFT: » JavaScriptで構文解析「Gin」:オープンソースを毎日紹介
研究と言うのは技術発展のための重要な要素であるにも関わらず、Web系の世界ではあまり熱心にはされていないように感じる。 新しい技術を生み出す事で、次世代のWebが見えてくる可能性もある。探求し、新しい取り組みをはじめよう。 今回紹介するオープンソース・ソフトウェアはGin、JavaScript構文解析ソフトウェアだ。 JavaScriptには元々evalの仕組みがある。なぜ構文解析を行うのか、それは勿論技術探求のために他ならない。実際、Ginは600行くらいのコードで数式やJSONをパースし、データが取り出せるようになっている。 技術的にこれは非常に面白い。ぜひソースを読むべきだ。こうした試行錯誤の結果が、新しい技術を生み出すきっかけになるのではないかと思う。 公式サイトでは数式、JSONのパースを試す事が可能だ。Ginの面白さは実際に試し、ソースに触れてはじめて分かるものだと思う。ぜひ試
Opera News
AI, Uncategorized This is what you can do with Opera Neon: The Next-Gen AI Agentic Browser July 18th, 2025 Discover Opera Neon, the first truly agentic AI browser. Build your own web apps and deploy AI agents to automate... Mindfulness, Opera Air Opera Air’s Take a Break feature now comes with new break reminder options July 17th, 2025 Hey all, We’re back with another update to Opera Air, our brow
超便利！JavaScript用の文字列拡張関数いろいろ
Ivan Uzunov, a blogger since 2007, is still active posting free code for all those techies out there who would prefer to do it themselves… with a little help from Ivan, of course. In 2006 & 2007 Ivan posted lots of code for his visitors and followers. At some point the domain expired and the site saw several different owners with content that had nothing to do with Ivan’s blog post. The site has n
Greasemonkey スクリプトは安全ではありません
■ Greasemonkey スクリプトは安全ではありません Webアプリケーションセキュリティフォーラム の奥さんと高木先生のバトルより。 高木先生 ええと、「クッキーが漏洩する程度なので問題ない」と聞こえたような気がしたんですが。 Greasemonkey には超絶便利な GM_xmlhttpRequest があるので、どのウェブサイト上でスクリプトを動かそうが、あらゆるサイトにアクセスする事が可能です。この観点から考えると、クッキーが漏洩するどころの騒ぎではありませんし、スクリプトを有効にするドメインが限られていた所で大した意味はありません。例えば Google Search を便利にするようなスクリプトに、mixi のパスワードを任意の値に変更させるようなトロイを仕込む事も難しくないでしょう(実際に作って試しました*1)。もちろん対象サイト上に、XSS や CSRF の脆弱性がなく
MOONGIFT: » JavaScriptでDiff「JSBlend」:オープンソースを毎日紹介
ぱっと見、簡単そうに見えてその実、意外と大変なのが差分を表示する処理だ。マシンパワーも意外と使うので、油断ならない。だが、Web上で共有したりコラボレートしたりするアプリケーションが増えている現在にあっては、重要な機能になっている。 手軽に実装する方法は、既存のライブラリを使うことだ。それも、サーバサイドでなくクライアントサイドで。 今回紹介するオープンソース・ソフトウェアはJSBlend、JavaScriptで実装されたDiffソフトウェアだ。 JavaScriptでDiffを実装すると言うのは以前紹介したgoogle-diff-match-patchや、「Javascriptでdiffる ( with 形態素解析 ) (nakatani @ cybozu labs)」等で試みられている。JSBlendが凄いのは、ただDiffだけでなく、マージにも対応している点だ。比較は文字単位で行われ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
amachang - JavaScript 入門
Google Code Archive - Long-term storage for Google Code Project Hosting.