CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。
Currently at version 0.9.2 About | Introduction | Download | To Do | Acknowledgements | Disclaimer | Requirements | The Online Emulator | ChangeLog jsMSX is a MSX emulator 100% written in Javascript. Yes, you read it: Javascript! It emulates the underlying Z80 CPU, TMS9918 Video Display Processor (VDP), PPI, RAM slots and Megaram. In its present form, it should be able to run any program or game d
今回はjQueryを使って、「問い合わせフォーム」にバリデーション(検証)機能を付ける方法を解説します。入力漏れや入力ミスがないか、サーバーへ送信する前に、クライアント側であらかじめ簡易的な検証を済ませることで、フォームのユーザビリティを高められます。今回のサンプルでは特に、入力漏れやミスのあった項目を分かりやすくユーザーに示すように工夫しています。 バリデーションルールをclass属性で設定 「問い合わせフォーム」のサンプルとして、以下のようなWebページを作成します。バリデーション機能としては、必須項目の「お名前」「性別」「どこでこのサイトを知りましたか?」「お問い合わせ内容」が入力されているか、「郵便番号」が数値で入力されているか、「メールアドレス」がメールアドレスの書式になっているか、「メールアドレス」と「メールアドレス(確認)」に入力されたテキストが同じか――をチェックします。
前回までは以下の通り。 地図の表示と緯度経度の取得[GoogleMapsAPIVersion3] マーカーと情報ウィンドウの表示と削除[GoogleMapsAPIVersion3] XMLを読み込んでマーカーを表示する[jQuery]+[GoogleMapsAPIVersion3] Googleさんと先人のおかげで、マーカーと情報ウィンドウまでサクサクと出来ました。 残る仕様は二つ。 現在表示されている地点データの名前を、地図の外にリストとして表示します リストに表示された名前をクリックしたら、該当地点のマーカーのふきだしが表示されます 今回は「現在表示されている地点データの名前を、地図の外にリストとして表示します」の方をかたづけます。 これもjQueryを使えばすごく簡単。 まず、リストが表示される場所を確保します。 <body onload="initialize()"> <div i
getCurrentPositionとwatchPositionは、どちらもほぼ同じような使い方で、非常に単純です。が、より使いこなす上で覚えておきたい機能も幾つか用意されています。それらについて整理して行きましょう。 ■オプションの設定 これらのメソッドでは、第3引数にオプション設定を用意することができます。これは連想配列の形でオプションの値をまとめて渡します。用意できる値には以下のようなものがあります。 enableHighAccuracy――高精度のGPS値を取得するかどうか。真偽値で指定し、trueならばこれを利用します。ただしGPS値の取得により時間がかかります。 timeout――GPS取得のタイムアウトするまでのミリ秒数。これを過ぎると取得できないと判断しエラーになります。 maximumAge――キャッシュしたGPS情報の保管期間(ミリ秒数)。これが経過するとキャッシュが破
Flickr APIのインタフェースとしては, REST / XML-RPC / SOAP の3種類が用意されています。 通常は,実装が容易な REST を利用することが多いようです。 REST リクエスト時のレスポンス(APIから返却される結果データ)は, RSP 形式という独自の XML フォーマットで出力されます (Plain Old XML)。 XML以外にも,JSON形式(JavaScript Object Notation), JSONP形式(JSON with Padding), PHP serialize形式での出力も可能です。 今回は,JavaScriptから処理しやすいJSONPを利用することにします。 Flickr APIの利用(ライセンス認証用API Keyの取得)には, 米国Yahoo!の会員登録が必要です。 英語のメッセージなので少し面倒ですが, [Sign U
はじめに 「マンガでわかるJavaScript」は、難しそうに思えるプログラムを、簡単そうに見えるマンガで解説するという初心者向けの入門講座です。 架空の高校生たちに教える形式で、プログラムの基礎から応用を、解説していきます。一通りのマンガを読めば、かなり実践的なところまで、プログラムを書けるようにしていきます。 (マンガは、左上から右下へと読みます) プログラムというと、けっこう大変そうに思えますが、この講座のテーマは「面倒くさいことを楽にする」です。面倒臭がりで、手抜き大好きの女子高生を主人公にして、楽しくプログラムを学んでいくことにします。 主な対象読者は「これからプログラムを学んでみたい人」「Webの世界に関わっていてJavaScriptを学んでみたい人」「昔JavaScriptを触っていたけど最新のトレンドが分からないので改めて学んでみたい人」などです。初心者だけでなく、Webデ
Kawa.netxp AjaxZip 2.0 - Ajax郵便番号→住所自動入力フォーム(CGI不要版) AjaxZip2は、昨年公開した 『ajaxな住所入力フォーム』 の新バージョンです。 郵便番号を入力すると、該当する都道府県名・住所が自動的に入力されます。 Ajaxと JSON フォーマットを利用するJavaScriptライブラリとして公開しました。 JavaScript のみで稼動するため、サーバサイドで稼動するCGIプログラムは不要です。 郵便番号→住所変換処理は全てクライアントサイドのJavaScriptで行います。 既存 HTML の住所入力フォームをたった3行書き換えるだけで利用できます。 簡単に設置できるため、プログラムに詳しくない方でも導入していただけると思います。 以下の住所入力フォームに、7桁の郵便番号を入力してみてください。 【2007/12/09 追記】 jQ
(function(){...})()は、 (function($){ $.hoge = function() { }; })(jQuery) みたいに使われていたりするコード。GreasemonkeyとかjQueryのプラグインとか、あれこれ見かけることがあると思います。 この話題はいくつかWebでも取り上げられていますが何がどうなってんのかちょっと難しいですね。しかし、誰でも理解できるレベルではあります。というのも、こういう種の難しさは体系的な知識が備わっているか否かということなのです。 でも、この知識を体系化する作業って結構しんどくて、難しくて、まーハゲるほど悩むこともあるかもしれない。それはきっと、とても毛根に悪いかもしれない。スカルプDも真っ青の状況になるかもしれない。それは、悲しいことなのだと思う・・・っ! 毛根にはこれからもがんばってほしい!いつだって頭を温かいまなざしで見守
HTML5 および、それに関連する仕様に規定された API がブラウザーに実装されているかをチェックします。 HTML5 HTML Canvas 2D Context Web Storage File API HTML5 Web Messaging Selectors API Level 1 Selectors API Level 2 Web Workers Geolocation API Server-Sent Events Element Traversal この API チェッカーは、厳密に、HTML5 仕様に準拠しているかどうかを調べているわけではありません。IDL 属性(プロパティ)については、得られたオブジェクトのコンストラクタ名または型を評価しています。メソッドについては、それが Function 型かどうかを評価しているだけです。そのため、実装していると結果が出たとしても、
先日行われた Twitter の開発者向けイベント「Chirp」にて、 @Anywhere という新 API が公開されました。自分のサイトに、 JavaScript のみでユーザー情報の表示やつぶやきの投稿、ユーザー認証などの機能を実装できる、とても興味深い API です。 この @Anywhere は使い方も非常に手軽で、こちらのページでサイトを登録すれば、あとは「Getting Started with @Anywhere」にある JavaScript をページに挿入するだけで利用できます。しかし、当然ですが説明は英語ですので、日本人には少しとっつきづらい面もあります。こんな有用な API が日本で普及しないのは大きな損失、ということで前述のページを日本語に翻訳してみました。 勢いで翻訳したので表現はかなり適当ですが、まあ無いよりはましかと思います(笑)。 @Anywhere を利用
jQuery Safari Searcher demo 検索ボックスのスタイルは通常用とインクリメンタルサーチ用が用意されており、ダウンロードできるファイルには画像やアニメーションgifなど一式が揃っています。 ボックスの幅の対応は画像が500pxのため、それより小さい幅まではそのまま対応できると思います。 Safari SearcherはjQueryのプラグインのため、実装にはjquery.jsが必要です。
もしもアフィリエイトで、第九回もしも選手権が行われています。期間内の報酬総額を競います。 前回の結果をみても、既存の楽天やアマゾンをもしも経由に切り替えるだけでも、上位入賞が狙えそうです。でも、リンクを貼り返るのは面倒ですよね。 そこで、サイトのフッタに貼り付けるだけで、自動でリンクを書き換えるスクリプトを書いてみました。 ●設置するJavascriptコード rakuten_a_id='......'と、amazon_a_id='......'の部分は、私のIDが入っているので、書換えが必要です。各々のa_id=****の****部分を自分のアフィリエイトidに書き換えます。 「もしも」管理画面より、楽天・アマゾンの広告リンクを取得してください。種類は問いません。リンク内にあるa_id値(a_id=***の***部分)を読み取って置き換えます。 ※楽天市場を変換したくない場合は、raku
サキとは彼女の自宅近く、湘南台駅前のスーパーマーケットで待ち合わせをした。彼女は自転車で後から追いつくと言い、僕は大きなコインパーキングへ車を停めた。煙草を一本吸ってからスーパーマーケットへ向かうと、ひっきりなしに主婦的な女性かおばあちゃんが入り口を出たり入ったりしていた。時刻は午後5時になる。時計から目を上げると、待たせちゃったわねと大して悪びれてない様子でサキが手ぶらでやってきた。 お礼に料理を作るとはいえ、サキの家には食材が十分足りていないらしく、こうしてスーパーマーケットに寄ることになった。サキは野菜コーナーから精肉コーナーまで、まるで優秀なカーナビに導かれるように無駄なく点検していった。欲しい食材があると、2秒間程度それらを凝視し、一度手に取ったじゃがいもやら豚肉やらを迷うことなく僕が持っているカゴに放り込んだ。最後にアルコール飲料が冷やされている棚の前へ行くと、私が飲むからとチ
JavaScriptやPHPで顔認識する場合は「face.com」のAPIが使えそうです。 先日、「1年で70億枚の顔写真をスキャンしたFace.comが顔認識APIを無料で一般公開」という記事にて知ったのですが、公式サイトのDownloadページにてPHPとJavaScriptのクライアントライブラリが公開されてるみたいです。 face.com developers site Download クラスライブラリの形なので非常に簡単に利用することができるようです。 face.comのビジネスモデルと事業の継続性については気になるところですが、お手軽に重い処理をアウトソースできるという点で魅力的ですね。 勿論、このサービスが停止しなくなれば使えなくなるので安定したサービスを提供したい場合には自前でOpenCVを入れてやった方が良さそうです。 関連エントリ PHPでOpenCVなしのピュアPH
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く