vimで最強のgreasemonkey開発環境を作ってみた - かせいさんとこ
タイトルは釣りですが、実際にグリモンの開発効率が気持ち悪いくらいに上がりました 2009/06/02追記 動画upしました 初めてなのでいろいろ適当ですが、ご容赦を これは何？ vimの環境設定の勉強がてら、greasemonkeyの開発環境を作ってみました 環境は、Ubuntu8.0.4です できることは以下の通り コード補完 スニペットに対応 user.jsで新規ファイルを作ると、テンプレートを自動に作ってくれる コマンド一発で、firefoxにグリモンをインストール 保存時に自動的にfirefoxの今開いてるページを再読み込み まずは、vimrcと入れたプラグイン .vimrc 上記の設定とかをまとめた.vimrcは以下の通りです set encoding=utf-8 set nu syntax on "新しい行のインデントを現在行と同じにする set autoindent "インク
jQuery vs MooTools（和訳） | 高橋文樹.com | プログラミング
jquery.com、mootools.netとwikipedia.comからの情報による モットーがすべてを語る jQueryサイトに行けば、ページのトップ付近にjQueryとはなんであるかが述べられている: jQueryは高速で簡潔なJavaScriptライブラリです。HTML文書の走査、イベント操作、アニメーション、Ajaxインタラクションをシンプルにして、Webサイト開発を高速にします。jQueryはJavaScriptの書き方を変えるために設計されました。 …そしてMooToolsに行けば、このような文言が見つかるだろう: MooToolsは中級から上級のJavaScript開発者のために設計された軽量で、モジュール化された、オブジェクト志向のJavaScriptフレームワークです。これを使えば、エレガントで、きちんとした裏付けのある、一貫したAPIにより、パワフルに、柔軟に、そ
オブジェクト指向っぽい話が分かるかもしれないJavaScript講座 その1 | Takazudo Clipping*
自分はスーパーJavaScripterでこんなすげーのが5行で書けちゃう。やばいだろ！とかいうのでは全然無いですが、オブジェクト指向っぽい話が最近分かってきたつもりで、それでやっときゃ問題無いってことを思い始めているので、なんかそんな話を書いていきます。 こんな短く書くテクニックがあるぜ！ var hoge = hage ? huga : hoga; とか書けちゃうんだぜ！とかより、長くていいから分かりやすく拡張しやすいようにするにはどうするのかとか、そういう話ができればなーと思います。内容的には全くもって新しくも何とも無いですが。jQuery使ってやる前提です。 まんじゅう製造スクリプト 今日はまんじゅうを5個作ります。なんと、まんじゅうは、クリックすると隠れます。 まんじゅうサンプル var Manju = function(){ this.elem; this.hidden = fa
本当はすごい、知られざるGoogle Maps APIたち!!
「商業利用もOK！ Google Mapsについて知りたいこと」に続くGoogle Mapsインタビューの後編は、数多く存在するGoogle Maps関連のAPIや機能のうち、あまり知られていないものや新しいものをグーグルのソフトウェアエンジニア、淺川浩紀さんに聞いた。 Code Playgroundでオンライン編集 まずは、即効性のあるものからいこう。 Googleが持つ多くのAPIは、Webブラウザ上からJavaScriptによって呼び出せる。JavaScriptはコンパイルの手順なしに書けば実行できるので手軽である。しかし、だからAPIを試すのも簡単だとは限らない。例えば、Google Maps APIなら正しいGoogle Maps APIキーを用意したり、適切な文書にプログラムを埋め込んだりする作業を行い、それをWebブラウザで開かねばならない。
JetpackでLivedoorReader StatusBar Notifyなんて作ってみた・その一 - ガジェカツ～在宅SEのガジェット活動ブログ～
第二回の記事を書きました！ Firefoxの新しい拡張機能の形、Jetpackが公開されました。 これはもう凄いですね、簡単に（といってもあくまで簡易的な）アドオンが作れてしまう。 ちょっとステータスバーでNotify（すなわち通知系拡張機能）が作りたいと思ったときすぐに出来てしまいます。 というわけでさっそくLivedoorReaderの未読数をステータスバーに表示するJetpackを作ってみました！ その前に さてその前にJetpackを利用方法を説明しましょう。 Mozilla Labs Jetpack | Exploring new ways to extend and personalize the Web まずはじめに上記ページの中段「Get Started!」等々書かれたリンクをクリックするとJetpackアドオンをインストールして再起動しましょう。 後は色々なサイトにあるJ
Firefox 拡張を jQuery で書く！ Jetpack を使ってみた。 - IT戦記
はじめに JavaScript が書ければ、誰でも簡単に Firefox の拡張が書けてしまう。しかも、もれなく jQuery が付いて来る！ というものを Mozilla Labs がリリースしたみたいですね。 https://jetpack.mozillalabs.com/ というわけで 少し触ってみました Jetpack Feature の書き方 Jetpack で書く Firefox 拡張を「Jetpack Feature」といいます。 これは、以下の 2 つのものを用意すれば誰でも簡単に公開することが出来ます。 JavaScript ファイル 公開用 HTML ファイル JavaScript ファイル JavaScript ファイルには、 Jetpack Feature のアプリケーションコードを書きます。 (function() { Jetpack.statusBar.appe
最近のjsプログラムの組み方 - nazokingのブログ
僕はコードスタイルが一定しないのですが、最近はクロージャ！クロージャ！ 最近は Firefox拡張/Greasemonkey/userChrome.js 系の javascript しか書いてないんだけど、そのあたりで「オブジェクトの継承」とかしたいと思うことがなく、 prototype とかややこしいだけなので全然使わなくなりました。 昔 function myClass(){ this.init.apply(this,arguments); } myClass.prototype.init=function(name){ this.name=name; } myClass.prototype.hoge=function(){ return "hoge" } myClass.prototype.huga=function(){ return this.name+this.hoge()+"
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
AutoPagerizeの動作の流れ - os0x.blog
AutoPagerize くらいは - twwp宛て。 本家swdyh版について(oAutoPagerizeも主な流れは同じだけど)、ざっくりと処理の流れを(細かいところやメインでない部分は省いています)。 ページの読み込み→Greasemonkey起動(この辺は省略)、AutoPagerize起動 SITEINFOの読み込み SITEINFOの期限が切れていた場合、wedataから最新を取得 URLにマッチするSITEINFOがあるかチェック、なければ終了 SITEINFOのXPathが機能しているかチェック、XPathで要素を取れなかったら終了 初期化処理 次のページのURL取得 差込位置の決定、insertBeforeか、pageElementの最後の次の要素 右上アイコン・ヘルプの設置 スクロール監視の開始 読み込み開始位置の決定(どこまでスクロールしたら次のページを読み込むかは、
mixiアプリを作成しました - ppworks.jp
jOpenSocialを試しつつjQuery事始めを目的としてmixiアプリを作成しました。 何を作ったかというと、うちで飼っている十姉妹のこいつのアテレコする、というとても個人的なアプリです。出来上がった画面がこちら。 言いたいことも言えないこんな世の中で、心に秘めた叫びをこの小鳥に言わせようというアプリです。機能はこんな感じ。 -入力したメッセージを女子高生風のフォントにした画像にして小鳥の画像に重ねて表示 -メッセージの画像と小鳥の画像を重ね合わせた画像をダウンロード -メッセージを音声に変換して再生 ** 画像の重ね合わせイメージ ** アプリの概要図 今回のアプリの概要はこんな感じです。 + javascriptライブラリを読み込む + jOpenSocialを使いOpenSocialコンテナとやりとり + 外部APIを使ってメッセージを画像(base64)に変換 + swfにメ
Lesson3 関数を知れ！ - Eloquent JavaScript - 暗号、数学、時々プログラミング
Eloquent JavaScript | 02:44 | なんとなく復活 もうすぐ子供が生まれるって事で、どうも最近は教育関係にばっか目がいってな。MITのScratchだの、ContextFreeだのProcessingだの、、何かイロイロと気になるものが多くて正直なところ家にいる間はJavascriptどころじゃなかったんだが、、、実は最近仕事でちとつまづいてな。やっぱJavascriptについては本格的に理解しとかないと駄目なんじゃねーのか？オイ、オレ。みたいな感じになりつつあるので、Eloquent JavaScriptについてもちょっとじっくりと読んでみようという事と相成った。んで、読むならまぁ、超訳もついでにやっとくか？って事で今回の復活となった次第。逆に言えばGoogle App Engineでアプリを作る上で特に苦労が無いPythonの方は「Dive Into Pytho
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
jQuery入門（その1）（1/7）：CodeZine
はじめに 実を言うと、私はずっとJavaScriptを嫌っていました。JavaScriptのコードを書くのが嫌でしたし、いろいろなブラウザに対応するために大量のスクリプトコードを使わなければならないのも嫌でした。そうした点は今でも変わらないのですが、最近になってJavaScriptへの理解が深まったことと、jQueryという小さなJavaScriptクライアントライブラリのおかげで、クライアント中心のAJAXスクリプトコードを書かなければならないときでも恐怖を抱かなくなりました。それどころか、今では喜んで引き受けるほどになっています。クライアントロジックがもっと複雑になり、ブラウザの機能や実装の多様化がさらに進んだとしても、jQueryをはじめとするクライアントライブラリが、JavaScriptやHTML DOMを扱う際に必要な正規化を提供してくれます。 私はJavaScriptの初心者と
JavaScriptの再利用とapply
私がこういうの大嫌いなのは一部では有名な話ですが、職場では寛容に、ネット上では偏屈に、がポリシーなので素直に流しました。
jQuery in 15 minutes
This document provides an overview of jQuery, a JavaScript library for DOM manipulation. It discusses jQuery's CSS selector syntax, methods for manipulating DOM elements and collections, event handling, AJAX support through methods like load() and get(), and how jQuery is extensible through plugins. The document also provides examples of DOM traversal, value retrieval, event binding, and chaining
netswitch! | Objective-J および cappuccino とそのvim補完
しばらくはprototype.js や jQuery、時々はExt JS で楽しく遊んでいたけども、デスクトップアプリケーションのような物を作るのには力が不足していると感じていた。(機能が、ではなく、抽象化の程度が) 年初めくらいに cappuccinoというプロジェクトを見つけてきて、しばらくソースを眺めていたりしたのだけど、これはいい。 久々にピリピリ来るプロジェクト。 最近、iPhone SDK などでObjective-Cに触れて、Cocoa APIに慣れ親しんだせいもあるけど、それを差し引いても、よくできている。 興味と暇のある人は是非、調べてみて欲しい。 実際に、Keynote にしか見えないアプリケーション なんかもこれで作られている。 ちょっとソースを見ると、こんな調子だ。 <script type="text/javascript"> OBJJ_MAIN_FILE = "
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
株式会社ALBERT（レコメンドエンジン）
conma.me
Tomoyuki Sakakida Works | SHINSOKEN
