第6回 Firebug要らずなChromeのWeb Inspector | gihyo.jp
こんにちは、太田です。今回はChrome拡張の開発時のノウハウとして、開発ツールの解説をお送りします。Google ChromeにはWebKit由来のWeb Inspectorというデバッグツールが搭載されています。以前にも少しだけ紹介しましたが、今回は具体的な使い方まで掘り下げて解説します。なお、今回のWeb Inspectorの解説はChrome拡張だけでなく、JavaScriptを使ったウェブアプリケーションの開発に一般的に役立つノウハウとなっています。 WebKitのWeb Inspector Chrome拡張の開発の必需品であるWeb Inspectorですが、こちらは元々WebKit（Safari）で開発されたもので、Google Chrome（Chromium）に搭載されているものはさらに機能が追加されています。FirefoxにはFirebugという定番ツールがありますが、そ
JavaScriptで画像のオフラインキャッシュを実装する - KAYAC Engineers' Blog
もうすぐクリスマスシーズンなんですかね？本間です。 巷で話題のイケメンホイホイ（以下イケホイ）ですが、このたびiPhone用サイトがオープンしました。 それにあわせて新機能も搭載！イケメン写真にタグを付ける機能と、iPhoneでぼんやり眺めているだけで楽しいビューア機能です。 タグ機能はPC版にも搭載されましたので、ぜひぜひみんなで色んなイケメンにタグを付け合ってくださいね。 タグが付くことで、オススメの精度が上がりますよ！ ビューア機能は、自分がゲットしたイケメンズがiPhone上で次から次へと表示される機能です。 オフラインでも表示できる機能付き！ 電車の中で見るも良し、卓上に置いて眺めるも良しです。 あなた好みのイケメンがゾロゾロ。イケメンホイホイのサイトはこちら！ …うーん、ユーザ層がかぶらなそうだな、この記事。 さてさて、本題はHTML5の機能を使った画像のオフライン表示について
UIWebViewで表示するコンテンツを動的に書き換える方法 - Seasons.NET
元記事 英語のサイトなんで軽く翻訳して紹介。 WEBから落としてきたHTMLコンテンツを表示する際に、 imgタグは、画像のリンクが"http://〜"で元の場所を指しています。 すでに画像イメージもダウンロードしている場合は、 画像を表示する時にネットにつなげないといけないというのは あまりうれしくありません＝オフラインで見たい！！ そういう時は、UIWebViewで表示する時に、 javascriptを走らせます。 具体的には、webViewDidFinishLoadの際に、 [webView stringByEvaluatingJavaScriptFromString: @"window.useLocalPaths()"] を実行し、window.useLocalPathsというイベントを発生させます。 そのイベントは、以下のように定義しておきます。 <script type="te
Google検索の上位に表示されているページが元ページへのリンクを貼っただけのサイトでイラッとしたのでグリモン書いた - 今日もスミマセン。
Google検索の結果から（個人的に）情報的価値の低いと思われるサイトを判別しやすくします。 使用例 コード/インストール ↓このへんからインストールできます。 jaro for Greasemonkey sites = []の中にお好み(?)のサイトのURLをぶちこんで使ってください。 追記:2009.07.20 情報価値が高い／低いは個人に依るものが大きいので、Wedataでリストを共有ってのは難しいかなーっておもった。 例えば、自分ははてブのページはコメントにその価値があるので別に上位に来てもまあ許せたりとかするけど、これも許せない人がいると思うので... 追記:2009.07.22 とりあえずWedataに対応した。 データベース Item - データベース: SPAM_Sites - wedata とりあえず、自分が気になった以下の3ドメインを登録しています。 tools.rig
iPhone OS 3.0 のブラウザから使えるようになったGPS現在位置情報をTwitterに投稿するJavaScript
Google Maps API V3 と Gears Geolocation API 使って Android のブラウザで現在位置情報を取得する | クレコ では、Androidのブラウザで現在位置情報取得してTwitterにポストするというJavaScriptを作りました。 今回は、それのiPhone版です。要 iPhone OS 3.0以上なので、まだアップデートされてない方は本日のアップデートを楽しみに待ちましょう。 iPhone OS 3.0 のブラウザ Mobile Safari でGPS現在位置情報が取得できるようになった Mobile Safari の W3C Geolocation API 対応 ついに iPhone Safari ブラウザから位置情報を取得できるようになります – Cirius Lab. ブログ から知ったのですが、iPhone OS 3.0 に標準搭載さ
Objective-Cの知識不要! HTMLとJavaScriptでiPhoneアプリを開発できる「NimbleKit 1.2」 | パソコン | マイコミジャーナル
VolnaTechは、HTML/JavaScriptでiPhone/iPod touchネイティブアプリを開発するためのライブラリ「NimbleKit 1.2」を公開した。動作環境はIntel製CPUを搭載したMac、動作環境はMac OS X Leopard 10.5以降、Xcode。別途iPhone SDK 2.2以降が必要。 HTMLとJavaScriptでネイティブなiPhoneアプリの開発が可能になる「NimbleKit」 NimbleKitは、HTMLとJavaScriptを使用してネイティブなiPhone/iPod touchアプリを開発するためのライブラリ。iPhone OS 2.2以降に対応、一部機能はiPhone OS 3.0の正式リリース後に提供される。ライブラリの全機能は無償利用できるが、動作はiPhoneシミュレータ上に限定され、実機上での利用には有償のユーザ登録
Opera News
Opera for Android, Opera for iOS Starting on March 6, nearly 400M Europeans will get to choose their default browser on... March 6th, 2024 We're excited for March 6th, when hundreds of millions of Android and iOS users around the EU will have the... Gaming, Opera GX Pimp your smartphone with GX Mods, now available in Opera GX on Android and iOS February 8th, 2024 Transform the look and feel of you
JavaScriptでCocoaアプリケーションを操作する·JSTalk MOONGIFT
Mac OSXでちょっとしたアプリケーションの自動操作を行う際に使われるのがAppleスクリプトだ。だが、その自動操作のために新しい言語を習得しようと思うのはなかなかしんどく感じてしまう。使い慣れた言語でささっと書けるのが便利だ。 JavaScriptでCocoaアプリケーションを操作する CUIであれば幾らでも方法がありそうだが、Cocoaアプリケーションとなると手段が限られそうだ。JavaScriptが好きな方であればJSTalkが良い選択肢になりそうだ。 今回紹介するオープンソース・ソフトウェアはJSTalk、JavaScriptで動作するAppleスクリプトライクなソフトウェアだ。 JSTalkはAppleスクリプトライクな操作をJavaScriptで行えるようにするソフトウェアだ。JSCocoaを使っており、Cocoaアプリケーションの操作を可能にしている。JavaScritpオ
HTMLとJavaScriptでiPhoneアプリを簡単に作る方法 - 電子趣味の部屋
改訂版のエントリーがあるので、こちらを参照してください。 HTMLとJavaScriptでiPhoneアプリを超簡単に作る方法 今回はHTML+JavaScriptでiPhoneアプリを作る方法です。 iPhoneSDKにはSafariにも搭載されているレンダリングエンジンのWebkitが含まれています。これを利用して、HTMLでもiPhoneアプリを作ることができます。 このままAppStoreにも登録できます。 ゲームも作ろうと思えば作れますが、iPhoneのCPUはPCと比べると非常に遅いので、いくらJavaScriptが早いSafariと言えども、動作速度は期待できません。 HTMLファイルの準備 サンプルとして、以下のHTMLを"test.html"として作成します。 <html> <head> <meta http-equiv="Content-Type" content="t
AutoPagerizeの動作の流れ - os0x.blog
AutoPagerize くらいは - twwp宛て。 本家swdyh版について(oAutoPagerizeも主な流れは同じだけど)、ざっくりと処理の流れを(細かいところやメインでない部分は省いています)。 ページの読み込み→Greasemonkey起動(この辺は省略)、AutoPagerize起動 SITEINFOの読み込み SITEINFOの期限が切れていた場合、wedataから最新を取得 URLにマッチするSITEINFOがあるかチェック、なければ終了 SITEINFOのXPathが機能しているかチェック、XPathで要素を取れなかったら終了 初期化処理 次のページのURL取得 差込位置の決定、insertBeforeか、pageElementの最後の次の要素 右上アイコン・ヘルプの設置 スクロール監視の開始 読み込み開始位置の決定(どこまでスクロールしたら次のページを読み込むかは、
JavaScriptでPDFが作れるjsPDF - 強火で進め
最近のブラウザではbase64でエンコードしたデータを出力することでJavaScriptで動的にファイルを作成し、ダウンロードさせる事が可能です。 ※詳しいことが知りたい人はここなどを参照下さい。 この機能を利用してJavaScriptでPDFファイルを生成するライブラリを作成した人が登場しました。 jspdf - Google Code http://code.google.com/p/jspdf/ 記述方法こんな感じです。 jsPDF.init(); jsPDF.addPage(); jsPDF.text(20, 20, 'Hello world!'); jsPDF.text(20, 30, 'This is client-side Javascript, pumping out a PDF.'); jsPDF.addPage(); jsPDF.text(20, 20, 'Do you
PageZipper - Life's too short to spend clicking "Next" « PrintWhatYouLike.com
Ever read one of those top ten lists or photo galleries where every item is on a different page? You spend more time clicking "Next" and waiting than actually reading anything. PageZipper is a free bookmarklet which automatically merges all the "Next" pages into one, so you can skip directly to the stuff you want. To Install: Drag this link: PageZipper into your bookmarks toolbar If you don't see
Introducing JSTalk, an alternative to AppleScript
Let me say right off the bat- JSTalk isn't a replacement for AppleScript. I don't think anything will ever replace AppleScript and some of the amazing things I've seen done with it (especially in the publishing world). But I think of AppleScript in the same way as the original Macintosh Toolbox and Carbon after it. AppleScript was good in its day, but the time has come for something new. Something
現在閲覧しているページをはてブしている「お気に入りユーザ」を表示するGreasemonkey - LukeSilvia’s diary
あったらいいなーって思い、作ってみました。機能概要は以下の通りです。 機能 現在閲覧しているページをはてブしている「お気に入りユーザ」を表示する ついでに、自分がはてブしているかも表示する 導入するとこんな感じに、左下にお気に入りユーザのfavicon が表示されます。 メリット なんとなくググったページを「お気に入りユーザ」がはてブしていると分かることで、有益なページを逃しにくくなる 「はてブしようとしたら以前はてブしてた」っていうあの敗北感から脱出できる インストール always_hatebu_favorites.user.js からインストールして下さい。ソースはgithub に置いてあります。 使い方 使うための条件は以下の通りです。 はてブにログインしていること はてブを公開していること お気に入りを公開していること 以下のコマンドが使えます。 update favorites
autopagerizeが効かなくなったときの対処
Firefoxで欠かせない、GreasemonkeyとAutoPagerize。この2つを組み合わせると、対応しているサイトであれば自動的に次のページがロードされるようになります（[Z]ZAPAブロ～グ2.0も対応済み）。 とても便利なAutoPagerizeですが、昨日くらいから機能しなくなりました。ファイルが壊れたのかと思って、AutoPagerizeを再インストールしてみましたがダメでした。調べてみたところ、wedata.netで公開されているJSONファイルに接続できないのが原因でした。このJSONファイルをダウンロードできないと、AutoPagerizeが機能しません（キャッシュが効いている間は多分大丈夫）。 幸いなことに、autopagerize.user.jsには、JSONファイルのインポート先として、SITEINFO_IMPORT_URLSを複数指定できます。初期設定では、
Macで2chまとめブログ読む用にIPAモナーフォントをページ全体に適用するグリモン - 今日もスミマセン。
ベースになったのはこのブックマークレット（ほとんどそのまんま） Saqoosha :: AA 用にフォントを IPA モナー Pゴシック に設定しなおすブックマークレット。 いちいちブックマークレットを呼び出すのもめんどうなので、グリモンにした。これなら、該当するサイトを登録しておけば自動的にフォントが適用されるのでらくちん。 スクリプト いちおうスクリプトの中身も晒しておく。 IPAモナーフォントは↓からダウンロード http://www.geocities.jp/ipa_mona/ 追記 Userscripts.orgに登録した http://userscripts.org/scripts/show/38216 追記:2008.12.13 あれ？ stylishとかそれに準ずるやつ使えばいいんじゃ...ってことに今ごろ気づいた ...orz
Opera9.5以降でURL、タイトルと選択範囲をクリップボードにコピー - os0x.blog
＜動作内容＞選択範囲のテキストと、選択範囲を含むページのURLおよびタイトルを引用タグ（blockquote）で閉じた状態の文字列を、JavaScriptで以下のように整形し、クリップボードにコピーする。 http://my.opera.com/kyu3/blog/2008/06/22/opera-2 を参考に、はてなの引用記法のように、citeとtitle属性を追加してみた。 Go to page, "javascript:window.prompt('',((window.getSelection()+'')?('<blockquote title=\x22'+document.title+'\x22 cite=\x22'+location.href+'\x22>'+window.getSelection()+'\n\t<cite>'):'')+'<a href=\x22'+locat
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!!', '
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Projective texturing using Canvas and JavaScript
GPS Latitude and Longitude Distance Calculator