describe("Jasmine", function() { it("makes testing JavaScript awesome!", function() { expect(yourCode).toBeLotsBetter(); }); }); Documentation User Guide Release Notes API Documentation Contributor Guide Download For pure JavaScript projects: VersionSizeDateSHA1
Versions: 0.2.2 - April 11, 2011 (10.3 MB) 0.2.1 - April 07, 2011 (10.3 MB) 0.2.0 - April 06, 2011 (10.3 MB) 0.1.1 - April 05, 2011 (10.3 MB) 0.1.0 - April 05, 2011 (10.3 MB) Show all versions (6 total)
マイクロフォーマット これまでに実装したビューにはメニューの ID や名称に対して明確なマークアップがなされておらず、このままではクライアントからの操作は困難です。この問題を解決するために マイクロフォーマット を使うことができます。 マイクロフォーマット とは人が読んで理解できる情報にマークアップを付加する手段です。マイクロフォーマット を使用することにより、ドキュメントに埋め込まれたデータに対するソフトウェアからの操作がより簡単になります。 カレンダーや住所など扱う情報の種類毎に マイクロフォーマット の仕様が策定されています。今回はメインメニューとサイドメニューの商品を表現するために、製品情報用の マイクロフォーマット である hProduct を採用することにします。 それでは hProduct に従って、メインメニュー、サイドメニュー、確認ページのテンプレートを変更しましょう。
jqueryで作るプルダウンメニューを以前（こちら）紹介したのですが、今回は2階層プルダウンをするやり方です。このやりかたで何階層までも作っていけます。 html <ul id="menu"> <li><a href="">メニュー</a> <ul id="sub"> <li><a href="">サブメニュー</a></li> <li><a href="">サブメニュー</a></li> <li><a href="">サブメニュー</a> <ul id="sub"> <li><a href="">サブサブメニュー</a></li> <li><a href="">サブサブメニュー</a></li> <li><a href="">サブサブメニュー</a></li> </ul> </li> </ul> </li> <li><a href="">メニュー</a> <ul id="sub"> <l
沢山のページを遷移しなければならなかったり、適切な入力サポートのないお問い合わせフォームで困惑させたりして、あなたのサイトから大切なユーザーが逃げていませんか。 せっかちなネットユーザーを逃さないためには、Ajaxを利用した直感的・動的なユーザーインタフェースが有効です。 Ajaxとは? 「Ajax(エイジャックス)」と呼ばれるJavaScriptの応用技術を使った、軽快で直感的なユーザーインタフェースを持つWebサイトが増えてきました。 Ajaxとは、簡単にいえば、ユーザーがクリックなどした際に、Webページを丸ごと書き換えずに、コンテンツの一部だけを更新することができる技術です。これは「非同期通信」と呼ばれます。特に北米では、Ajaxは、デザイン性にこだわったサイトや、ユーザーインタフェースを重んじるサイトなど先進的なサイトで活用されるようになっています。 Ajaxは、たとえば以下のよ
え、無いの？ということで調べてみると... どうやら "link_to_remote" がなくなり "link_to" , "button_to" などに ":remote = true" オプションで実装するらしい。 :remote => true - This will allow the unobtrusive JavaScript driver to make an Ajax request to the URL in question instead of following the link. The drivers each provide mechanisms for listening for the completion of the Ajax request and performing JavaScript operations once they’re compl
ここ数年、会社を辞めて自分のペースで仕事を請け負うフリーランスという形態で仕事をする人が増えています。フリーランスには様々な職業があり、代表的なものでは翻訳業やイラストレーター、YouTuberもフリーランスに分類されます。そして代表的なフリーランスの職業がもう一つあります。それはプログラマー/エンジニアです。そのプログラミングの大部分を占める工程がコーディングであり、知識と技術を身につければ、憧れのフリーランスに鞍替えすることも夢ではありません。 それではコーディングの知識と技術を取得するにはどのようなルートがあるのでしょうか？現実として学校に通うか、プログラミングを請け負う会社に入社するか、あるいは独学で取得するかのいずれかを選択することになります。そこで今回は最も費用の少ない独学でコーディングを学ぶ方法を紹介したいと思います。 独学でコーディングの知識と技術を身につけるには まずはプ
よく理解できていなかったのでチュートリアル的に整理した。 まずはチュートリアル用のアプリを新規作成して、コントローラーを一つ作る。 rails new ajax_tutorial cd ajax_tutorial rails g controller sandbox index update_time Ajaxなフォームやリンクを作成する form_forやlink_toといったヘルパーのオプションに:remote => trueを加えるとボタンを押した時やリンクをクリックした時のリクエストが非同期リクエストになる。 app/views/sandbox/index.html.erb <h1>Sandbox#index</h1> <%= link_to('update time', {:action => 'update_time'}, :id => 'update-time-link',
CoffeeScriptについて ここんところしばらくCoffeeScriptとTitaniumの組み合わせで開発しているわけだけど、CoffeeScriptに関して言えば特に大きなハマりどころもなく快適に使えている。 強いて言えばこの間の@だけど、あれはどっちかというとJavaScriptのハマりどころだったわけで。 文法を覚えるコストがゼロとは言わないが、Rubyのバックグランドを持っていたせいかそんなに苦労はしなかった。 書き方を覚えてしまえばJavaScriptよりもさくさく書けて、かなり生産性に寄与してくれているのではないかと思う。 個人的には後置のifとforが特にお気に入り。 Titaniumとの組み合わせについて Titaniumとの組み合わせもまったく問題なし。 逆にCoffeeScriptなしでの開発が今となっては考えられないくらい。 Resources以下で以下のコー
Run JavaScript EverywhereNode.js® is a free, open-source, cross-platform JavaScript runtime environment that lets developers create servers, web apps, command line tools and scripts. Download Node.js (LTS)Download Node.js (LTS)Downloads Node.js v22.14.01 with long-term support. Node.js can also be installed via version managers.Want new features sooner? Get Node.js v23.8.01 instead. // server.mjs
ソースコードをWEB上で公開したい時などに役立つJS「SyntaxHighlighter」をこのブログにも入れてみたんですが、FC2ブログ用に備忘録として残しておきます。 ダウンロード まずは「SyntaxHighlighter」をダウンロードします。 Download 解凍すると以下の構成になっているので、「Styles」フォルダの「SyntaxHighlighter.css」と「Scripts」フォルダから「shCore」（←必須）とあとは主要な4ファイル（shBrushXml,shBrushCss,shBrushJScript,shBrushPhp）をアップロードしておきます。 Scripts(shCore,shBrushXml,shBrushCss,shBrushJScript,shBrushPhp) Styles(SyntaxHighlighter.css) Uncompress
home blog labs about contact Web・コンピュータ > あなたのソースコードを彩る、Syntax Highlighterまとめ Syntax Highlighter ソース ブログ 作成： 2007-06-30T19:14:27+09:00 更新： 2009-04-29T00:31:57+09:00 ブログに貼り付けたソースコードを分かりやすく見せたい！ というのはコードを書くブロガーなら誰でも思うはず。 最近はコードを書いてもそのまま貼り付けるだけになってしまっていましたが、やはりソースコードは色づけされて分かりやすい方がいい。 何故かまとまった情報が無いようなので、まとめてみました。 ちなみに、ライブラリを選ぶ最中にまとめたので、どのツールも未使用なのであしからず。 JavaScript系 JavaScriptを使って自動で色分けしてくれるようなツール。 元
GUIのアプリケーションは人が操作する分には便利だが、自動操作したり、システムから操作するには使い勝手が悪い。コマンドベースでGUIアプリケーションが操作できれば、今までにない使い方が生まれるかも知れない。GUIとCUIのどちらが優れているという訳ではなく、自由に選択できれば良いのだ。 メニューバーからMozReplを起動する そんな便利な操作を可能にするのがMozReplだ。MozReplはターミナルからFirefoxなどに接続できるようになる。 今回紹介するオープンソース・ソフトウェアはMozRepl、コンソールを使ってFirefoxを操作するFirefoxアドオンだ。 MozReplは昔からあったのだが、徐々にパワーアップしてきて面白くなってきている。MozReplを入れるとFirefoxのメニューからtelnetサービスを起動できるようになる。ポート番号は4242（デフォルト）だ。
基幹システムをWebベースで作るといった話題が持ち上がるようになっている。そんな中、よく聞かれるのが表計算ソフトウェア的にデータを操作できる機能だ。技術者の方であればその難易度はご存知の通りで、大抵Excelを使えるようにCSVで出力してお茶を濁すことが多い。 需要の多そうなグリッドライブラリ しかしもう諦めないで良い。高機能、ではないけれど簡易的なデータ操作であればgrrid.jsを使ってみよう。 今回紹介するオープンソース・ソフトウェアはgrrid.js、Webベースで表計算ソフトウェアのように動作するグリッドライブラリだ。 grrid.jsを使うとまるで表計算ソフトウェアのようなグリッドが表示される。各セルは自由に文字を入力できる。移動はエンターキー、タブキー、矢印キーを使って可能だ。タブキーで右、エンターキーは下にフォーカスが移動する。なお、動作にはprototype.jsが用いら
はてブのエントリーページに 以下のようなアクセスチャートを出す Greasemonkey を作りました！ このアクセスチャートは、どのくらいの人がそのページに訪れたかという情報を表しています。 「このページはいつ頃から注目を集めだしたか」などの情報が一目で分かるようになります。 期間は、「24時間」から「3ヶ月」までその場で切り替えることができます。 インストールする！ http://userscripts.org/scripts/source/32521.user.js ブックマークレットを使ってみる！ はてブのエントリーページで以下のブックマークレットを実行してみましょう！ javascript:(function(s){s.src='http://userscripts.org/scripts/source/32521.user.js';document.body.appendChi
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く