jQuery の .html(htmlString) を呼ぶ際、コメント部にタグの文字列が入っていると、余計なタグが付与されてしまう場合がある - progd's blog
以下のコードで再現する。 result1 と result2 は、いずれも tr タグの配下に td タグを追加するものだが、 result2 のほうは tr が余計に付いている。 var result1 = $('<tr></tr>').html('<td>hoge</td>'); console.log(result1.html()); // => <td>hoge</td> var result2 = $('<tr></tr>').html('<!--<tr>--><td>hoge</td>'); console.log(result2.html()); // => <!--<tr>--><tr><td>hoge</td></tr> html() は innerHTML 相当なので、 result2 は tr が二重になってしまう。 例えば、上記の結果を table タグに appe
BOWER
TWITTER ENGINEERING PRESENTS bower THE BROWSER PACKAGE MANAGER Introduction Bower is a package manager for the web. Bower lets you easily install assets such as images, CSS and JavaScript, and manages dependencies for you. For example, to install a package, run: bower install jquery This will download jQuery to ./components/jquery. That's it. The idea is that Bower does package management and pack
javascriptを手っ取り早く学ぶためのjs本フローチャート
今年はjavascriptをちゃんと学ぼうという目標を立てて、Node.jsでWiki作ってみたり、ナポリン(富士のB級グルメのご当地キャラ)のゲームを作ったりしたので、一通りやった感は得られたかなと。 Javascriptの本を何冊か読んだので、どういう順番で勉強したら効率的だろうかとGraphvizを使ってフローチャートにしてみた。 パーフェクトJavascriptは必読かなと思うが、知識がない段階でいきなり読むと挫折する本なので、JGPかなんかで概要を掴んでおくか、普通にコード書けるようになってから読んだほうが得るものが多いですね。良書でしょう。
[iOS]第1回 JavaScript実行開発環境MyScriptsの魅力を全力で伝えてみる
MyScriptsの基本 MyScriptsは、複数のエントリを登録、管理可能なエディタに、JavaScript実行機能が付いたアプリといえます。 JavaScriptエンジンには、UIWebViewを使っています。 UIWebViewはMyScripts起動時に初期化され、MyScriptsが終了されるまで維持されます。 これは、XMLHttpRequestの安定的動作のための仕様です。 従って、グローバル変数、グローバル関数は取り扱いに注意が必要です。 変数は都度varで宣言し直した方がいいでしょう。（続きは[Read More]から） MyScriptsの特徴: 入力と出力 MyScriptsの特徴として最初に挙げられるのは、入力と出力です。 iOS用のプログラミング言語はたくさんありますが、アプリの外の世界との連携が考慮されたものは一つとしてありません。 MyScriptsは、クリ
関数とメソッドの違い - metalglue
オブジェクト指向言語におけるメソッドを関数で実装できるだろうか？ 最近のオブジェクト指向言語では，関数型言語の特徴であるファーストクラスオブジェクトとしての関数が提供されていることが多い．このような言語の場合，単純に考えれば，メソッドをインスタンス変数に代入された関数として提供すればいいんじゃないのと思うかもしれない．しかしものごとはそう単純ではない．レシーバ (C++, Java, JavaScript における this) の扱いをどうするかという問題があるからである． JavaScript JavaScript ではまさにメソッドが関数として実装されている． o = { data: "hello", method: function () { alert(this.data); } }; o.method(); とすれば "hello" が表示される．それでは以下のように一旦関数を単
ブラウザでお絵描きプログラミング！ Processing.js 登場！ - IT戦記
はじめに 今日、 jQuery の作者として有名な John Resig さんが Processing.js という JavaScript のライブラリを公開しました。 John Resig - Processing.js このライブラリを使うと、比較的簡単に以下のようなグラフィックスやアニメーションを書くことができるようになります。 というわけで、公開されたばかりのこのライブラリを簡単な使い方から詳しい使い方までとことん掘り下げてみたいと思います。 Processing.js 概要 まず、 Processing.js とは何かという話をします。 Processing.js とは、ブラウザで Processing というプログラミング言語を実行する JavaScript のライブラリです。 では、 Processing とはどのようなプログラミング言語なのでしょうか。 Processing
PDFをHTML5でレンダリングするプラグイン不要の「pdf.js」をMozillaが発表
「pdf.js」はHTML5とJavaScriptで構築するオープンソースのPDFレンダリングツール。MozillaはFirefoxに近い将来このツールを組み込む計画だ。 Mozillaの研究者であるアンドレアス・ガル氏が6月15日（現地時間）、プラグイン不要のPDFレンダリングツール開発プロジェクト「pdf.js」を発表した。HTML5とJavaScriptで構築しており、三条項BSDライセンス（3-clause BSD license）の下、githubで公開している。 現在、PDFをWebブラウザで開くには米Adobe Systemsやサードパーティーが提供するプラグインやアプリが必要だ。だが、こうしたプラグインではPDFのレンダリングに時間がかかり、PDFに備わる機能を完全には利用できない。また、セキュリティ上の問題もある。米GoogleはChrome 8から、サンドボックスでPD
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
iOS用の母艦から使えるJavaScriptコンソール·iPhone JS Console MOONGIFT
iPhone JS ConsoleはWebSocketを使って母艦から任意のJavaScriptをiOSにて実行させる。 iPhone JS ConsoleはiOS用、JavaScript製のオープンソース・ソフトウェア。iOSにプログラマとしてアプローチする方法は大きく分けて二つある。一つはネイティブアプリを開発する方法で、もう一つはWebベースでサービスを提供する方法だ。 アラートも出る WebベースであってもHTML5の力もあってそこそこの機能が提供できる。しかしiOSの開発においてJavaScriptのデバッグをするのはとても大変だ。そこで頼りになるのがiPhone JS Consoleだ。 iPhone JS ConsoleはRubyベースでWebSocketサーバを立てる。そしてiOSからWebSocketサーバに接続する（サンプルのHTMLファイルが同梱されている）。そうする
JavaScript の for文のベンチマークを取ってみた | フッ君の日常
前回のエントリーの続き。 「グダグダ言わずにベンチとってみればエエやん」ということで、JavaScript の for文のスタイルが、どんだけ速度に影響を及ぼすのかを調べてみた。 で、まずベンチマークのツール探しから。ググってみたら amachangさんの作ったベンチマークツールが見つかった。ありがとう、amachangさん！ ありがたく使わせていただきます！！ ということで、こんな感じでベンチマークを取ってみる事にした。benchmark({ test_a: function(){ var sum = 0; var arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]; for (var i = 0, l = arr.length; i < l; i++) { for (var j = 0, m = arr.length; j < m; j++) { for (va
function hoge(){} と var hoge=function(){} の違い - 昼メシ物語
javascriptはあまり得意ではなくて、この件について、定期的に忘れて同じ質問を人にしてしまっているので、ここに書いておく。 function hoge(){} と var hoge=function(){} に違いはあるのか？ という問題について。結論から書くと、hogeのスコープが違う。（2010/10/08追記：誤りです。スコープは一緒ですね。うまく言えませんすみません…） まず、無名functionをvarに入れた場合。 hoge(); // => エラー！ hogeはundefined値 var hoge = function() { alert("hello!"); } hoge()を呼び出している部分は、var hogeの宣言より上に書いてあるのでエラーになる。 一方で、名前つきfunctionを定義した場合はというと、 hoge(); // => "hello!" fu
iPhoneのwindow.getSelection()について - Y's note
値の取得 window.getSelection(document.getSelection)は画面のドラッグにより選択した文字列を読み取るjavascriptの関数です。 以前はsafariなどで利用できなかったようですが、現在はほとんどのブラウザで読み取ることが可能です。 (safari/firefox/chrome/operaでは動作を確認しています。2011/2/15日現在) iphoneでwindow.getSelectionを利用するときに少しハマったので、メモしておきます。 browser-javascript HTMLに仕込んだjavascriptのwindow.getSelection()はiphoneでも動作します。 HTMLを読み込んだ時点でjavascriptが正しく設定されていると値が取得できるようです。 以下は選択肢た文字列をgoogle検索結果に自動的に飛ばす
ブックマークレットサービス・Hatena::Let を作りました - 2nd life (移転しました)
ブックマークレットをかんたんに作成・公開できるラボサービス、その名も Hatena::Let を作りました。 http://let.hatelabo.jp/ 未だにブックマークレットを作るときには、アドレスバーに javascritp:... を打ち込んで実行したり、 Firebug で実行して試しつつも外部の bookmarklet 化サービスを使って文字列削ったり、IE対策のため500ちょい文字を超えると gist にファイルを置きつつもおきまりの var script = document.createElement('scrit');... で JS のローダー書いたり、とやりたいことは同じなのにめんどくさい手順を毎回行っていたました。 ここらへんの手順を毎回繰り返すことなくさくっと作って公開したい！と思い id:cho45 と半年ぐらい前の開発合宿*1で作って眠らせていたのを、ち
Google App Engine入門：実践編
今週に入って、Tiny Message に続く二つ目の Google App Engine ベースのサービスをリリースした。３日ぐらいで試験的に作った Tiny Message とは異なり、今回のものは、丸二ヶ月間寝る間も惜しんで作った力作である。 米国向けのサービスな上に招待制のSNSなので、ここではサービスそのものは公開しないが、いくつかこだわって作った部分があるので、それについて語ってみようかと思う。 1. 対象となるユーザーの絞り込み FacebookやTwitterのような巨人が存在している中で、それにまっこうから対抗するようなソシアル・ネットワーク・サービスを作ったところで無謀なだけである。そこで、逆に対象にするユーザー層を究極にまで絞り込んで、彼らのライススタイルに徹底的にマッチしたサービスを作ることにより差別化をはかる、という戦略を選択。対象は「LAに住む２０〜３０代の社交
第13回：URLエンコードとURLデコードを簡単にするブックマークレット | Creazy!
URLエンコードとURLデコードって頻繁には使わないけど、いざ使う時は適当にGoogleで検索して出てきた変換サイトを使っていたりしました。 この辺とか、 URLエンコードとデコードが行えるフォームです。 via: Web便利ツール/URLエンコード・デコードフォーム – TAG index でも、JavaScriptでできるレベルの処理をやるにはちょっと面倒だと感じたのでブックマークレットを作ってみました。 URLエンコード ブックマークレット ＞URL encode 上記リンクをブックマークして下さい。 ・文字を選択した状態で実行すると、選択した文字をURLエンコードして返します。 ・文字を選択しなかった場合は、プロンプトが開くのでURLエンコードしたい文字を入力します。 一応ソースも改行・インデント付きで書いておきます javascript: ( function() { var d
ウェブリブログ：サービスは終了しました。
「ウェブリブログ」は 2023年1月31日 をもちましてサービス提供を終了いたしました。 2004年3月のサービス開始より19年近くもの間、沢山の皆さまにご愛用いただきましたことを心よりお礼申し上げます。今後とも、BIGLOBEをご愛顧賜りますよう、よろしくお願い申し上げます。 ※引っ越し先ブログへのリダイレクトサービスは2024年1月31日で終了いたしました。 BIGLOBEのサービス一覧
本気でやるならonclick属性は避けてライブラリを活用すべき - id:HolyGrailとid:HoryGrailの区別がつかない日記
第1回 そろそろ本気で学びませんか？ | Think IT これ、今この記事書いてる時点で650以上ものブクマがされているんだけれども、あまり内容がよろしくない。 というのも、解説はとても丁寧ですごくよい内容なのだけど、サンプルコードの書き方がどうも古くさい。 onclick属性とか、今時のフロントエンドエンジニアはそんな書き方はしない（と思う）。 なぜonclickをあまり推奨しないのか やっぱり、エンジニアとデザイナーorマークアッパーとの分業の点でHTMLの属性にスクリプトを書いちゃうのはあんまりよろしくない。 たとえばの話だけど関数の名前を変えたかったり、だとか、HTMLを変更したり、っていうときにミスが起こりやすくなってしまう。 これは分業していなくてもどちらにしろ発生してしまうことだと思う。 他にも前に書いたのだけど、aタグとかでonclickしちゃうとhrefにreturn
ミニブラウザ - progd
Webブラウジングしていて、Webで辞書やカレンダーなど、ちょっとした情報を見たくなることがあります。 そういうとき、新規タブで開くと今見ているページが見えなくなってしまうので、邪魔にならない小さいウィンドウで開きたい。 そういうとき、以下のJavaScriptで一回り小さいウィンドウを開ける。 javascript:window.open('about:blank', '_blank', 'width=600,height=600,resizable=1,scrollbars=1');undefined;Firefoxだと、これをブックマークに追加して、キーワードに「m」などを設定しておくと、一瞬で起動できて快適です。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
deadbeaf.org