MOONGIFT: » JavaScriptでiPhone SDKを利用する「PhoneGap」:オープンソースを毎日紹介
iPhone/iPod Touchの魅力に位置情報の測定や加速度センサーがある。これらを使えばこんなもの、あんなものができるとわくわくさせられるが、こうした内部のAPIを使うにはiPhoneネイティブなアプリケーションを開発する他ない。 ネイティブアプリケーションによる位置情報取得（実行はiPhoneエミュレータ） しかしネイティブアプリケーションは開発の工数や公開までの道のりが長く感じられてしまう。もっと手軽に使うならWebアプリケーションが一番だ。そこでWebアプリケーションから内部APIを利用できるようにしてしまおうというのがこのソフトウェアだ。 今回紹介するオープンソース・ソフトウェアはPhoneGap、iPhone SDKとWebを橋渡しするソフトウェアだ。 PhoneGapはiPhoneネイティブなアプリケーションで、立ち上げることによってgapというプロトコルが使えるようにな
Script.aculo.usのコントロールでWebアプリケーションをもっと使いやすく：CodeZine
はじめに 筆者はDevXの以前の記事で、動的なWebアプリケーションの開発に役立つJavaScriptフレームワーク「Prototype」を取り上げましたが、その記事の最後で、PrototypeをベースにしたUIライブラリであるScript.aculo.usについて少し触れました。本稿ではScript.aculo.usが提供するオートコンプリータ、インプレースエディタ、スライダというWebコントロールについて説明します。 Script.aculo.usは大きなライブラリなので、1つの記事で網羅的に説明することはできません。しかし、本稿の説明を読めば、Script.aculo.usのWebコントロールを利用してエンドユーザーエクスペリエンスを向上させることができるでしょう。環境のセットアップ まずブラウザでPrototypeのホームページにアクセスし、最新バージョン（本稿の執筆時点では1.6
JavascriptでGETリクエスト値を取得する - Archiva
Make a note of it: Web tech, montaineering, and so on. Note: この記事は、3年以上前に書かれています。Webの進化は速い！情報の正確性は自己責任で判断してください。 JavascriptでGETリクエストパラメータを取得する方法。ポップアップ・ウィンドウに値を渡すとか、処理にワンクッション挟みたい場合に便利。 key1 = Script var qsParm = new Array(); function retrieveGETqs() { var query = window.location.search.substring(1); var parms = query.split('&'); for (var i=0; i<parms.length; i++) { var pos = parms[i].indexOf('=')
データが1件の時だけ、JavaScriptの必須チェックが誤動作する：CodeZine
上の画面は、ワークフロー機能でよくある承認画面です。チェックボックスで選択したデータは、［承認］ボタンをクリックすることで、状態を「承認待ち」から「承認済み」へ変更できます。入力チェックとして、「選択0件で承認ボタンをクリックしたときはエラー表示」という処理をJavaScriptで実装しています。 ところが、データが1件の時だけ、「選択しているのに『1件も選択されていません』というエラーが出る」というバグが発生しました。バグコード 入力チェックのコードは、次のようになっていました。 function check() { var sentakuChk = document.form1.sentakuChk; for (var i=0; i<sentakuChk.length; i++) { if (sentakuChk[i].checked) { return true; } }
FindBugsのバグパターン一覧 - たかのり日記
Javaに対する静的解析ツールには、以下のようなものがあります。 FindBugs PMD Jlint Lint4j Jtest（有償） 近頃の動向を見ていると、OSSのツールでは、FindBugsがデファクトスタンダードになりつつあるように思います。FindBugsは、2007/11/08にリリースされた1.3.0以降、1〜2ヶ月に一度の頻度でリリースされており、チェックルールも充実してきています。最近、FindBugsのチェックルールを調べる機会があったので、どんなルールがあるのかをまとめてみました。 FindBugsが検出するバグパターンは、次のような括り方となります。 バグカテゴリ > バグコード > バグタイプ 左側がより大きい括りになっており、バグタイプが1つの検出ルールに対応付きます。 FindBugsは、1.3.4時点で、8個のカテゴリと354個のチェックルールから成り立ち
ニテンイチリュウ: マリオカートJS
This is a Flickr badge showing public photos from arne5000. Make your own badge here. THE ECO ZOO | ECODA!DOBUTSUEN └ タロウ at 2008年6月11日 ◆play > smart └ ＴＮ at 2008年6月 4日 └ 通りすがり at 2008年6月 4日 ◆アップルモバイル？！ └ ＴＮ at 2008年6月 4日 └ 通行人 at 2008年6月 4日 ◆Bonds with Designers └ ＴＮ at 2008年6月 4日 └ simon at 2008年5月27日 ◆4月に読んだ本 └ TN at 2008年6月 4日 └ mizzusano at 2008年5月26日
[Think IT] 【これならわかる！JavaScript/Ajax】やりなおしのJavaScript 第1回：そろそろ本気で学びませんか？ (1/3)
画面の一部を瞬時に切り替える方法 JavaScriptを勉強したいけど、プログラム構造がよく分からなくて、なんとなく使っている人は多いのではないかと思います。市販の本やWebサイトにはJavaScriptのサンプルがたくさん載っているので、必要なところをコピー＆ペーストしてしまうと、JavaScriptの文法が分からなくても動いてしまいます。 しかし、このような使い方をしていると、JavaScriptサンプルを少しだけ修正したいという時に対応できなくなります。これでは「JavaScriptを使える」とは言えませんよね。 そこで、本連載では、JavaScriptをもう一度やり直したい方々のために、勉強の切り口を変えて紹介していきましょう。 最初のトピックでは、JavaScriptを使ってHTMLのコンテンツを入れ替える方法について紹介してます。この技術は、最近話題になっているAjaxのベース
JavaScriptで図形を描くHTML要素「Canvas」の実例
JavaScriptを使ったAJAXが昨年前半まで大いに注目を集めていましたが、その根本になったJavaScript自体は古くからあり、AJAXというのは新しい応用法みたいな側面が非常に強かったのが特徴です。 しかし今回紹介する「Canvas」要素はそういうのとは明らかに一線を画しています。グラフの描画、写真合成、アニメーションなどが可能で、実際にはMac OS X のDashboardに初導入されています。そのため、サポートしているブラウザはSafariとFirefox 1.5以降のGecko1.8ベースのブラウザ、それからOpera9となります。また、この「Canvas」要素は「HTML 5」としても知られるWhatWG Web applications 1.0仕様の一部でもあるそうです。 といろいろ書いても実感がわかないと思うので、いろいろな実例を見てみましょう。 まずは簡単なフレー
Twinkle - split screen | Mathieu 'P01' HENRI | 20080427
Twinkle - 20 lines JavaScript contest - Split Screen by Mathieu 'p01' Henri April 2oo8. The specification of Canvas being in progress, this script is best rendered in a recent browser such as Opera 9.5 or Firefox 3. These animations require a decent browser such as Opera 9.5 or Firefox 3. No really I meant it.
JavaScriptライブラリのPrototypeで作られたRPGゲーム『ProtoRPG』 | 100SHIKI
JavaScriptでここまでできる！を体現したようなサイトのご紹介。ProtoRPGはJavaScriptライブラリのPrototypeを駆使して作られたRPGゲームである。 矢印キーで移動し、U（Use）やT（Talk）を使いながらゲームを進めていくことができる。ゲーム感は一昔前の家庭用ゲーム機とまったく変わらない。ブラウザでここまでできるかぁ、と実に感慨深い。 なお、同サイトにはブログやWikiも併設されており、このゲームがどのように作られたかも公開されているようだ。技術的な話に興味がある人は覗いてみるといいだろう（まだ記事数は多くないが・・・）。 ブラウザで何ができて何ができないのか。そうした知識は常にアップデートしていきたいですね。
Yet Another Dynamic Presentation!
地道な高速化 1 // style も new 時にプロパティにいれておく s6.Constructor = function(element) { this.element = element; this.style = element.style; }; 地道な高速化 2 // コールバックを受ける関数では this // や引数を受けるようにしとく s6.hoge = function() { var shift = Array.prototype.shift; // ↓ Opera ではバグるので回避しなきゃダメ var f = shift.apply(arguments); f.apply(shift.apply(arguments), arguments); }; DOM の空きプロパティ // DOM の要素の空きプロパティの // アクセス速度は普通のハッシュとほとんど変
JsUnit を使った JavaScript のユニットテスト - WebOS Goodies
アプリケーションを開発する上で、避けて通れないもの、それがテストです。とくにブラウザごとの非互換性が大きい Web アプリケーションでは、念入りなテストが必要です。でも、テストはあまり創造的な作業ではないし、やったからといってなにか機能が増えるわけでもない。できるだけ手間をかけずに済ませたいところですね。 そんなわけで、本日は JavaScript 用のテストフレームワークである JsUnit を利用したユニットテストの方法をご紹介しようと思います。 Ruby のユニットテストの記事でも書きましたが、ユニットテストによるテスト・ファースト開発は開発効率の面でも良い影響があります。まだ導入していない方は、ぜひこの機会に使ってみてください。 JsUnit について 今回利用する JsUnit は Java 用の JUnit を参考にして作られた JavaScript 用のユニットテストフレーム
Smashing Magazine » Blog Archive » Cheat Sheet Round-Up: Ajax, CSS, LaTeX, Ruby…
AJAX calls do not cover updates from the server, which are needed for the modern real-time and collaborative web. PubSub (as in “publish and subscribe”) is an established messaging pattern that achieves this. In this article, Alexander Gödde will look at precisely how PubSub solves the updating problem, and he’ll look at one particular solution (the WAMP protocol) that integrates both the calling
プレゼンテーション風表示を可能にするjavascript「s5」
twitter facebook hatena google pocket 近頃プレゼンをするにはPowerPointが馬鹿の一つ覚えのように使われています。 しかしWeb上では全画面を用いるような仕組みはありませんでした。 s5はWebプレゼンテーションを簡単に作成することができるJavascriptです。 sponsors 使用方法 headにCSSとscriptを埋め込みます。 なおアップロードするのはuiフォルダのdefaultにあるものだけで構いません。 <link rel="stylesheet" href="http://yourdomain/slides.css" type="text/css" media="projection" id="slideProj"> <link rel="stylesheet" href="http://yourdomain/outline.
二度押し防止の onsubmit で disable にするやつ :: Drk7jp
もう２年ほど前に話題になったアレなんですけど、今更ながらあるサービスでこの仕組みの導入を検討しています。 onsubmit で submit ボタンを disable にしてユーザビリティを良くする - naoyaのはてなダイアリー submit ボタン disable 技の罠 - naoyaのはてなダイアリー onsubmit で submit ボタンを < disable にしてユーザビリティを悪くするのはやめてください - のヮの うんこ♥ onsubmit で disable にするやつ - 鷹の島 onsubmit の disable 化ですが既に議論が終わっているように、onsubmit disable の実装方法として、 onsubmit イベント発生時に submit 要素を disable にして値をサーバへ渡すための hidden 要素を生成する方法 setTimeou
MOONGIFT: » 要チェック！Ajax向けIDE「WaveMaker Visual Ajax Studio」:オープンソースを毎日紹介
Prototype.jsやscript.aculo.us、jQueryなどのJavaScriptライブラリがあるお陰で、AjaxやJavaScriptを駆使したWebアプリケーションが容易に作成できるようになっている。が、まだまだGUIアプリケーション並みとはいかないのが現状だ。 サンプルアプリケーションを開いているところ それを打破できるかも知れないソフトウェアを紹介しよう。Webアプリケーション開発者皆さんにおすすめだ。 今回紹介するオープンソース・ソフトウェアはWaveMaker Visual Ajax Studio、Ajax開発向けIDE（統合開発環境）だ。 WaveMaker Visual Ajax StudioはJavaベースのソフトウェアで、Tomcatを使っている。起動後、localhost:8094でサービスが立ち上がる。ブラウザベースで動作するが、これはまさにIDEのW
[JS]わずか14KBのJavaScriptで動作するスーパーマリオ
nihilogicのエントリーから、14KBのJavaScriptで動作するスーパーマリオを紹介します。 Super Mario in 14kb Javascript デモページ マリオを操作するには、矢印キーで行います。 サイトでは上記のノーマルサイズ＋音無し版の他に、音有り版・ダブルサイズ版が公開されています。 スーパーマリオの表示が崩れる時は、「西ヨーロッパ言語(ISO)」にすると正常に表示されます。 スーパーマリオ：ノーマル版 スーパーマリオ：ノーマル＋音付き版 スーパーマリオ：ダブルサイズ版 スーパーマリオ：ダブルサイズ＋音付き版
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://youmos.com/news/yui_editor
メンテナンス中
特集：Firefox 3とFirebugで始めるJavaScript開発｜gihyo.jp … 技術評論社
