現在のWebページをNostrでブックマークするためにKUCHIYOSEに遷移 (()=>{const website='https://kuchiyose.vercel.app/';const url=new URL(location.href);url.search='...
こんにちは、太田です。前回はHTMLとテキスト操作を解説しました。今回は、さらにHTMLの操作の実例を中心に解説していきます。 JavaScriptとエスケープ まず、エスケープについて確認しておきましょう。外部から入力されたデータを画面上に表示する際はクロスサイトスクリプティングに注意する必要があることはもはや常識と言ってよいと思います。サーバーサイドのウェブ開発用フレームワークでは、ほとんどの場合HTMLのエスケープ用のメソッドが用意されていて、HTMLのエスケープは適切に行えるはずです。しかし、注意しなければいけないのは、HTMLのエスケープはJavaScriptにそのまま当てはめることはできないという点です。当たり前の話ですが、HTMLとJavaScriptではエスケープすべき文字が異なります。また、IEの6、7ではCSSにJavaScriptを埋めこむことができるのでCSSにも注
JavaScript Lint is a development tool that validates JavaScript code for best coding practices, finding common mistakes without actually running the script or opening the web page.
Come creare il miglior gioco da casinò Quando si progetta un gioco da casinò, la prima cosa che devi considerare è che tipo di gioco sarà. Ci sono molti diversi tipi di giochi da casinò, dalle slot e video poker ai giochi da tavolo e giochi di carte. Dovrai decidere quale tipo di gioco si adatta meglio alle tue esigenze. Ogni tipo di gioco ha il proprio set di regole e regolamenti, quindi dovrai a
jQuery Text Change Event Simple cross browser detection of text changes for input and textarea elements using a jQuery custom event plugin by ZURB. See the blog post to view or add a comment » Plugin Tested in FireFox (3, 3.5, 3.5, Win/OS X), Safari 4, Chrome 5, IE (6, 7, 8) Real Time Validation It's a common problem, you have a text form that you need to validate client side. It's easy enough to
Twitterへ今見ているサイトをコメントと共に投稿する「Post Now browsing to Twitter」がOAuth認証に対応しました。 このGreasemonkeyをインストールする前に、以前のバージョン(2010年6月より前)のものを入れている場合はそれをアンインストールしてから、改めて「Post Now browsing to Twitter」をインストールして下さい。(以前と設定の互換が無くなったため設定ごと破棄をお勧めします) ツール→Greasemonkey(もしくはステータスバーの猿アイコン)→ユーザースクリプトの管理→Post Now browsing to Twitterを選択→✓関連付けられた設定も削除にチェック→アンインストール 主な変更点を箇条書きすると以下のような感じです。 変更内容 OAuth対応 BASIC認証が2010年6月末に廃止されるためOA
2010/06/05(土) に開かれた Kanasan.JS JavaScript第5版読書会#10 に参加した。 読んだところ 今回の範囲は P529 から P559。 XML の操作に関するところを読んだ。 JavaScript から新しい XML ドキュメントを作る方法とか、データアイランドとか、XSLT とか書いてあった。はっきり言ってあんまり使わないので、そんなものもあるのか、ぐらいに思っておけばいいんじゃないのかな。 XPath そして今回の目玉、nanto_vi さんによる XPath 解説。すごく楽しみにしてたので、期待が高まる。 で、発表してもらったんだけど、XPath を体系的に解説してもらった。こんなにまとまった話聞いたのは初めてで、めちゃ勉強になった。 そのときのお話と、あとから自分で調べたことのまとめ。 2010/09/29 追記 その時の発表資料が公開されました
XPath は XML Path Language の略称です。非 XML 構文を使って、柔軟な方法で XML 文書の様々な部分をアドレッシングする(指し示す)ことができます。さらに、文書中で指し示されたノードがパターンに一致するかどうかの判定を行うこともできます。 XPath は主に XSLT で使われていますが、 HTML や SVG のような XML 風の言語の文書の DOM においても XPathExpression を用いることで、 Document.getElementById() や Document.querySelectorAll() メソッドや Node.childNodes プロパティ、その他の DOM コア機能に依存することなく、はるかにパワフルな方法でたどることができます。 XPath は XML 文書の階層構造を辿るために(URL のような)パス表記を使います。
/** * player.js | radiko.jp javascript file */ /**************************************************************** * 設定 ****************************************************************/ // デバッグモード var debug = false; // 選局タブからnow on airタブに戻るタイマー設定値 var autoTabRevertTimerInterval = 30000; // フィードXMLの再読み込みタイマー設定値 var loadFeedsTimerInterval = 60000; // フィードトピックス保持個数 var maxItemLength = 50; // フィードインフォメー
radikoのJavaScriptソース読んでたんだけど、コード圧縮してない上に懇切丁寧なコメントも残したままなので、jQueryのサンプルとして紹介されそうだなと思った。 ttp://radiko-dl.ssdl1.smartstream.ne.jp/radiko-dl/player/js/player.js radiko.jp http://radiko.jp/ グローバル変数使いまくりだとか、cookieの操作は独自実装しなくてもjquery.cookie.jsを使った方が楽なんじゃないか、とかいろいろありますが。公式ドキュメントの触り以下の事しか書いて無いのにブクマされまくってる記事よりよっぽど役に立つんじゃないかと。 他にはTwitterのホーム画面にもjQueryを使ったコードがあって $(document).ready(function() { if ($.browser.m
jQuery UI is a curated set of user interface interactions, effects, widgets, and themes built on top of the jQuery JavaScript Library. Whether you're building highly interactive web applications or you just need to add a date picker to a form control, jQuery UI is the perfect choice. What's New in jQuery UI 1.14? Compatibility with recent jQuery versions (up to 3.7): Usage of deprecated jQuery API
IEBlog : The New JavaScript Engine in Internet Explorer 9 要点だけまとめ。 最近は、Javascriptを、本物のプログラムとして使うサイトが増えた。ページのCPU使用率の、八割方を、Javascriptが占めているようなページすらある。 そういうわけで、Javascriptをネイティブコードにコンパイルして、最適化するのが、最近の流行である。 動的な言語であるJavascriptを早くするというのは、なかなか難しい。ただに、ネイティブコードを生成すればいいと言うものでもない。Javascriptのような、動的な言語に対して、効率のいいネイティブコードを生成するのは、やはり難しい。が、テクニックは、いくつも考案されている。 問題は、効率のいいネイティブコードを生成するのには、コストがかかるということだ。 多くのサイトでは、Javas
鉢植えを愛す 決して何も無かったわけではないのだが、何かあった、と記録するには余りにも目まぐるしい日々である。彼との同棲を解消しようと思い立ち、引っ越し屋を予約して、翌る日には、やっぱり辞めた。手元には、届いてしまったがために買い取らざるをえなくなった新品のダン…
De vorige eigenaar van de website had hier een JSON Editor, met de volgende boodschap. “This editor allows for easy editing of json strings, after loading a sample from the dropdown list click ‘build tree’, expand the tree, click nodes and start changing! Also try the xml2json functions for quickly converting xml to json.” Je kunt de oude hier nog in werking zien: https://web.archive.org/web/20150
Firefox 3とFirebugで始めるJavaScript開発 第2回Firebugによるデバッグの基本、Console APIとその活用 さて、前回はインストールからFirebugのタブの基本的な部分について紹介をしてきました。今回は、Firebugに実装されているConsole APIの紹介と、Console APIを利用したデバッグ手法について解説していきます。 Firebugで利用できるAPI Firebugには、デバッグに活用できる2つのAPIが実装されています。今回は、その2つあるAPIのうちConsole APIについて解説していきます。 Console API Console APIはFirebugのタブだけでなく、コンテンツ側のJavaScriptから呼び出すことのできるAPIです。デバッグのために便利な関数があらかじめたくさん用意されています。これらの関数を以下
Welcome to The 14 Days of jQuery! We're excited to bring you fourteen consecutive days of new releases to celebrate the release of jQuery 1.4. You'll notice that we're excited about the number fourteen since jQuery 1.4 is being released on the birthday of jQuery (January 14th) . So be sure to come back each day as another announcement is made and new content is released! Also be sure to follow the
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く