JavaScriptの対PHPerトラップ 13: その傾向と対策 - Qiita
JavaScriptはPHPとよく似たシンタクスを持っています。PHPerにとっては親近感を感じる言語かもしれません。しかし、両者の言語仕様の違いはおそらくPHPerの想像以上です。『JavaScript: The Good Parts ―「良いパーツ」によるベストプラクティス』の著者、Douglas Crockford 氏が「JavaScriptはCの皮をかぶったLISP」と表現するくらいです。 PHPとJavaScriptが似ている(ように見える)が故に、はまりそうなポイントとその対策について簡単にまとめてみました。より詳しく知りたい方は『JavaScript: The Good Parts ―「良いパーツ」によるベストプラクティス』や『JavaScriptパターン ―優れたアプリケーションのための作法』を読んでみることをオススメします。 あと、自分も経験が浅いところがありますので間違
What is the best JavaScript templating framework and why? Examples include JAML, EJS (Embedded JavaScript), Micro, and jQuery.Tmpl.
Answer (1 of 21): The best JavaScript templating framework is the one you don't have to use. Using JavaScript to construct HTML templates is using the Wrong tool for the Job. Here's why. Usually when you find yourself reaching for a templating library, you are doing something incorrectly and lik...
Google JavaScript Style Guide
Revision 2.2 Aaron Whyte Bob Jervis Dan Pupius Eric Arvidsson Fritz Schneider Robby Walker This style guide contains many details that are initially hidden from view. They are marked by the triangle icon, which you see here on your left. Click it now. You should see "Hooray" appear below. Hooray! Now you know you can expand points to get more details. Alternatively, there's a "toggle all" at
各ブラウザのキーに対するキーコード表[JavaScript]
表中のセルの色は値に応じて変えている。 何も数値が書かれていない欄は何も値がなかった、もしくは取得できなかったことを示す。 キーコードの取得は以下の関数で行った。 function keyCode(e){ if(document.all) return e.keyCode; else if(document.getElementById) return (e.keyCode)? e.keyCode: e.charCode; else if(document.layers) return e.which; } ファンクションキーなど何かのショートカットキーに割り当てられ、うまくキーコードが拾えないキーは、可能ならばそのイベントをキャンセルしてキーコードを取得している。 データの取得は全てWindowsXP上、ＪＰ106キーボードで行っている。
Modern Syntax Radio Show 163回目 - [モ]Modern Syntax
さて、モダシンラジオのデータをホスティングしてもらっているSpotify for Podcasters(旧Anchor）の私のページはこちらです。 https://podcasters.spotify.com/pod/show/kazuyoshi-nagasawa このSpotify for PodcastersページのRSSは以下になります。こちらのRSSではenclosureタグなどでlength値などがしっかり入っているのでこれを購読しておくとよいかと思います。 https://anchor.fm/s/66ff2830/podcast/rss ここで聴く！という人は以下のプレイヤーからどうぞ。 んで、これまではGoogle Drive上に保存したmp3ファイルを聞きたい方は以下のリンクをクリックしてください。ブラウザ内で聞けます。 https://drive.google.com/f
holidays-l開発ブログ -JavaScriptから外部JavaScriptを読み込む方法
最新版はこちら → JavaScriptで外部ライブラリを読み込むためのスクリプトをCodeRepos.orgに上げた。 - ヒルズで働く@robarioの技ログ 改良に伴い、エントリーを全面的に書き換えました。 後から再利用できるように名前を付けました（ScriptRunner） 外部JavaScriptを読み込むタイミングを最初に持ってきました。今まで外部JavaScriptを読み込むだけの場合でもScriptRunner({...}) ();と書かないといけなかったのですがScriptRunner({...});と書けるようになりました。 外部JavaScriptの読み込み後、arguments.calleeを返すようにしました。これにより、ScriptRunner({...}) () () () () () () ;と書いても動くようになりました。 外部JavaScriptの読み込
JavaScript はどのように実行されるか - IT戦記
JavaScript はどのように実行されるか Safari*1 の実装を例に JavaScript はどのようにして実行されているかを書く。自分用のメモ。日本語の出来は気にしない 1. ブラウザを起動して以下のようなページを開いたとする <html> <head> <script> var a = 1; var b = 2; alert(a + b); </script> </head> <body> </body> </html> 2. インターネットからデータが到着する そうすると WebCore::FrameLoader::write という関数に生の文字列が渡される。型は char* だ。 http://trac.webkit.org/browser/trunk/WebCore/loader/FrameLoader.cpp#L990 この関数の中では、到着した文字の文字コードを解
ひげぽん OSとか作っちゃうかMona- - いまさら人に聞けないAjaxと簡単なサンプル
入門 Ajaxposted with amazlet on 06.04.22高橋 登史朗 ソフトバンククリエイティブ (2005/11/15) 売り上げランキング: 65,811 Amazon.co.jp で詳細を見る Ajax 実装のための基礎テクニックposted with amazlet on 06.04.22増井 雄一郎 深津 貴之 川崎 有亮 台場 圭一 WINGSプロジェクト 佐藤 真介 技術評論社 (2006/03/23) Amazon.co.jp で詳細を見る JavaScript & DHTMLクックブック―Webエキスパート必携テクニック集 作者: ダニーグッドマン,Danny Goodman,村上列出版社/メーカー: オライリージャパン発売日: 2004/01メディア: 単行本購入: 2人 クリック: 36回この商品を含むブログ (63件) を見る Ajaxとは 最近
scm2js - Yet Another Ranha
http://hop.inria.fr/usr/local/share/hop/weblets/home/articles/scheme2js/article.html この辺とかを読む。メモ Abstract SchemeからJavaScriptにコンパイルする事は出来るんだけど、Continuations,exact numbers(これ何?),partial treatment of tail recursions(これも何?)は扱う事が出来ない。 その代わりと言ってはなんだけど、Scheme <-> JavaScriptで便利な感じにconnection出来る様にしましたってのと、SchemeとJavaScriptのコードを混ぜて書けますよ、という話。 気になるのは、continuationsらの欠落が、生成されたJS側で起こっているのか、このコンパイラがcontinuations
ステップ・バイ・ステップで Pathtraq の API を使ってみよう - IT戦記
はじめに 「このサイトの人気ページを見たい！」 「このページに、皆いったいどうやって来てるんだろう？」 「このページを見たあとは、どこを見に行ってるんだろう？」 そんなこと思ったことありませんか？ Pathtraq API を使うことで、そんな情報をあなたのソフトウェア、ウェブアプリケーションに組込めるようになりました！やった！ でも、難しいんでしょ＞＜？ 違うよ。全然違うよ。超簡単だよ。 というわけで、今日は JavaScript から Pathtraq API を使ってみましょう！ Step 1 Pathtraq API を目で見てみよう！ やり方は、簡単です。 http://api.pathtraq.com/pages?url=**ここに調べたい URL** とやるだけです。 試しに、このブログを見てみましょう。 RSS が出力されました。 これは、 IT 戦記内で最近人気のページを
Hawk's W3 Laboratory : JavaScript Notes : JavaScript 深層
ECMAScript（ECMA-262 3rd Edtion）の、管理人なりの理解と解説です。 基本的な用語の定義「JavaScript深層」で使用する基本的な用語についての定義と解説です。はじめにお読みください。 変数と実行コンテクスト(1)JavaScriptにおいて重要な実行単位である「実行コンテクスト」についての解説です。 変数と実行コンテクスト(2)実行コンテクストと変数との関係、および変数の実体についてです。 スコープチェーンと変数のスコープスコープチェーンの基本的な仕組みと、それによって実現される変数のスコープについての解説です。 スコープチェーンと変数のスコープ(2)スコープチェーンと変数スコープの関係について、実例を交えつつさらに詳細に解説します。 スコープに関するその他の話題スコープについて、ブラウザ間の互換性問題やHTML環境特有の話題を含む、その他の話題です。 関数
Prototype Tutorial
This tutorial gives a complete understanding on Prototype. Prototype is distributed as a single file called prototype.js. Prototype is an object in javaScript from which other objects inherit properties. Audience This tutorial has been written for users willing to learn the JavaScript Prototype object and its usage. Beginners as well as experienced users can refer this tutorial to brush up or lear
それはピアノ譜ではない - hΛlの女好き日記(2009-08-23)
NewsLearn more about the company, PR and product updates here.
WebScheme - Scheme interpreter for web applications
WebScheme Scheme interpreter for web applications WebSchemeはJavaScriptで書かれた、ウェブアプリケーションのためのScheme処理系です。 デモ IE6.0およびFirefox 1.5にて動作確認しています。 数独 数独というパズルゲームを遊ぶプログラムです。 「load sample」をクリックするとプログラムをロードし、「eval」を押すと実行します。 数独（コンパイル済み版） Schemeのコードを事前にJavaScriptにコンパイルしておくことで、ロード時間を無くしたものです。 WebSchemeからGoogle Maps APIを呼び出すサンプル WebSchemeにはJavaScriptのオブジェクトを操作する機能があり、これを使って Googleマップを操作するサンプルです。 「load sample」
Life is beautiful: Javascriptクイズ（中級者向け）：無名関数と実行効率の話
Javascriptを使い始めたばかりの太郎君に、上司の花子さんから「スタイルシート用のスタイル名をDOMからアクセス可能なプロパティ名に変更するJavascriptのライブラリを作って欲しい」という課題が与えられました。何のことか分からずにポカンとしている太郎君に、花子さんは「"font-style" を"fontStyle"に変更する関数を作ればいいのよ」と言い残して立ち去ってしまいます。 O'ReillyのJavascript本としばらく格闘した太郎君は、やっとライブラリを完成させます。 function capitalize(str) { return str.charAt(1).toUpperCase(); } function style2prop(str) { return str.replace(/-[a-z]/g, capitalize); } "font-style"が
Greasemonkey勉強会 - 不可視点
ゼミ用資料 関係のない方はスルーしてください 今回の資料：ダウンロード Greasemonkeyとは Firefoxでユーザースクリプトを実現するためのエクステンション（拡張機能）の一つで、読み込んだウェブページをクライアント（ユーザー）側でカスタマイズ可能にするもの。 他のブラウザでは、同様の機能が、Opera8では標準で、IEではTrixieを導入することで、SafariではCreammonkeyを導入することで実現できる。 例えば、特定サイトのフォントを変更したり、広告を排除したり、便利なリンクを追加したりすることができるユーザースクリプトがあります。より詳細な内容：http://diveintogreasemonkey.org/toc/ *1 使うには https://addons.mozilla.org/ja/firefox/addon/748 どんなものがあるの とりあえず使っ
ECMAScript 4 の Draft をざっくり読んでみた - てっく煮ブログ
ECMAScript 第4版の最終ドラフトが公開された、というので、ざっくり読んでみた。PDF はこれ：http://www.ecmascript.org/es4/spec/overview.pdfこのドキュメントは Overview の最終ドラフト。このあと、Overview が固まって、そこから Specification が作られていくものと思われる。(追記) コメント欄で mal_blue さんから間違いを指摘や補足をしていただいてます。コメント欄もあわせてご覧ください。概要大まかな特徴はこんなところ。オブジェクト指向クラスとインターフェースがサポートされて、OOP なコーディングができるようになるよ。OOP なコーディング方法は ActionScript 3.0 と同じ（のはず）。 もちろん、ECMAScript 3 時代の手続き型な書き方も使える模様。厳密にも書けるnamesp
JavaScript Library Archive
JavaScript Library Archiveについて JavaScriptライブラリをまとめたサイトです。用途別に探すことができ、配布元、使用方法、ライセンスなどについて解説をしております。 新着JavaScriptライブラリ プログラムのコードに色を付ける「google-code-prettify」 角丸を表現する「jQuery Corners 0.3」 jQueryベースのカラーピッカー 「Farbtastic」 水平方向のアコーディオンメニュー「horizontal accordion」 セレクトボックスをカスタマイズする「Script.aculo.us Select Box」 IE6でhover,active,focus擬似要素を使う為の「csshover」 画像に光沢を与えるjsライブラリ『Glossy.js』 IE6以下をIE7と同じようにするライブラリ『IE7.js』
AJAXベースでサクサク動くのフリーの掲示板クリプト「JibberBook 2」:phpspot開発日誌
JibberBook 2 - Free AJAX Guestbook A Free AJAX GuestbookAJAXベースでサクサク動くのフリーの掲示板クリプト「JibberBook 2」。 JibberBook 2 のデモページはこちら 書き込むと、画面遷移なしに、そのまま画面に追加されます。 書き込んだ内容には、アニメーションスクロールしながらフォーカスが移ります。 JavaScript ライブラリには、mootoolsを使用し、サーバ側ではPHPが動作という構成。 掲示板のRead/Writeの部分はPHPで出来ています。 デザインや動作がクールなので、一風変わった掲示板スクリプトとして覚えておくとよいでしょう。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
502 Bad Gateway