javaScriptに関するnshashのブックマーク (82)

  • Firebugクックブック #1 - bits and bytes

    最近の中学生のはじめてのプログラミング言語がJavaScriptだったりするこの時代、最も使いやすいJavaScriptの実行環境であるFirebugは現代のコマンドラインです。UNIXコマンドラインでgrepやuniqを使って、日常の細々した処理を行うのと同じようにFirebugとjavascriptを使いこなせると、日常作業のちょっとしたことをさくっとこなすことができます。ちょっとした作業だから手作業でやってもいいけど自動でやればミスったりしないし、気分的には楽なので自動でやりたい、という作業がけっこうないでしょうか。例えば、ページの中の特定の部分の文字列をリストにしてテキストファイルに保存したい、とか。 そこで今回は私が普段よくやっている単純作業をFirebug+javascriptでさくっとかたづける方法を2回にわけてご紹介します。 ページの中からテキストや属性の値を拾う ページの

    nshash
    nshash 2008/08/23
    グリモンを書くためのFirebug活用講座かな。Javascriptを頻繁に使わないのでそれ以外の用途があんまり思い浮かばない
  • 二八杠技术-二八杠app-二八杠官网平台 wap.parpue.net

    四川省茶业集团股份有限公司(以下简称川茶集团)于2013年10月成立,是以原四川省叙府茶业有限公司为主体联合省内多家茶叶企业共同发起组建的四川首家集茶树良种繁育、种植示范、茶叶初精深加工、品牌营销、科技研发与推广、茶文化应用与茶旅游发展以及其他茶叶关联产业等为一体的现代茶产业集群。 川茶集团是省、市、区各级党委政府重点扶持打造的农业产业化国家重点...

    nshash
    nshash 2008/08/14
    おー、面白い。移動単位が10mだから散歩してるって感じじゃないけど、街の雰囲気は伝わってくるね
  • 私製版、GreasemonkeyでXPathを楽に使う関数 @蕪浅録奏

    Greasemonkey - Mozilla Firefox まとめサイト で、Dive Into Greasemonkey の日語訳 (PDF)が公開されてます。 これは凄く良い仕事。いやマジで。超感謝。 で、それの28頁以下で、Firefox に組み込まれた XPath のサポートの使い方が説明されてまして、これで /getElements?By.+/ 地獄からおさらば出来るわけですが、 XPath を解釈するのに使う document.evaluate は引数がたくさんあって、生で使うのは面倒いです。 でも使う引数はクエリ部分以外は普通は決まってるので、30頁以下で、XPathを楽に使うために以下の関数を定義すると良いよね、とあります。

    nshash
    nshash 2008/08/11
    10行で出来ちゃうのか、いい仕事っすね。ネイティブでもこれで使えればな
  • ke-tai.org > Blog Archive > 90秒で理解するiPhone JavaScript(マルチタッチ編)

    90秒で理解するiPhone JavaScript(マルチタッチ編) Tweet 2008/7/28 月曜日 matsui Posted in iPhone | 10 Comments » 仕事iPhone向けサイトを作ることになるかもしれず、色々と調査中です。 まずはiPhoneならではの機能ということで、マルチタッチについて調べてみました。 ここまでわかったことをメモ代わりに記載したいと思います。 今回はひとまず座標の取得までです。 ゆくゆくは、こちらのムービーのように凝ったギミックを作りこみたいと思っています。 マルチタッチの座標を取得するのは思ったより簡単で、抑えるポイントは4つだけです。 Safari自体のスクロールや拡大・縮小は動作しないようにした方が無難 タッチのイベントは、リスナーまたは「onTouchXXX」から取得 タッチ数は「event.touches.length

    nshash
    nshash 2008/08/02
    技術よりもどう使うかの発想が問われそうなテクノロジー
  • 【コラム】OS X ハッキング! (280) まだ見ぬ「雪豹」を勝手に想像する(その2) - SproutCoreを試す | パソコン | マイコミジャーナル

    Windows互換のAPIセット「Wine」が、初のメジャーリリースを迎えました。開発が始まった1993年といえば、まだMacはSystem 7系列の頃ですね。NeXTSTEPも、マルチプラットフォームの道を歩み始めた頃。2000年あたりから開発の進み具合をウォッチしていましたが、まさかIntel製CPUを搭載したMacで使うことになるとは……じっくり試飲してみたいと思います。 「第279回 まだ見ぬ「雪豹」を勝手に想像する(その1)」に続き、今回も「雪豹」ネタ第2弾……ではあるが、7月にサービス開始予定の「MobileMe」など、敢えてWeb方面から斬り込んでみたいと思う。 AppleはWebアプリに無為無策だったのか? なにかと話題豊富なWebアプリの分野。MicrosoftのSilverlightも、AdobeのAIRも、WindowsのほかにOS X (そしてLinuxも) をサポ

    nshash
    nshash 2008/06/23
    一覧表示に使えそうなjavascriptライブラリ
  • bookreader.js

    bookreader.jsは、長文を縦スクロールではなく、横スクロールで表示し読みやすくするJavaScriptライブラリです。 →プロジェクトのホーム (Google Code) - New!! →ダウンロード(ver 0.4.6) - 2009/04/18公開 ※ダウンロードの詳細については、こちらのページをご覧下さい。 まずは、このページで体験してみて下さい。キーボードの[→]/[←]キーが、「進む」あるいは「戻る」に対応します。画面上に表示される、半透明の▶/◀ボタンをクリックしてもOKです。使い方の詳細は「ヘルプ」を参照ください。 次期バージョンの開発状況 幸いにしてさまざまな方からフィードバックをいただきました。ありがとうございます。それを元に機能の絞り込みとWEBサイトへの「組込み方」について検討を行っています。まだ、実装の方針が定まった、という段階ですが次期0.8.x系のサ

    nshash
    nshash 2008/06/04
    昔考えたことがあったなぁ(http://note.openvista.jp/2007/liquid-column-design-2/#t64c524)。結局、閲覧者側の閲覧スタイル(ザッと流し読み)の幅を狭めてしまうのではと言う思いが先に立って止めたわけだけど
  • Whatever:hover

    Hi there! This script is from 2003, and targets a flaw in IE6, which at its peak was a really popuplar browser. Today (oct 2011) it no longer is, and as such this script should not really be necessary anymore. Please try to convice your client, project manager or boss, that not every browser needs to display a website the exact same way; it is the content that matters. And if you really still need

    nshash
    nshash 2008/05/27
    IE6でa要素以外に:hoverなんかの擬似要素群が効かない問題を解決してくれるスクリプト
  • Latest topics > 本気でやるならprototype.jsやjQueryやYUIは避けてonclickを使うべき - outsider reflex

    Latest topics > 気でやるならprototype.jsやjQueryやYUIは避けてonclickを使うべき 宣伝。日経LinuxにてLinuxの基礎?を紹介する漫画「シス管系女子」を連載させていただいています。 以下の特設サイトにて、単行まんがでわかるLinux シス管系女子の試し読みが可能! « SAIでコラム書きました Main 自分で自分を危険に晒す行為 » 気でやるならprototype.jsやjQueryやYUIは避けてonclickを使うべき - May 18, 2008 タイトルは釣り。 気でやるならonclick属性は避けてライブラリを活用すべき - id:HolyGrailとid:HoryGrailの区別がつかない日記 気でやるならクロスプラットフォームは避けてMozillaアプリを作るべき - hogehoge onclick 属性問題につ

    nshash
    nshash 2008/05/21
    これでIEが標準DOMイベントモデルをサポートしてくれたら良いんですけどねー。
  • ImageFlow - Redirecting

    ImageFlow has been moved to http://imageflow.finnrudolph.de - you will be redirected in 5 seconds.

    nshash
    nshash 2008/02/05
    CoverFlow的インターフェイスをJavascriptで。かっこいいね。
  • id, name属性を表示するbookmarklet - 徒書

    以前よりCamino べんりセットのbookmarkletを使っていたのですが、その中の「ID/NAME を表示」が、最近ページによって動いたり動かなかったりという状況があったので、同様の機能のものを自分なりに作ってみることにしました。 (function(){ var elements = $A(document.body.getElementsByTagName('*')); var i = elements.length; while (i--) { var element = elements[i]; var tagName = element.tagName.toLowerCase(); if (tagName == 'a') { var id = element.id || element.name; if (!id) continue; var anch = makeIdAn

    nshash
    nshash 2008/01/10
    便利だと思うけども、bookmarkletは当該のリンクを張ってくれた方がありがたいです。
  • MOONGIFT: » Ajaxでもhistory.backを「Really Simple History」:オープンソースを毎日紹介

    Ajaxを使ったアプリケーションは、画面遷移の少ないWebアプリケーションを作れる利点はあるものの、これまでのWeb操作に慣れ親しんでしまったユーザにとっては使い勝手が悪い時があった。 それがブラウザの戻るボタンだ。これを押した時、一気に別な画面にいってしまったり、そもそも戻るが有効でないままになっていることが多い。この操作性の違いはユーザにとってストレスになる。そこでこれだ。 今回紹介するオープンソース・ソフトウェアはReally Simple History、Ajaxにも履歴機能を付けるライブラリだ。 Really Simple HistoryはIE、Safari、Opera、Firefoxにも対応したライブラリだ。クリックした時のアクションに履歴を付与していくことで、戻るボタンを有効にし、履歴機能を実現する。 さらに、URLがアンカー付きのユニークなものに変わるのも特徴だ。これをうま

    MOONGIFT: » Ajaxでもhistory.backを「Really Simple History」:オープンソースを毎日紹介
    nshash
    nshash 2007/12/10
    ActionにURIがつけられる
  • JavaScript-XPath をリリースしました!さあ、あなたも XPath を使おう!(解説付き) - IT戦記

    JavaScript-XPath とは JavaScript-XPath は、 DOM 3 XPath を実装していないブラウザに対して、実用的な速度で動作する DOM 3 XPath のエンジンを追加します。 一言で乱暴に言ってしまえば、どのブラウザでも document.evaluate って関数で XPath 使えるようになるよ!ってことです。 以下が公式サイトになります。 http://coderepos.org/share/wiki/JavaScript-XPath DOM 3 XPath ってなんなの!? めっちゃ簡単(で、ちょっとだけ適当)なDOM 3 XPath の説明をします><。 JavaScript でよく使う document.getElementById や document.getElementsByTagName って関数ありますよね? DOM 3 XPath

    JavaScript-XPath をリリースしました!さあ、あなたも XPath を使おう!(解説付き) - IT戦記
    nshash
    nshash 2007/11/12
    興味深いけど、さすがに72KBは重くないですか?/ XSLTやSimpleXMLにも必要だし、そろそろ覚えないとね>XPath(前にも言ったような気が…)
  • プロキシの自動設定方法

    概要 ローカルネットなどでアクセスする場合、ローカルネット内の直接接続可能なサイトと、インターネットの直接接続できないサイトがあります。 これらのサイトを、すべてプロキシサーバ経由でアクセスすると、ネットワークやプロキシサーバの負荷が高くなり、レスポンスが低下してしまいます。 そこで、NO_PROXY指定を行うことで、ローカルネット内の直接接続可能なサイトはプロキシサーバを経由せず、直接接続するようにします。 しかし、大規模な会社ほど、その設定は複雑になってきます。 そこで、クライアントが自動設定できるようにします。 自動設定では、プロキシサーバの設定をサーバで管理するため、変更が発生しても、サーバの設定変更だけでできます。

    nshash
    nshash 2007/10/24
    iPhoneでの自動プロキシ設定に便利
  • prototype.jsでYouTubeをインクリメンタルサーチ (1/3) ─ @IT

    prototype.jsでYouTubeをインクリメンタルサーチ:パターンとライブラリで作るAjaxおいしいレシピ(2)(1/3 ページ) 今回のサンプルはYouTubeの新APIを使う 2007年8月28日からGData(Google Data APIs)の仕様に基づいたYouTubeの新しいWeb APIであるGData YouTube APIが利用できるようになりました。これに伴って、以前のYouTube APIではサポートされていなかったJSONP(前回記事参照)による動画の検索ができるようになりましたので、今回のサンプルでは、この新APIを使ってJavaScriptから直接YouTubeの動画を検索させます。 Ajaxデザインパターンは「Live Searchパターン」などを使用 検索方法は、通常の「キーワード」を入力してから「検索ボタン」を押すタイプではなく、一文字一文字入力す

    prototype.jsでYouTubeをインクリメンタルサーチ (1/3) ─ @IT
    nshash
    nshash 2007/10/04
    こういうのって鯖の負荷はどれくらいになるんだろ
  • Reguler Expression Editor(Javascript ver.)

    Reguler Expression Editor(Javascript ver.) Pattern: Replace: Target: abcdefg acbdefg ab bc cdxxabxxbc abc xxabcdefgxx

    nshash
    nshash 2007/09/15
    ブラウザ上で正規表現の検索&置換テストができる。title要素がない怪文書になっているのが気がかり。
  • iUI

    nshash
    nshash 2007/09/14
    ネイティブらしく振る舞うのも必要だが、それもケースバイケース。ユースケースに適したUIを適宜考えながら使うこと。
  • JavaScript でタブ切り替え UI を実装する | WWW WATCH

    先日、タブ切り換えタイプの UI を、JavaScriptCSS で簡単に実装する仕組みを探していて (他力願)、ちょうど求めていたスクリプトが Arc... 先日、タブ切り換えタイプの UI を、JavaScriptCSS で簡単に実装する仕組みを探していて (他力願)、ちょうど求めていたスクリプトが Archiva さんで紹介されていたので使わせていただきました。 時間がなかったので、できれば自分では書きたくないなぁ、なんかいいの公開している人いないかな~なんて思っていたのですが、おかげ様で助かりました。ということで、お礼を兼ねて紹介させていただきます。 タブ切替をサクッと実装 : Archiva タブ切り換えを実装する JavaScript ライブラリやサンプルソースはいくつか存在しますが、私が求めていたのは JavaScript が OFF の時でもページ内リンクと

    JavaScript でタブ切り替え UI を実装する | WWW WATCH
    nshash
    nshash 2007/09/12
    将来的には:target疑似クラスが担うべきだと思いますが、その過渡的手法としては便利で最適な解決策だと思います
  • Brian Reindel | Fantasy and Science Fiction Author

    Welcome! My name is Brian Reindel, and I write fantasy and science fiction. If you enjoy reading short stories containing the paranormal, supernatural, aliens, other worlds and fascinating characters, then you're in the right place. Ray Bradbury, Isaac Asimov, Arthur C. Clarke and John Wyndham are my primary author influences, including a healthy dose of "The Twilight Zone" and "X-Files" — all add

    nshash
    nshash 2007/09/05
    ブロック要素をアニメーションしながらスライドするライブラリ。本文内容のスライドに使えるかな?
  • JavaScriptでDOMレンジを扱う:CodeZine

    japan.internet.com は、1999年9月にオープンした、日初のネットビジネス専門ニュースサイト。月間2億以上のページビューを誇る米国 Jupitermedia Corporation (Nasdaq: JUPM) のニュースサイト internet.com や EarthWeb.com からの最新記事を日語に翻訳して掲載するとともに、日独自のネットビジネス関連記事やレポートを配信。

    nshash
    nshash 2007/09/02
    DOM Rangeの懇切丁寧なチュートリアル。
  • DOM Rangeについて色々 - Personnel

    これまで、Rangeインターフェイスはテキストの選択範囲を操作する、それだけの仕様だと思っていました。しかし、DOM CoreやHTMLでは面倒で、コードが煩雑になりがちだった複数の要素に関する操作が、Rangeインターフェイスを利用することで直感的かつ直接的な操作になり、とても扱いやすくなることが分かりました。現在では個人的に、DOMで文書ツリーを扱う時には常に傍らにいてもらいたい介さんのような存在になっています。取りあえず呼んでおけ、みたいな。 以下、とてもありがちな要素に関する操作を、CoreやHTMLのみを用いた方法とRangeを利用した方法で行い、その比較を行います。 Foot note この記事のURI参照 http://members.jcom.home.ne.jp/jintrick/Personal/DOM_Range.html#MISUNDERSTANDING D

    nshash
    nshash 2007/09/01
    DOM Rangeの初歩チュートリアル