JavaScriptの開発、運用に。console出力をクライアントサイドで制御·andlog MOONGIFT
andlogはJavaScript開発で使われるconsoleのメッセージ出力をクライアントサイドで制御できるソフトウェアです。 andlogを使うとJavaScriptのデバッグメッセージの出力をクライアントサイトで切り替えられるようになります。妙なメッセージを出してしまわぬよう、使ってみると良いでしょう。 console.logを実行します。何も出力されません。 debugを有効にします。あくまでもクライアント側での処理です。 またconsole.logを実行します。今度は出力されました。 debugのフラグを落とせば元通りです。 andlogの面白い点はクライアントサイドでconsole.logの出力を制御できる点にあります。コードを見ればconsole.logという表示がされているとは思いますが、実際にコンソールに出さずに済むのは良さそうです。andlogはCommonJSと組み合
for in 文の処理について(続編) - プログラミングを勉強するブログ
先日のエントリでJavascriptのfor in文について for in文は処理済みのプロパティ名のみを覚えていてプロパティの数はチェックしない。未処理のプロパティが存在するか否かはループ内の処理が終わるたびにその時点でのプロパティと処理済のプロパティを比較して判断される。 と、結論付けていたのですがこれとは異なる挙動になる場合をみつけたので続編です。よろしければ先のエントリに目を通してからお読みいただければと思います。 それはどういう場合かというと 「最初に存在していたプロパティを未処理の段階で削除し、ループの次の周でもう一度同じ名前のプロパティを追加した場合」 です。 var testHash = { a: "one", aa: "two", aaa: "three", aaaa: "four", aaaaa: "five", aaaaaa: "six", aaaaaaa: "sev
jQueryで画面遷移のないサイトを作ろうとしたときのちょっとしたメモ
jQueryで画面遷移のないサイトを作ろうとしたときのちょっとしたメモ jQueryを使って画面遷移のないサイトを作ろうとしたときのちょっとしたメモです。 サーバーとやり取りをする、Ajax的なことは書いていないのであしからず。 投稿日2012年02月03日 更新日2012年02月03日 リンク（href）を無効にする 画面遷移のないWebサイトでもJSのない環境やSEOも考慮して href にリンク先を設定したいときがあります。 hmtl <a href="hoge.html" id="btn">ボタン</a> このような場合だと #btn にイベントを設定しても画面遷移してしまいます。 click イベントに「e.preventDefault()」と記述すればhrefを無効にになり画面遷移が行われません。 javascript $('#btn').click(function(e){
大型Webアプリケーションを開発する際に使えるJavaScriptフレームワーク·AngularJS MOONGIFT
AngularJSはMVCモデルを徹底したJavaScript製のWebアプリケーションフレームワークです。 Webアプリケーションを開発する際にJavaScriptを素のままで使うのはナンセンスになってきました。JavaScript用Webフレームワークを活用して手早く組み立てていくべきです。そのためのソフトウェアとしてAngularJSを紹介します。 まずごくシンプルなデモから。 クリックでビューが切り替わります。 node.js製のWebサーバも付属しています。 HTMLソースはこんな感じです。 JavaScriptのコードです。ルーティングやテンプレート、コントローラを指定してます。 Hello Worldのサンプルコード。JavaScriptによるハンドリングが見当たりません。 入力チェックを含めたフォームサンプル。こちらもごくシンプルなコードです。 入力チェックはリアルタイムに
ActionScript入門Wiki - Arctic.js
AS3ライクに記述できるJavaScriptゲームライブラリです。(ライセンスはMIT License) ダウンロード - https://github.com/DeNADev/Arctic.js <html> <head> <script type="text/javascript" src="js/arctic.js"></script> <script type="text/javascript" src="js/game.js"></script> </head> <body> <canvas id="canvas"></canvas> </body> </html> (function() { // arcGameクラスを継承したメインクラス var Main = arc.Class.create(arc.Game, { // コンストラクタ(必要なら引数を指定) initial
Post by @0-9
http://d.hatena.ne.jp/language_and_engineering/20090907/p1 ＞JavaScriptの動かないコード (中級編) clickイベントを強制的に発生させたい （fireEvent/createEventの使い方） - 主に言語とシステム開発に関して JSのイベントをコード内から発火する方法 http://d.hatena.ne.jp/koumiya/20080916/1221580149 ＞ブラウザの戻るボタンで戻ったときに呼ばれるイベントとかキャッシュとかそこらへんのこと - koumiyaの日記 ブラウザによっては「histry.backでonloadが呼ばれない問題」があることと、その回避策に関して http://www.quirksmode.org/dom/events/index.html http://www.w3.org/
jQuery、Dojo、YUIの使えるウィジェット
数あるJavaScriptフレームワーク、あなたはどれをよく使う? Webアプリケーションの開発現場において、JavaScriptは切っても切りはなせない存在だ。特に業務支援系Webアプリケーションの場合は、エンドユーザに対して「どれだけわかりやすく、入力・操作しやすいUIを提供できるか」がカギとなる。 最近ではJavaScriptフレームワーク自体に各種の用途・目的に合わせたウィジェットが増えてきており、デベロッパは自前で複雑な実装をすることなくさまざまな機能・UIを簡単に導入することができるようになってきた。 jQuery UI、Dojo Toolkit、Yahoo! User Interface Library(以下、Yahoo UI)、script.aculo.us、Ext JS……、ライセンスや稼動環境、エンドユーザの要望、デベロッパの嗜好などでさまざまな選択肢があるが、どのフレ
blog lesson 01 - JavaでJavaScriptを実行する
ＪａｖａSE6の標準機能でJavaScriptを実行させることができる。 それを実現するにはScriptEngineクラスを使う。 JavaScriptの関数をJavaから呼んだり、 JavaのメソッドをJavaScriptから呼んだりすることもできる。 サンプルを以下に示す。 public class Main { /** * @param args */ public static void main(String[] args) { ScriptEngineManager sem = new ScriptEngineManager(); // JavaScriptのScriptEngineを取得する ScriptEngine se = sem.getEngineByName("JavaScript"); if( se == null ){ System.out.println(
リターン（Enterキー）でフォームを送信しない方法
フォームのテキスト入力中にうっかりリターン（Enterキー）を押してしまい、中途半端なフォームが送信されてしまったという経験をした人は結構多いのではないかと思います。 ということで、リターン（Enterキー）でフォームを送信しないようにする方法を紹介します。この記事の投稿時点でのGoogle Chrome・Firefoxの最新版とIE9で同じ動作になることを確認しています。 １．リターンでフォームが送信される原因 次のように、type属性が「text」のinput要素、いわゆるテキストフィールドが含まれるフォームで、テキストフィールドがアクティブなときにリターンを押すとフォームが送信されてしまいます。 <form action="hoge.cgi"> <input type="text" name="foo" /> <input type="text" name="bar" /> <inp
JavaScriptの初見で読みづらいシンタックス＆パターン9種
JavaScriptの暗部を感じるカオス JavaScriptのライブラリを読み解いていると，「お前は何を言っているんだ状態」に陥ることがよくあります．難解なコードを通り越して黒魔術になるとついていけません…． そんなコードリーディングをする中で，初見では意味が分からなかったり，分かりづらかったりした記法をまとめてみます．コードリーディングの一助になりますれば幸い． eachな感じのループ×2 比較的簡単な類ですが，定石パターンなので一応．色々あると思いますが，自分がよく使う2パターンだけ紹介します． var elms = [1, 2, 3], e, i = 0, while (e = elms[i++]) { // おぅふ // i -> 1 } 単純に配列から1個ずつ取り出すだけなら上記のような感じです． var elms = [1, 2, 3], e, i = 0, iz = elm
CoffeeScriptでObserverパターン
$ coffee pubsub.coffee Just read big news today Just read big news today Just read big news today About to fall asleep reading this interesting analysis class Publisher constructor: -> @subscribers = { any:[] } subscribe: (fn, type) -> type = type or 'any' @subscribers[type] = [] unless @subscribers[type]? @subscribers[type].push(fn) unsubscribe: (fn, type) -> @visitSubscriers('unsubscribe', fn, t
JSAPI - JavaScript Reference Manual
This is yet another JavaScript reference manual viewer. The source document was taken from MDN wiki. The keys are working if the search field has focus or your mouse cursor is in the navigation area. ESC key is global. UP - Previous category / Previous item DOWN - Next category / Next item ENTER - Open category / Load selected item ESC - Clear search field and set focus
JavaScript best practices - W3C Wiki
Introduction Writing a best practice article is quite a tricky business. To a number of you, what you are about to read will appear to be very obvious and just the sensible thing to do. However, looking around the web and getting code handed over to me from other developers for years has taught me that common sense is actually quite a rarity in live code on the web, and the “sensible and logical t
JavaScript Patterns
A JavaScript pattern and antipattern collection that covers function patterns, jQuery patterns, jQuery plugin patterns, design patterns, general patterns, literals and constructor patterns, object creation patterns, code reuse patterns, DOM and browser patterns (upcoming). Patterns collected while developing 喜感网. General Patterns Function Declarations - creating anonymous functions and assigning t
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://onlineconsultant.jp/pukiwiki/?IE6%20Javascript%E3%82%A8%E3%83%A9%E3%83%BC%E3%81%AE%E3%83%87%E3%83%90%E3%83%83%E3%82%B0
IBM Developer
IBM Developer
Build and implement a single sign-on solution
http://www.curiosity-drives.me/2012/01/vimjavascript.html
Loading...