ブックマークレットから起動できるブックマークレットエディタを作ってみた | fladdict
ブックマークレットを簡単に作れるブックマークレットを作ってみた。 ■これをブックマーク ブラウザから任意のページでブックマークレットを実行すると、↓のようなエディタが出現します。 ここにJavaScript書けば、直接ページに対してスクリプトをインジェクトできます。 ・RunボタンでページにJavaScriptを適用 ・一応タブエディタ ・エディタに書いたコードはページをまたいで持ち越せるよ。 ・Copy as Bookmarkletボタンで、javascript:(function()～みたいな形のワンライナーに整形してくれる。 そんな感じ。Flexアプリケーションをブックマークレットから起動するってコンセプトは、ちょっとこれから流行るんじゃないかと思ってるのですが、誰もやらないのでとりあえず作ってみました。 もうちょっと完成度高めたかったのだけど、最近忙しくて１ヶ月以上放置してるのでも
RJ TextEd
What is RJ TextEd and what can I do with it?. RJ TextEd is a code and text editor, or development environment. It handles a large amount of different programming languages and is translated into several languages. RJ TextEd is a full featured text and source editor with Unicode support. It is also a very powerful web (PHP, ASP, JavaScript, HTML and CSS) development editor. The functionality extend
JavaScript例文辞典
■基本 ［０１］JavaScriptを定義する ［０２］外部JavaScriptファイルを読み込む ［０３］スタイルシートを定義する ［０４］NN3、NN4、NN6、IE4.x、IE5.xで動作するように記述する ［０５］NN4でのみ動作するように記述する ［０６］NN6でのみ動作するように記述する ［０７］IE4.x以上で動作するように記述する ［０８］IE5.x以上で動作するように記述する ［０９］IE5.5以上で動作するように記述する ［１０］ビヘイビアファイルを読み込む ［１１］IEとNN両方で動くように記述する ［１２］連続して関数を呼び出す ［１３］MacOS Xかどうか判別する ［１４］Safariのみ動作するように記述する ［１５］Safariのバージョンを返す ［１６］Operaのみ動作するように記述する ■構文 ［０１］変数に文字や数値を入れる ［０２］四則演算を行う
とほほのJavaScriptリファレンス
とほほのJavaScriptリファレンス [戻る] [索引] 基本編 JavaScript って何？ JavaScript とは？ JavaScript と Java の関係は？ ECMAScript とは？ JavaScript のバージョン ES5 の新機能 ES5.1 の新機能 ES2015(ES6) の新機能 ES2016(ES7) の新機能 ES2017(ES8) の新機能 ES2018(ES9) の新機能 ES2019(ES10) の新機能 ES2020(ES11) の新機能 ES2021(ES12) の新機能 ES2022(ES13) の新機能 ES2023(ES14) の新機能 まずは始めてみよう 準備するもの 「Hello world!!」と書いてみよう 時刻を表示してみよう 動く時計を表示してみよう JavaScript の書き方 <script>～</script>
JavaScriptist - javascript/ajax/サンプル/入門/リファレンス/ライブラリ
サイト更新情報 2006/12/06 よく使われているページを検索窓から簡単に辿れるようにしました。(検索窓に「prototype」と入力) 2006/11/27 JavaScript入門/応用サイトJavaScriptistオープン！ 2006/11/23 試して確認できるJavaScriptオンラインエディタを公開 2006/11/20 JavaScriptリファレンス、逆引きサンプル集を公開 2006/11/19 JavaScriptライブラリ活用ページ公開 2006/11/15 JavaScriptistベース機能の構築完了 過去のサイト更新情報
prototype.js v1.5.0 の使い方
それは何？ prototype.js は Sam Stephenson によって書かれた JavaScript ライブラリです。 この熟考の上記述された標準に準拠したコードは、Web 2.0 において特徴となるリッチでインタラクティブなウェブページを制作する際の重荷を、あなたの肩から取り去ってくれるでしょう。 もしこのライブラリを使ったことがあるなら、充実したドキュメントがこのライブラリの売りではないことに気がついたはずです。 私は他の開発者と同様に、ソースコードを読み、試行錯誤しながら prototype.js を理解しました。 自分が学んでいる間にメモを取り、それを他の人たちと共有することは価値があるのでは、と考えたのです。 加えて、このライブラリによって提供されているオブジェクト、クラス、関数、拡張機能についての 非公式リファレンス も提供しています。 ここで提供する例とリファレンス
Bookmarklet Crunchinator
Based on the Javascript Crunchinator Demo, you can use this to quickly create a bookmarklet from some javascript code. Enter your javascript code in the text area below Input. Enter a name for the bookmarklet in the Name field. Click crunch, and the code will be compressed, and turned into a link under output. You can then drag this to your bookmarks toolbar as a bookmarklet, or right click and bo
いぬビーム - 「全てのタブでスクリプトを実行」機能をつけるgreasemonkeyスクリプト
http://yagi.xrea.jp/2007/07/executescriptonalltab.user.js ユーザスクリプトコマンドに以下の３つを追加します。 入力したjavascriptを全タブで実行（Execute script on all tab） 全タブをブックマーク（Bookmark All） 全タブをlivedoor Readerに追加（Subscribe All） １つ目のコマンドに適当なbookmarkletを突っ込めば期待通りに動くと思う。 あとの２つは突っ込んでみた例です。 インストール後に開いたページに対してのみ有効。 中身はこんなん↓ // ==UserScript== // @name Execute script on all tab // @namespace http://d.hatena.ne.jp/kusigahama/ // @include
Firefox拡張機能(extension)の作り方 — ありえるえりあ
Firefox拡張機能(extension)の作り方 Firefox拡張機能(extension)の作り方を説明します。 Firefox 拡張機能とは Firefox add-onの一種です。 add-onは次のように分類できます。 plugin ...実体はexeやdll。C++で作成。素人にはお勧めしません 検索バー ...実体はXMLの設定ファイルのみ。見れば分かるので説明はしません スペルチェッカ ...日本語には無縁なので未調査(たぶんファイルを作るだけ) 拡張機能 ...実体はXML、JavaScriptとCSS。必要なら、C++で書くXPCOM。これから説明します テーマ ...拡張機能のサブセット。CSSのみの場合をテーマと呼びます
Firebug - Web Development Evolved
Thank you, Firebug. You made the web amazing for all! The story of Firefox and Firebug are synonymous with the rise of the web. We fought the good fight and changed how developers inspect HTML and debug JS in the browser. Firebug ushered the Web 2.0 era. Today, the work pioneered by the Firebug community through the last 12 years lives on in Firefox Developer Tools. Switch to the latest version of
Dec 03 2006 :: 英和辞書ひきまくる Greasemonkey スクリプト / nulog, NULL::something : out of the washer(-)
このエントリは古いのでアテにしないでください。新しいスクリプトは userscripts.org で公開され、CodeRepos で保守されています。 mallowlabsの備忘録 - ポップアップ型英英辞書 見てて選択したらすぐ検索できるのっていいなぁと思ったので似たようなのを作ってみた。 fastlookupalc.user.js 相違点 英和 (alc) 一個ひいた後に、さらにひける。(こういう機能は英英のほうが便利だけど) 結果のタイトル (赤い部分) をクリックするとその結果だけ消えます。ドキュメント内のどっかをクリックすると全部消えます。 ダブルクリックで単語を選択するのでどんどんひける。
最速インターフェース研究会 :: フィード吐いてそうなリンクを強調するブックマークレット
先日書いた、リンク先まとめて購読する機能のAPIが公開されたので、 http://blog.livedoor.jp/staff_reader/archives/51035779.html こんなことができます。IE6の文字列制限ギリギリに圧縮（たぶん） フィードを吐いてそうなリンクを強調 ソース (function(){ var api="http://rpc.reader.livedoor.com/feed/discover?url="; window.__feed_discover=function(r){ var seen={}; var links=document.links;len=links.length; for(var i=0;i<len;i++){ var a=links[i];href=a.href; for(var l=0;l<r.length;l++){ var
Bookmarklet - パソコン遊戯
最終更新 2006年3月12日 はてな関連に「このサイトの新着ブックマーク」を追加。 このページでは、Freeware で公開している IE プラグインの内の一部を Bookmarklet に移植したものを紹介しています。また、それ以外ももちろん紹介していきます。 Bookmarklet とは？ 例えば IE の お気に入り 等に登録されているインターネットショートカットで、その指定 URL に JavaScript が記述されているものです。いろんなブラウザのブックマークとして保存しておいたり、ツールバーに置いておいたりして利用できます。クリックするだけで JavaScript が実行されます。 よって、Bookmarklet を利用するにはブラウザの JavaScript 機能をオンにしておく必要があります。 参考 JAVASCRIPT::BOOKMARKLET （たくさんの Book
Smart Middle Click :: Firefox Add-ons
Smart Middle Click 0.5.1.1 作者: Sonny Piers カテゴリ その他 By default, middle clicking on javascript links in Firefox opens a blank tab instead of following the link. This extension fixes that problem and lets middle clicks open simple javascript links in new tabs. レビュー (19) 2008年 6月 22日 更新 523 週間ダウンロード数 36,480 累計ダウンロード数 詳しい説明 By default, middle clicking on javascript links in Firefox opens a blank ta
blog.8-p.info: del.icio.us の IME まわりをましに
del.icio.us の "edit in place" な編集機能には、日本語入力の「確定」で IME にわたした enter を編集終了の enter と勘違いするという、いかにも ASCII 圏らしいバグがある。 わりと困るので delicious-ime.user.js というのを書いてみた。 del.icio.us の JavaScript は難読化されていないので普通に読める。ファイルは http://del.icio.us/ui/static/lib.js, http://del.icio.us/ui/static/delicious.js のふたつ。lib.js にある create という関数が DOM の要素生成に使われていて、要素の属性は niceExtend という関数で設定している。個人的には関数名に nice とか good とかつけるのは良くないと思う。 J
最速インターフェース研究会 :: livedoor Readerに何かくっつけるGreasemonkeyの書き方
何かくっつける系のGreasemonkeyが作りやすくなってます。 エントリごとに表示投稿日時が出てる箇所に追加されます。 window.entry_widgets.add("name", generator , "description"); generatorはfunction(feed,item){ ... }のように無名関数で記述できます。feedはフィードに関する情報、itemはその記事のリンクや記事本文が取れます。データ構造はまるごとPerlに書いてあります。 descriptionは省略可能ですが、将来的に何か気の利いたUIでも作ろうかと考えていたりするので入れておくと良いかも知れません。今のところtitle属性に使うようになってます。Greasemonkeyだと日本語が通らないのでエスケープする必要があります。 エントリにくっつけるサンプルエントリごとにlivedoorクリ
Firefox の拡張機能、userChrome.js の私の使い方 - 朝顔日記
2006-05-20 ua firefox tool 拡張機能スレ(何) の part 12 で、userChrome.js の使い方がわからん、というような質問が出ていたのでちょっとググってみましたが今のところあまり情報が無いようなので、userChrome.js の簡単な説明と私の使い方などを少し書いてみます。 ご存知のように、Firefox には、userContent.css と userChrome.css というふたつのユーザスタイルシートがあって、userContent.css のほうは、web ページのコンテンツに対するユーザスタイルを定義するものであるのに対して、userChrome.css は Firefox 自体の外観に対するユーザスタイルを定義するものです。 これらはあくまでスタイルシートですが、最近の流行（？）が、ユーザースクリプトと呼ばれるものです。Firefo
javascript - はてダでは書けないはてなブックマーク技25個 : 404 Blog Not Found
2007年04月07日13:30 カテゴリLightweight Languages javascript - はてダでは書けないはてなブックマーク技25個 こういう技の紹介って、JSがあればもっとわかりやすいんだけどはてダはJS禁なので。 はてブクロニクル - 記憶する部屋 - はてなブックマーカーなら当然知ってる25個の技をわざわざ書いてみた このような、知ってる人にとっては当然かもしれないけれど、もしかすると知らない人もいるんじゃない？というものをわざわざ書くことは誰かの役になりそうだな、と考え このグループのテーマであるはてなブックマークに関するもので当たり前のことを書いてみることにします。Enjoy! Dan the Hatena::Bookmarker Blog URL Feed URL はてブID: 日付: 色: 最も多くブックマークされた記事を見る http://b.hat
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Greasemonkeyの開発をまとめてみる
http://garamond.serio.jp/sb/log/web_fx/eid178.html