実践しながらjQueryを学べるオンライン学習サイト・Try jQuery - かちびと.net
実際にコードを書いて学べる学習コンテンツ・Try jQueryのご紹介です。jQuery公式のオンライン学習サイトっぽいですね。英語ですけどこれから学ぼうという方にはうってつけかもしれません。 実践でjQueryを学べるサイトです。スライドも完備されています。英語が苦手な方にはちょっと難しいかもですけど・・ ドメインから察するに公式のものでいいと思います・・確認はしていませんけど。内容は基本的なものからスタートします。 スライドからスタートです。 他の学習サイト同様、指示通りに進めていきます。 正解ならSuccess!の文字が出て次に進みます。 これから始めたい、という方は如何でしょうか。 Try jQuery
JavaScript - TypeScript: .NET 開発者の JavaScript への抵抗をなくす
TypeScript: .NET 開発者の JavaScript への抵抗をなくす Shayne Boyer Microsoft .NET Framework は、利用可能なツールを豊富に備えた非常に重要なプラットフォームであり、多くの投資の対象となっていることは間違いありません。C# や Visual Basic .NET の知識と XAML の知識を組み合わせれば、既存のスキルを活かす市場はほぼ無限に広がります。しかし、昨今では、長い間定評はありましたが、アプリケーション プラットフォームが整備されるにつれて、ここ数年で飛躍的に利用されるようになった言語について検討することも必要です。それが JavaScript です。JavaScript アプリケーションの成長は著しく、その能力も広大です。Node.js は、スケーラブルな JavaScript アプリケーション開発用プラットフォー
SQL.js: SQLite Compiled to JavaScript via...
Badass JavaScriptA showcase of awesome JavaScript that pushes the boundaries of what's possible on the web, by @devongovett. Alon Zakai, the creator of Emscripten is back at it again, this time releasing SQL.js, which is a compilation of SQLite to JavaScript using his own tool. The demo page shows it in use, and if you view source, just how easy he’s made it to use after it has been compiled. var
Node.jsがバージョンアップ、初の公式Windows版「node.exe」登場
サーバーサイドJavaScriptのNode.jsが先週バージョンアップし、安定版がV0.4.10に、非安定版がV0.5.2になりました。V0.5.2版では、公式なバイナリとしては初めてとなるWindows版のnode.exeが公開されています（追記、Windows版は正確にはV0.5.1からでした）。 6月末にマイクロソフトがNode.jsの開発を支援することを明らかにした際に、ネイティブなWindows版の登場がアナウンスされていました。あれからわずか1カ月で登場したことになります（参考「マイクロソフト、Node.jsをWindows Azure対応にするため開発元を支援」）。 Windows版V0.5.2のnode.exeは以下のURLからダウンロード可能です（最新版は、Node.jsのWebサイトのダウンロードのコーナーを参照してください）。 node.exe Windows ex
サーバーサイドもJavaScriptで開発
@higayasuo は現在HTML5のアプリを開発しており、クライアントをJavaScriptで開発中。ソースを統一させる為にサーバーサイドもJavaScriptを採用したとの事。
LDRですべての外部リンクをバックグラウンドタブで開くUserScripts - os0x.blog
Greasemonkeyでも動くようにしましたが、一応Google Chrome用です。 LDR open in background tab for Greasemonkey Greasemonkeyでピンの数が減らないバグを修正 Operaで「ポップアップをバックグラウンドで開く」に設定した場合と同じ動作になっているはずです。 仕組みとしては、nativeのwindow.openを上書きして、a要素を作ってミドルクリックのイベントを投げる方式です。将来的に動かなくなる可能性が高い、グレーなテクニックです。 window.open = function(url,name){ var a = document.createElement('a'); a.href = url; if (name) a.target = name; var event = document.createEve
HTMLヘルプ形式のJavaScriptリファレンス「jsref.chm」を公開した。 - こせきの技術日記
MozillaのJavaScriptドキュメントとECMA Scriptの言語仕様を、まとめてHTMLヘルプ(chm)形式にコンパイルしました。Windows用です。 (2008-05-27 追記) OS XならChemrがいいみたいです。(参考) http://cid-57544de2edadf883.skydrive.live.com/self.aspx/jsref/jsref.chm *1 以下のドキュメントが入っています。 Core JavaScript 1.5 リファレンス http://developer.mozilla.org/ja/docs/Core_JavaScript_1.5_Reference Core JavaScript 1.5 ガイド http://developer.mozilla.org/ja/docs/Core_JavaScript_1.5_Guide G
10 Useful jQuery Snippets | Tech Leadership Advice & Resources
Tech Leadership Advice & Resources Books, worksheets, templates, frameworks and other useful resources for Chief Technology Officers (CTOs), VPs of Engineering & Technology Directors Following are 10 Useful jQuery snippets for any website. To use these snippets, you must include jQuery library in your page first and then add the snippets inside DOM ready function as follow: $(document).ready(funct
「Google JavaScript Style Guide」に沿ってチェックしてくれる、グーグル製JavaScript文法チェッカー
「Google JavaScript Style Guide」に沿ってチェックしてくれる、グーグル製JavaScript文法チェッカー グーグルはJavaScriptコードのスタイルガイド「Google JavaScript Style Guide」を公開しており、同社自身もこのスタイルに従って開発を行っているとされています（スタイルガイドの日本語訳の例）。 このスタイルガイドに従った開発を支援してくれるツールがグーグルからオープンソースとして公開されました。同社のClosure Tools Blogのエントリ「Introducing Closure Linter」で紹介された文法チェックツールのClosure Linterです。 Closure LinterはPythonで書かれたツールで、コマンドラインから利用します。上記のエントリによると、次のようなJavaScriptをチェックに書
jQuery.Syntax - Orion Transfer Ltd
jQuery.Syntax is an extremely fast and lightweight syntax highlighter written in JavaScript. It has dynamic loading of syntax source files and integrates cleanly using CSS or modelines. # -*- mode: ruby; -*- # Isn't this a bit excessive!? 100.times { puts "Hello World!" } jQuery.Syntax also does inline highlighting for all supported languages. For example: @x = y + 10 (Ruby) and <img src="logo.png
jQueryでブラウザウィンドウのリサイズに合わせてのdivとかもリサイズ(縦のみ) - DO☆KA☆TA ~information technology~
ブラウザウィンドウの縦のリサイズに合わせて表示中のdivとかで括られた部分を 同時にリサイズし、縮め過ぎたらスクロールバーを出す。ということをしなくては いけなくなった。 普通に組み込みと、長ったらしくてぱっと見、複雑そうで萎えるjavascriptのコード なりそうだったので、jQueryでできないかと思った。 しかし、自分で考えるのがいやだったので、色々飛び回った。そしてあった。 海外のどっかのサイトでサンプルがあったのだが、 場所を失念したのでサンプルに似たようなコードをメモしとく。 下記のコードでは、コンテナ（divタグ）でリサイズに応じて伸び縮みする対象を ３つ想定している。 ※divタグで、id=aaとid=bbとid=ccがあることを想定 ※footmargin変数は、フッターの余白の高さである。 $(document).ready(function() { var foot
google-code-prettify - Google製コードハイライト表示JavaScriptライブラリ: ある SE のつぶやき
google-code-prettify google-code-prettifyは、Googleが提供するコードをハイライト表示してくれるJavaScriptライブラリです。 サンプルはこちらから見ることができます。 READMEを見ると、使い方も簡単そう。 まず、ライブラリの読み込み。 <link href="prettify.css" type="text/css" rel="stylesheet" /> <script type="text/javascript" src="prettify.js"></script> onLoad時に実行。 <body onload="prettyPrint()"> ハイライト表示したいコードは、こんな感じで記述。 <pre class="prettyprint"> /*--------------------------- google-co
SHJS - Syntax Highlighting in JavaScript
SHJS is a JavaScript program which highlights source code passages in HTML documents. Documents using SHJS are highlighted on the client side by the web browser. SHJS uses language definitions from GNU Source-highlight. This gives SHJS the ability to highlight source code written in many different languages: Bison C C++ C# ChangeLog CSS Desktop files Diff Flex GLSL Haxe HTML Java Java properties f
Super Tables - HTML Tables with Fixed Headers and More - Matt's 411 - Javascript, CSS, HTML and more
HTMLテーブルの縦横を固定にしてデータを見やすく·Super Tables MOONGIFT
Super TablesはJavaScript製のオープンソース・ソフトウェア。業務システムをはじめ、レポート出力等で多用されるのがテーブル組みだ。縦横に長いデータを表示する場合、表計算ソフトウェアであればヘッダ部を固定表示にする。そうすればスクロールしても何の項目かすぐに分かる。 中央に表示されているテーブル だが素のままのHTMLではそのような柔軟な表示は行えない。そのためシステムによっては10行ごとにヘッダを繰り返し挿入したりする。だがそれも再利用性が悪くなるだろう。そこで使ってみたいのがSuper Tablesになる。 Super Tablesを使うとテーブルの縦方向ヘッダを固定にしてスクロールしても常に表示される。さらに横方向のヘッダも固定になり、一番左側のカラムが常に表示されるようになる。テーブルのユニークになるIDを常に表示したりすると便利だ。 実際のデータ。普通のテーブル組
CSSだけでJavaScriptのような動きを実装するサンプル30 – creamu
96332132, iStockphoto/ Thinkstock CSSでかっこいいUIを実装したい。 そんなときにおすすめなのが、『30 Pure CSS Alternatives to Javascript』。CSSだけでJavaScriptのような動きを実装するサンプル集です。 なかなかいい感じのものが揃っています。 Valid Non-Javascript Lightbox JavaScriptを使わずに、libhtbox系の動きを実装。反応が速くていい感じです Create a Content Slider Using Pure CSS さくさくと切り替わるコンテンツスライダー Pure CSS speech bubbles CSSで作る吹き出し型のデザイン Accordion Using Only CSS CSSを使ったアコーディングメニュー CSS-Only Tabbed
速くてコンパクトな JavaScript 用の sprintf の実装 - latest log
[javascript][sprintf] で検索してたどり着く方が多いようなので、uupaa-0.7.js から切り出して張ってみます。 /*!{id:"uupaa.js",ver:0.7,license:"MIT",author:"uupaa.js@gmail.com"}*/ window.sprintf || (function() { var _BITS = { i: 0x8011, d: 0x8011, u: 0x8021, o: 0x8161, x: 0x8261, X: 0x9261, f: 0x92, c: 0x2800, s: 0x84 }, _PARSE = /%(?:(\d+)\$)?(#|0)?(\d+)?(?:\.(\d+))?(l)?([%iduoxXfcs])/g; window.sprintf = _sprintf; function _sprintf(fo
iPhone/Gears/Adobe AIRの開発に便利なJavaScript O/Rマッパー·ActiveRecord.js MOONGIFT
※ 画面は公式サイトのデモコードより 最近のWebシステム開発ではO/Rマッピングの利用が当たり前になっている。そのため、生のSQLを書く機会が殆どなくなり、開発がスムーズになっている一方、いざ書くとなると非常に面倒に感じるようになっている（もちろんORマッピングではコストがかかってしまう場合はSQLを書く必要もあるだろうが）。 JavaScriptで実現するO/Rマッピング それはSQLiteが使えるiPhone/Gears/Adobe AIRといった今時の開発に対しては特に言える。O/Rマッピングに慣れてしまった体にはSQLite向けのSQLを書くのは非常に辛い。そこで使えるのがActiveRecord.jsだ。 今回紹介するオープンソース・ソフトウェアはActiveRecord.js、JavaScriptで作られたO/Rマッピングソフトウェアだ。 ActiveRecord.jsが対応
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IBM Developer
サーバーサイドJavaScriptとHTML5アプリ
