Aptana Studio 3 のこと
現時点ではbetaバージョンだけどインストールしてみたらいい感じだったAptana3について。 Aptanaで検索すると結構な上位にこの記事がランクしてるようなので、 ちょっと補足しつつ使い方メインの記事を追加。 比較検討したい人向けのメモ Aptana Studio 3とは色々な言語に対応している無料のIDEです。ベースはEclipse(Helios)。 開発はもともとAptanaという会社だったんだけど、Appceleratorに買収されて以降はコピーライト表記がAppcelerator, Inc.に変わり、AptanaをベースにTitanium Studioを出しました。 HTML5, CSS3, JavaScript, Ruby, Rails, PHP, Java, Pythonなどをサポート。 Sass、HAML、CoffeeScript、Sell Scriptなどにも対応してま
html5でアプリの壁を超える方法
制限 同時に再生できる音源は1ファイルのみ 再生できるタイミングはユーザイベントのハンドラ内だけ プリロード不可 OS自体のサイレントモードと連動せず BGMを流すだけならこんな方法も $('<div>BGMを再生しますか？</div>').appendTo('body').click(function () { $(this).remove(); (new Audio('bgm.mp3')).play(); }); $('body').on('click', 'a', function (e) { e.preventDefault(); $.get($(this).attr('href')).success(function (html) { $('body').html(''); $('body').append($(html).find('body')); }) });
Webアプリもオフライン実行？ Indexed Databaseを使いこなそう － ＠IT
連載目次 従来のWebアプリケーションでのデータ保存には、MySQL／Oracle／SQL Serverなど各データベース製品を利用してサーバサイドでデータをやりとりするのが一般的であった（ActiveXを利用すればJavaScriptコードからデータベース製品を利用することも可能）。 重要なデータを保存する場合には、今後もこの流れは変わることはない。ただ、個人で利用するだけのデータや、インターネットに接続できないオフライン環境でのアプリケーション利用時であればどうだろう。このようなケースでは、（クライアント環境で）ブラウザごとにデータを保存できる仕組みがあれば、非常に有効だ。 そこで登場するのが、今回紹介する「Indexed Database API」（以下、IndexedDB）だ。IndexedDBは、JavaScriptを使用してデータを管理できるキー／バリュー型の簡易データベースで
ブラウザでストレージ？ Web Storageを使いこなそう
連載目次 ■Web Storageの概要と活用例 旧来（＝HTML 4.1以前）のWebブラウザでは、eコマース・サイトのカート情報やログイン状態の管理情報などのデータをブラウザに保存する仕組みとして、大半のWebサイトではクッキーを利用していた。しかし、クッキーでは、保存容量が4KBytesまでであることや、すべてのリクエストに対してサーバにデータを自動で送信するため、容量制限やセキュリティ対策に悩まされることも多くあった。 HTML5では、クッキーに代わるデータ保存の仕組みとして、「Web Storage」と呼ばれる機能を利用できる。Web Storageは、ブラウザ側でKey-Value型でデータを保存する機能のことで、現在のインターネットを取り囲む環境に対応した「クッキーの後継技術」ともいえる。 Web Storageとクッキーの機能の差異は、以下の表のとおりだ。
無職のプログラミング HTML5 Audio オブジェクトを JavaScript で制御する方法
HTML5 の Audio オブジェクトについて調べたことをまとめる。 なお、本エントリでは Audioタグについては記述しない。 ＜注意＞以下で示すソースコードは、Firefox3.6 と GoogleChrome7 でしか検証していません。 目次 1. HTMLAudioElement オブジェクトの作成 2. HTML5 Audio およびコーデックのサポートチェック 3. 再生する Audio ファイルの指定 4. Audio ファイルの再生、一時停止、停止 5. Audio ファイルの音量変更 6. サンプルプログラム 1. HTMLAudioElement オブジェクトの作成 参考ページ： audio 要素 - HTML5 タグリファレンス - HTML5.JP JavaScriptで制御するために、Audio要素のオブジェクトを作成する必用がある。 作成方法は以下の2通り /
jQuery 日本語リファレンス
jQueryとは、JavaScriptのコーディングを強力に支援するライブラリです。 $('.semooh a').hover( function(){ $(this).text('ヌ？'); }, function(){ $(this).text('ヌー'); } );
40分で覚える！jQuery速習講座 (1/6)
いまやWeb制作に欠かせなくなったJavaScript。でも、「JavaScriptはほとんど“アリモノ”で済ませている」という方も多いのでは？ そこで、WebデザイナーやマークアップエンジニアなどのWeb制作者の方向けに、いま一番人気のJavaScriptライブラリー「jQuery」の基本を学べる特別レッスンをお届けします。題して、「40分で覚えるjQuery」。要点だけにぎゅっと絞って解説しますので、手を動かしながら今すぐjQueryを始めましょう。 【0分目：導入編】 jQueryのダウンロードと利用方法 jQueryのライブラリー本体（JavaScriptファイル）は公式サイトからダウンロードし、head要素などにscript要素を書いて読み込みます。
Twitter API を OAuth で認証するスクリプトを 0 から書いてみた - trial and error
どうも。昨日もちょっと twitter に触れましたが、今日も twitter ねたです。 前の post で、チラッと触れた OAuth 認証 (O認証認証みたいでこわい) を使ってみたくなり、自分で 0 から書いて見ました。 既存のライブラリ使えば手っ取り早いですが、仕組みを理解したかったので、やってみるだけやってみました。 結果から言うと、ものすごく面倒です。すごい時間かかりました。 (僕の文章読解能力と、typo 検出能力と、プログラミングスキルが足りなかっただけかもしれないけど) まあ、これの実装については、各所で結構触れられていますが、まあ話を聞いただけじゃイマイチピンとこないものだったのですが、いざ実装してみたらよくわかりました。 OAuth の仕組み OAuth の仕様については、oauth.net の Documentation に書いてあるとおりです。 OAuth Co
JsUnit を使った JavaScript のユニットテスト - WebOS Goodies
アプリケーションを開発する上で、避けて通れないもの、それがテストです。とくにブラウザごとの非互換性が大きい Web アプリケーションでは、念入りなテストが必要です。でも、テストはあまり創造的な作業ではないし、やったからといってなにか機能が増えるわけでもない。できるだけ手間をかけずに済ませたいところですね。 そんなわけで、本日は JavaScript 用のテストフレームワークである JsUnit を利用したユニットテストの方法をご紹介しようと思います。 Ruby のユニットテストの記事でも書きましたが、ユニットテストによるテスト・ファースト開発は開発効率の面でも良い影響があります。まだ導入していない方は、ぜひこの機会に使ってみてください。 JsUnit について 今回利用する JsUnit は Java 用の JUnit を参考にして作られた JavaScript 用のユニットテストフレーム
知られざるJavaScriptの世界：ITpro
最近，Webプログラミングの世界で静かなブームになっている言語があります。何を隠そうJavaScriptです。JavaScriptはご存知のとおり，クライアントサイドすなわちWebブラウザ上で動作するタイプのプログラミング言語です。最初にJavaScriptが実装されたのは，今から10年以上前の1995年，Netscape Navigator2.0でのことです（登場当時はLiveScriptと呼ばれていました）。決して新しい言語ではありません。それが，どうして再び注目されることになったのでしょう。その理由は，Webインタフェースのプログラミングで，JavaScriptの有効性や利便性が再発見され，言語そのものが持つユニークさや機能が技術者の関心を集めているからです（図1）。 JavaScriptを使うのはダサかった？ Webインタフェースの技術といってもHTMLしかなかったころ，様々なプロ
次の JavaScript の仕様はこうなる！ ECMAScript 3.0 から 3.1 への変更点まとめ - IT戦記
はじめに JavaScript の標準仕様である ECMAScript 3rd Edition (ECMAScript 3.0) が 9 年ぶりにバージョンアップしようとしています。 実は、これまでも様々なバージョンアップの案が上がっては消え、また上がっては消えていました。 しかし、今回のバージョンアップには今までと違う点が一つだけあります。 それは、現時点での主要な ECMAScript インタプリタ（JavaScript の実行エンジン）を作っている全団体（以下を参照）がこの仕様に同意したことです。 Mozilla (Firefox) Apple (Safari) Microsoft (Internet Explorer) Opera (Opera) Adobe (Flash) Yahoo (Yahoo Widget) Google この同意は JavaScript のこれからを大きく
iPhone対応サイトの作り方 - iPhone 3G Wiki*
DiffAnaとは？ iPhoneを買う前にiPhoneの魅力 iPhone安いって聞いたけど 初期設定はじめにやること MMSの設定 Eメール(i)設定 地域日時設定 iPod設定 MySoftbank登録 留守番電話関係 掲示板掲示板 アプリ一覧 Wiki編集局 FAQiPhoneのメールについて FAQiPhoneのパスワード FAQ操作編 FAQ初期編 →カメラ関係 →App Store（アプリ） →バッテリー・充電関係 →無線LAN・Wi-Fi関係 →USIM・キャリア関係 FAQメール編 FAQパケット料金編 FAQ重い メール着信関係 未解決問題 故障・修理 ホーム画面/アプリホーム画面 電話 写真 ビデオ・カメラ マップ（GPS） Safari(ブラウザ) Youtube iPod 時計 カレンダー ボイスレコーダー iBooks アプリ（AppStore） TIPS基本(
特集：jquery.jsを読み解く｜gihyo.jp … 技術評論社
運営元のロゴ Copyright © 2007-2024 All Rights Reserved by Gijutsu-Hyoron Co., Ltd. ページ内容の全部あるいは一部を無断で利用することを禁止します。個別にライセンスが設定されている記事等はそのライセンスに従います。
いまさら人に聞けない Firebug tips - bits and bytes
2年前の夏に書かれたFirebugの便利な組み込み関数 - 技術メモ帳を読んで、いまさらdebuggerと書くとそこからデバッガでステップ実行できるのを知ってショックでした.... lurkerさんのブログで紹介されている$0, $1 で直前にinspectしたものを参照できることも、なぜか公式のドキュメントっぽいFirebug Documentationには載っていなくて、FireBug Documentation - JoeHewitt.comには載っています。 で、もうひとつ、ソースコードにしか書かれてなさそうなやつを発見しました。$$1と$$2です。 自分はFirebugを使っていて、ときどきconsole.logで出したオブジェクトのプロパティを引数にして関数を呼んだりしたい、ということがあったけどできなくて困ってたんですが$$1でそういうことができるようになりました。 たとえば
jQueryのイベント [Javascript] All About
jQueryのイベントJavaScriptでDOM要素へアクセスする場合には、そのDOM要素のページ読み込みが終了し構築済みでなければなりません。今回は、jQueryのDOM待ちイベントなどを確認します。 DOMの構築待ちイベント 前回は、マジックのように短く高度な処理を記述できるjQueryのメソッドチェーンなどの特徴と、 ダウンロード/設置についてみてみました。 今回は、JavaScriptを実際に使う上でかかせないイベントの扱いについて確認します。 JavaScriptでDOM要素へアクセスする場合には、そのDOM要素のページ読み込みが終了し構築済みでなければなりません。 そのために、<body onload="スクリプト">やwindow.onload=関数などの、ページ読み込み終了を待って動作するイベントが用意されています。 しかし、前者はHTML内にスクリプトを書かなければなら
![jQueryのイベント [Javascript] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/8f530daf3cb408d6b6a0ba6f38ed7ccece36cffc/height=288;version=1;width=512/https%3A%2F%2Fimg.aacdn.jp%2Faa%2Fcommon%2Fogp300_300.png)
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
DOM Samples /Core Node/nodeType [Javascript] All About
jQueryでweb制作をする時にキープしておきたい30リストまとめ*ホームページを作る人のネタ帳
他のコードとの衝突を避けるテクニック [Javascript] All About
jQueryのメソッドチェーンのつなぎ方(2) [Javascript] All About
jQueryのメソッドチェーンのつなぎ方(1) [Javascript] All About