<input type="hidden" /> の値を見やすく表示するデバッグ用の JavaScript ライブラリ
<input type="hidden" /> の値を見やすく表示するデバッグ用の JavaScript ライブラリ 2006-11-14-4: [JavaScript] フォームの <input type="hidden" /> の値をテーブルで見やすく表示するライブラリ HiddenView というのを作ってみました． いちいちソースを確認して，値が入っているか確認するのが面倒な人用．他の JavaScript ライブラリは必要としません． - 使い方 HiddenView.js を読み込んで，onload イベントで new HiddenView(); をしてください．これだけ． <script type="text/javascript" src="HiddenView.js"></script> <script type="text/javascript"> window.onl
JavaScript は変数名に直接 Unicode Escape が書ける - IT戦記
知ってました？ var \u5929\u91CE = 'amachang'; alert(天野); // amachang var \u0068\u006f\u0067\u0065 = 'ほげ'; alert(hoge); // ほげ ついでに今回作ったエスケープ関数置いておきます。(Firefox Only) var unicodeEscape = function (s) { var d = ''; Array.prototype.forEach.call(s, function(c) { var s = c.charCodeAt().toString(16); d += '\\u'; for(var l = s.length; l < 4; l++) d += '0'; d += s; }); return d; }; 上の unicodeEscape 関数作ってて発見したんだけど
いやなブログ - 文字列操作の比較表: Ruby, Python, JavaScript, P...
文字列操作の比較表: Ruby, Python, JavaScript, Perl, C++ Ruby, Python, JavaScript, Perl, C++ の文字列操作の比較表を作りました。配列操作の比較表の続編です。間違いなどがあったらご指摘いただけると助かります。 Ruby (String) Python (str) JavaScript (String) Perl C++ (std::string)
FireBug と benchmark.js を使って稼働中のサービスの JavaScript パフォーマンスをチェックする - IT戦記
まずはこれを見てください。 http://sample.ecmascript.jp/bench.htm このような感じで FireBug のコンソールを表示させて 適当なサーバにある benchmark.js を読み込んで benchmark.at('firebug')({ 'テスト１': function() { ... } }); って感じで、どんなサイトでもパフォーマンスを計ることが出来ます。 何が嬉しいのか いちいちサービスの JavaScript を書き換えて計測する必要がない。 思いついたときに、パフォーマンスチェックができる。 FireBug を入れていない、または Firefox 以外でパフォーマンスを計りたい場合 URL 欄に javascript:(function(){var s=document.createElement('script');document.bo
テキストエリアとかリサイズ可能にする JavaScript
■ テキストエリアとかリサイズ可能にする JavaScript 好評の、読み込ませるだけシリーズ の6番目。 このスクリプトを読み込ませるだけで、ウェブ上にある TEXTAREA とかその他色々好きな要素がリサイズ可能なやつに大変身。とりあえずサンプル見るのが手っ取り早いです。 実際の動作サンプル テキストエリアの右下にマウスカーソルを持っていくとカーソル形状がかわるので、そのままドラッグするとサイズも変わります。 自分はグリモンスクリプトで快適なんですが、サービス提供側でこういう機能を提供してくれたら幸せな人が増えるんじゃね？とか思ったので作ってみました。 実際のリサイズ方法に関しては、愛用している Changing <textarea> Size のコードが大変参考になりました。ありがとうございます。 コードは次の通りです。 メイン部分。 var ElementResizer = {
javascript - Interpolatorで変数展開 : 404 Blog Not Found
2006年10月21日18:00 カテゴリLightweight Languages javascript - Interpolatorで変数展開 Perlにはqq($variable)、 Rubyには#{ expression }、Pyhonはさておき、JavaScriptには存在しないのはなぜ？ というわけで、こさえてみました。 ここをクリックでinterpolateします。 タイトルは document.title. URIは location.href これは 駄目。 これはOK encodeURIComponent('小飼弾') これもOK document.getElementsByTagName('body') これもOK: (function(){ var a = []; for(var p in document) a.push(p); return a.join(",
Claudio Cicali
Welcome I am Claudio and these are my blog posts. You may also want to know me a little bit better or just contact me. Enjoy your stay! Pinned posts The tale of a seasoned developer — Part I The tale of a seasoned developer — Part II 🇮🇹 Il mio viaggio più importante Latest 5 posts 🇮🇹 Il mio viaggio più importante 11 Nov 2025 – Voglio raccontare per me e per chi altri fosse interessato i passi
最速インターフェース研究会 :: livedoor Readerに何かくっつけるGreasemonkeyの書き方
何かくっつける系のGreasemonkeyが作りやすくなってます。 エントリごとに表示投稿日時が出てる箇所に追加されます。 window.entry_widgets.add("name", generator , "description"); generatorはfunction(feed,item){ ... }のように無名関数で記述できます。feedはフィードに関する情報、itemはその記事のリンクや記事本文が取れます。データ構造はまるごとPerlに書いてあります。 descriptionは省略可能ですが、将来的に何か気の利いたUIでも作ろうかと考えていたりするので入れておくと良いかも知れません。今のところtitle属性に使うようになってます。Greasemonkeyだと日本語が通らないのでエスケープする必要があります。 エントリにくっつけるサンプルエントリごとにlivedoorクリ
FreeStyle Menus Demonstration
Script License Agreement You may use this script only if you agree that: You must EITHER: Donating Users: This script is "donation-ware". If you can make a donation to support this script, it may be used on a website without a crediting link. Please consider making a donation! I have spent a lot of time developing, debugging and documenting scripts, and any support is welcome. More info... Free Us
Transparent custom corners and borders, version 2 | 456 Berea Street
It’s been almost a year and a half since I posted Transparent custom corners and borders, a technique for creating custom corners and borders with optional alpha transparency. The technique is based on a combination of CSS and JavaScript, and gives you a lot of flexibility when creating rounded corners or special borders. Well, it’s time for an update. I haven’t added any revolutionary new feature
javascript - 任意のはてブをその場で表示 : 404 Blog Not Found
2006年09月28日17:00 カテゴリLightweight Languages javascript - 任意のはてブをその場で表示 というわけで、お待ちかね。 404 Blog Not Found:javascript - prototype HateBJSON - 弾のコメント 秀作はあとで出るはずなので直しました。 考えかたは簡単で、「404 Blog Not Found:javascript - prototype HateBJSON」のparse_hatebjson()を以下のように書き換えるだけです。 なおここでは、dommaker.jsを使っています。 function parse_hatebjson(json){ var bm = json.bookmarks; if (! bm) return; var E = new DOMMaker(); // use http
cyano: Google Analyticsで高度なトラッキングをする方法
ユーザーがページをロード開始してから閲覧できるようになるまでのロード時間はユーザーが自分のページを快適に閲覧できているかどうかを示す重要なファクターです。Google Analyticsのイベントという機能を使用することで、ユーザーの実際の体感速度を可視化することができます。 たとえば、このブログのある期間における体感速度のグラフはGoogle Analytics上で以下のように出ています。 44.84%のユーザーは100〜499msでロードできており、1秒未満でロード完了しているユーザーは合わせて73.49%であるとわかります。また、3秒以上かかっているユーザーも7.42%居ることも分かります。3秒以上ロードにかかるようだと離脱率も高くなるので、7.42%のユーザーに対して何かの施策が必要であるということも分かります。 このように、ユーザーが実際感じている体感速度を可視化することで、この
JavaScriptでブラウザのフォントサイズを検出する方法:phpspot開発日誌
A List Apart: Articles: Text-Resize Detection When you design for the web, you don’t know what software people will use to experience your site, and you don’t know what capabilities your users (and their software) have.CSSとJavaScriptでブラウザのフォントサイズを検出する方法。 ブラウザの各々のフォントのサイズって検出できないと思っていましたが、JavaScriptを使うことでそれが可能です。 これにより、次のことが可能になります。 ・ フォントサイズに合わせたデザイン調整 ・ アクセスログに新たなデータを追加(利用者はどのぐらいのサイズで自分のページを見ているか
Javascriptだけで各種プログラム言語コードを色分け表示する方法:phpspot開発日誌
dp.SyntaxHighlighterを使えばJavascriptだけ各種プログラミング言語コードを色分け表示出来ます。 言語はC#,Javascript,VB,XML,HTML,PHP,SQL,Delphi,Pythonに対応しています。 例えば、次のような感じの表示が可能。素晴らしいです。※印刷、コピーも容易に出来るようになっています。 Javascriptの場合 PHPの場合 サーバ側で構文ハイライト機能が不要なのでCGIやPHPが使えないサーバでも使えますね。 ダウンロードはこちら: dp.SyntaxHighlighter - free JavaScript syntax highlighting
IE における "expression" の過剰検出による XSS の 誘因
IE における "expression" の過剰検出による XSS の 誘因 2006-08-31-1: [Security] http://archive.openmya.devnull.jp/2006.08/msg00369.html IE では expression(式) をスタイルシート内で記述することで JavaScript を記述することができるのは有名ですが， IE による expression の検出がやたら過剰で XSS を引き起こしやすいということらしい． 実態参照やコメントの挿入，Unicode 文字，全角文字で記述しても expression として検出される． 詳細は，上記サイトより引用． IE では、以下のようなスタイルを記述することで、JavaScript を動作させる ことが可能です。 1) <style>ブロック内での定義 <style>input { l
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Malon, Inc
Jack Slocum's Blog » 3 Easy Steps to Avoid JavaScript Memory Leaks
caramel*vanilla » Blog Archive » WordPressでLightboxを超簡単に使ってみる
http://www.gloo.ru/blogs/gloom.dhtml_javascript_benchmark._l_en.wiki.aspx
http://livsey.org/experiments/textareatools/?