ブラウザでJavaScriptが動く時代がやってきた！ - 葉っぱ日記
というわけで、昨日から話題沸騰の Javascript PC Emulator すごいですね。JavaScript で書かれた x86 PC エミュレータ上で Linux 動かして、入ってる tcc 使えばそこそこのソースもコンパイルして動いたり。 もとのディスク容量が少ないので、適当な母艦を用意して、こんな感じ で新しいディスクイメージ作って、CocProxy や Fiddler の AutoResponder を使って root.bin へのリクエストをローカルのファイルに差し替えてやれば、好きなファイルも入れられますね。 というわけで、SpiderMonkey を入れて動かしてみました。ブラウザ内でJavaScriptが動くなんてムネアツですね！ 手順としては、コンパイルの簡単な SpiderMonkey 1.7 を x86 の32ビットマシンで -static 付きでビルドして、r
外部JSをベースに速攻でブックマークレットを作成できる「Boo.kmarked」:phpspot開発日誌
Boo.kmarked | The Free Bookmarklet Maker 外部JSをベースに速攻でブックマークレットを作成できる「Boo.kmarked」。 このツールを使えば、githubなどで公開されているJSファイルをすぐにBookmarkletに変換することができるようです。 単純に scriptタグをcreateElementしてAppendしているだけのようですが、１から書こうとすると大変ですね。 ブックマークレットを作るのは１行で面倒で、圧縮するようなツールもあったりしますが、オリジナルを毎回圧縮してコピペするのは面倒ですね。 指定URLのスクリプトを直接書き換えることで処理を変えられるのは便利。そして最初にブックマークレット化する際にこちらが使えるという感じです。 関連エントリ ページに仕込まれたJavaScriptのイベントを全部見える化出来るブックマークレット「
【コラム】そろそろきっちりJavaScript (2) 無名関数についてもう少し考える | エンタープライズ | マイコミジャーナル
無名関数のメリット 前回の記事では、無名関数を関数リテラルに割り当てるという操作を紹介した。なぜ、このような記法により関数を定義するのだろうか。 まず、無名関数を採用するメリットには、「命名する必要の無い関数をシンプルに記述できる」「(複数ファイルのJavaScriptライブラリを読み込んでいるときなどにおいて)、既存の関数/変数名との衝突を回避できる」という点が挙げられる。 前回の冒頭で述べた通り、JavaScript関連ライブラリが数多く存在し、多くのシーンでそれを活用している今日、既存のライブラリやソースコードと名前が衝突しない事がどれだけ重要であるかは想像に難くないだろう。 それでは、命名する必要の無い関数とはどのようなものだろうか。また、無名関数だと変数名の有効範囲はどのように決まっているのだろうか。ここで、前回に引き続きFirebugで以下のコマンドを実行し、動作を確認してみよ
もう他のは要らないかも、なクールなツールチップ作成フレームワーク「Tipped」:phpspot開発日誌
もう他のは要らないかも、なクールなツールチップ作成フレームワーク「Tipped」 2011年04月11日- Tipped - The Javascript Tooltip Framework | jQuery & Prototype Tooltips もう他のは要らないかも、なクールなツールチップ作成フレームワーク「Tipped」 これ１つで出回ってるであろう殆どのツールチップは作れる気がします。しかも全てハイクオリティ。 フレームワークということで以下の点をカスタマイズ可能 ・スキン ・ツールチップの位置設定（左右上下など） ・コンテンツをAJAX読み込み ・ローディング画像のカスタマイズ ・コールバック機能(afterUpdate)、イベント(onHide, onShow) ・APIの提供 スクリーンショットを以下にサンプルとして掲載。 それぞれがセンスがよくてどれをつかってもよい気が
第4回 検索キーワードを提案するSuggest機能の実装 | gihyo.jp
今回は、検索文字列に関連するキーワードを提案するSuggest機能を実装したいと思います。 実装の前に Suggest機能の実装に入る前に、第3回までのプログラムをちょっと整理しましょう。第3回までの実装では、とりあえずグローバルな名前空間に関数を追加していました。しかし、名前空間がどんどん汚染されよくありません。必要なものだけをグローバルな名前空間に追加しましょう。 スコープを隠蔽する jQueryにならって、スコープを隠蔽してみることにします。次のように無名関数を使って実装します（リスト1）。 リスト1 スコープの隠蔽 (function(){ // (1) このスコープは公開されない var local = ・・・ // (2) 必要なものだけを公開する window.global = ・・・ })(); 無名関数の定義(function(){})と、実行()を同時に行っています
Ajax Auto Suggest v.2 : CSS . XHTML . Javascript . DOM : Brand Spanking New
Update 2007-07-19 Version 2.1.3 - demo & guide here. Download AutoSuggest v.2.1.3 Bugfix Update 2007-07-07 Version 2.1.2 Smaller file size (under 9k) Uses encodeURIComponent instead of encodeURI bsn namespace is set as default - uses new bsn.Autosuggest(... instead of new Autosuggest(.... This avoids conflicts with other libraries (e.g. prototype) out of the box. Update 2007-03-24 I've made a few
jQuery用プラグイン「jquery.suggest」を使って入力補完機能を実装してみる
こんにちは。サイフをなくしてヘコんでいる松田です。 今回はトレイン・トレインで使用することになった、入力補完ライブラリ「jquery.suggest」を使ってみたいと思います。 入力補完機能とは、テキストフィールドにある程度文字を入力すると、その文字が含まれた単語のリストを表示してくれるという機能です。サジェスト機能とも呼ばれます。 Googleサジェストを使ってみればどんなものか分かると思います。 「javascript suggest」などで検索してみると、 ・suggest.js ・AjaxAutoSuggest ・jquery.suggest などなど、いくつか候補が出てきます。 この中から選別したわけですが、suggest.jsはサーバーと通信を行わなずに、最初に読み込んだリストから取り出すだけなのでダメ、AjaxAutoSuggestはデザインが凝り過ぎでトレイントレインの雰囲
JavaScriptでどうしても外部のドメインのコンテンツを読みたい際に使えるプロキシスクリプト「Simple PHP Proxy」:phpspot開発日誌
JavaScriptでどうしても外部のドメインのコンテンツを読みたい際に使えるプロキシスクリプト「Simple PHP Proxy」 2010年01月08日- JavaScriptでどうしても外部のドメインのコンテンツを読みたい際に使えるプロキシスクリプト「Simple PHP Proxy」が公開されています。 自分のサイトにおいた、proxy.phpに対して、proxy.php?url=//phpspot.org/blog/ といった形でURLを指定するとPHP内でcurlが外部ドメインのコンテンツをロードしてきてくれ、JS側からはそのまま自ドメインのproxy.phpにアクセスするという形でクロスドメインを可能にするajaxでは最も古典的なやり方を実現するためのPHPで書かれたプロキシスクリプトです。 クッキーなどもそのまま送ってくれる機能や、JSONでレスポンス値を受け取るモードなど
[ajax] JKL.ParseXML／ajax通信処理ライブラリ
Kawa.netxp [ajax] JKL.ParseXML／ajax通信処理ライブラリ JKL.ParseXML クラスは、サーバ上の XML 形式ファイルをダウンロード～解析して、 JavaScript オブジェクト（配列やマップ）に変換するライブラリです。 複雑な DOM 操作なく簡単なスクリプトで XML 形式ファイルを扱えるため、 Amazon など XML を出力する既存の Web サービスや、 CGI と連携することで ajax ページを手軽に構築できます。 IE・Firefox・Opera・Safari のクロスブラウザに対応しています。 XML を JSONのように手軽に扱える他、 JSON／CSV／LoadVars 形式ファイルなどのテキストファイルも利用可能です。 安定版アーカイブ： jkl-parsexml-0.22.tar.gz TAR.GZ jkl-parsex
フォームの入力エラーを吹き出しで教えてくれる JavaScript
■ フォームの入力エラーを吹き出しで教えてくれる JavaScript フォームの validation 関連のライブラリはいくつかありますが、私は以下に紹介するやつをずっと使ってまして、これがかなり気に入ってます。ただ、オレナイズされたコードが随所に含まれていたから紹介する事が出来ないでいたのですが、今回やっと書き直したのでお目見えです。 AJAX を使ってサーバサイドと連携、とかそういう事も全くやってなくて、普通に JavaScript のみで入力のチェックをしてるだけなんで、真新しい事はないんですが。 実際の動作サンプル とりあえず submit ボタンを押せば、全て理解出来るかと思います。 今回は CSS のファイルと画像のファイルといっぱい出来てきてしまっていて、いつもの「読み込ませるだけ」とはちょっと毛色も違い、使うのには事前の準備が必要で面倒です。 いつもの JavaScri
JavaScriptパターン読んだ。結構いい本だと思う。 - terurouメモ
JavaScriptパターン ―優れたアプリケーションのための作法posted with amazlet at 11.03.08Stoyan Stefanov オライリージャパン 売り上げランキング: 1642 Amazon.co.jp で詳細を見る id:uupaa さんが良い本とTwitter上で言っていたので、勢いで買って一気に読んだ。索引も含めて200ページ程度の本なので、JavaScriptがガッツリ書ける人であれば1時間弱、中級者程度でも2時間強もあれば一通り読めると思う。 感想とか、各章で個人的に気になったところとか 多少「これ書かなくてもいいんじゃね？」的な感じを受けた箇所があったが、上級者を目指す中級レベルのJSerは読んだほうが良さそうな気がする。個人的には自己流？でやっていたことがパターンとして記載されていて、概ね正しいことをしていたんだなぁと再確認できてよかった。
JavaScriptコーディング ベストプラクティス 発売
JavaScriptコーディング ベストプラクティス 発売 本日MDNより新著書「JavaScriptコーディング ベストプラクティス」が発売されました。 小松 健作さん、高橋 登史朗さん、古籏 一浩さんといったすごい方々との共著です。 「HTML+CSSコーディング ベストプラクティス」のシリーズ本になり、すでにJavaScriptを書かれている方が次に何を考えればよいかといったことに焦点を合わせて書かれています。 内容は次のとおり。非常にバリエーションに富んでいます。 1［基礎］ 1.1｜JavaScriptの歩み 1.1.1｜Google Mapsの登場によって大きく変わったJavaScriptの存在意義 1.1.2｜JavaScriptの現在 1.2｜開発効率をアップさせるライブラリ／フレームワーク 1.2.1｜さまざまなライブラリの登場「Prototype.js」 1.2.2｜デ
はてなブックマークレット - はてなで使えるブックマークレット
「ブックマークレット」とはブックマーク (お気に入り) を利用してブラウザに便利な機能を追加するものです。例えば、閲覧中のページをはてなアンテナに追加したり、はてなダイアリーで言及するといったことがブックマーク1クリックでできるようになります。 各ブックマークレットをWebブラウザのブックマーク(お気に入り)に登録してください。 Internet Explorerでの登録方法 以下のブックマークレット一覧の リンクを右クリックし[お気に入りに追加]を選びます。 「追加しようとしているお気に入りは、安全でない可能性があります。続行しますか？」というダイアログが表示されたら[はい]を選択してください。 フォルダ選択時に[リンク]フォルダを選ぶとブラウザのリンクツールバーに表示できます。 Mozilla Firefoxでの登録方法 以下のブックマークレット一覧の リンクを右クリックし[このリンク
はてなブックマーク開発ブログ
はてなブックマークのブックマーク数が多い順に記事を紹介する「はてなブックマーク数ランキング」。2024年2月のトップ50です*1。 順位 タイトル 1位 マンションリフォーム虎の巻 2位 死ぬほど嫌でした｜佐藤秀峰 3位 「面倒なことはChatGPTにやらせよう」の全プロンプトを実行した配信のリンクを整理しました｜カレーちゃん 4位 管理職必読 順番に読むと理解が深まる「マネジメントの名著」11冊 | 日経BOOKプラス 5位 メルカリで値段の「¥マーク」を小さくしたら購入率が伸びた理由、ペイディがサービス名を「カタカナ表記」にする理由など、プロダクトのマーケ施策まとめ30(2023)｜アプリマーケティング研究所 6位 7年適当に自炊してきて調味料について思ったことを書く 7位 ウクライナ軍に入隊したアジャイルコーチが、さまざまなメソッドを駆使して中隊長としてのリーダーシップを実現した話（
YappoLogs: suggest_ajax.jsのver0.2をリリースしました
suggest_ajax.jsのver0.2をリリースしました id:onozatyさん作のsuggest.jsの拡張スクリプトsuggest_ajax.jsですが。 Enjoy×Study - suggest.jsのver0.2をリリースしました yappoさんの「suggest_ajax.js - suggest.jsをAjaxなどに対応する等の拡張スクリプト」については、今回、関数名を一部変えた(keyup→keyevent)ので、ver0.2との組み合わせでは動かなくなります(せっかく取り上げていただいたばっかりなのに、、申し訳ござません…)。という事なので、さくっと対応させました。 ソース サンプル 主な変更点 suggest.js Ver0.2に対応 候補リスト表示中のleft/right/return/esc key以外の挙動を変更 候補リストを非表示中でも入力窓中でretu
YappoLogs: suggest_ajax.js - suggest.jsをAjaxなどに対応する等の拡張スクリプト公開
suggest_ajax.js - suggest.jsをAjaxなどに対応する等の拡張スクリプト公開 先月suggest.jsというGoogle Suggestっぽい物を簡単に作れるスクリプトが公開されました。 ちょろちょろっと自分の使いやすいようにカスタマイズしていたのですが、それを公開してみます。 最初はAjax化でもしようと思ってたですが、Ajax処理内蔵するのもいけてないので付けるのやめました。 ソースの中身は、全部なごりなのです。。。 suggest.jsの思想の真逆を行っているなんて事は気のせいです。 ソース suggest_ajax.js サンプル ajaxで補完リストを読み込む 主な変更点 補完リスト上でEnterキーを押して、選択肢の確定を行うことができる 補完リストの作成直前と、選択肢の確定後のそれぞれにフックを行うことができるregister_hook()メソッド追
suggest.js - 入力補完ライブラリ
Japanese / English JavaScriptで入力補完を手軽に行うためのライブラリです。 (【お知らせ】ver2.0からprototype.jsを必要としなくなりました) 下記のような機能を持っています。 入力内容をもとに検索を行い、補完候補を表示します。(Google Suggestぽく) Ajaxでは無く、初回画面表示時のみデータの読み込みを行い、それ以降は、クライアント側で対象データから検索します。したがって、入力内容に変化があってもサーバ側にアクセスすることはありません。 検索は、前方一致/部分一致、大文字と小文字の区別あり/なしといったように、オプションで簡単に指定できます。また、その他にも様々なオプションが指定可能です。 検索結果の表示上限を指定できます。(デフォルト上限20件) 補完候補はキーボードの上下と、マウスにて選択できます。また、キーボードで選択中にES
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
360autolink/js/147.js at master · hayashiyutaka/360autolink
http://wemfls.web.fc2.com/ndlsh.html
GitHub - hatena/extract-content-javascript
