jQuery, Prototype, MooToolsのように多機能ではなく、一つの機能に特化したシンプルなJavaScirptのライブラリをSmashing Magazineからいくつか紹介します。
[JS]一つの機能に特化したシンプルなJavaScriptのライブラリ集
jQuery, Prototype, MooToolsのように多機能ではなく、一つの機能に特化したシンプルなJavaScirptのライブラリをSmashing Magazineからいくつか紹介します。
iPhoneとWebサービスの連携手法
最近、iMovatwitterというiPhoneアプリを出しました。 iPhoneのブラウザは携帯電話のようにGPSやデジカメとインテグレーションすることを考えられていないので、GPSを使った「イマココ」や、デジカメと連携する「写ツ」をiPhoneで使うためにアプリ側で吸収しました。 このアプリでやりたかったことの一つが、UIWebViewというブラウザコントロールとWebサービス/アプリとの連携でした。 UIWebViewというのは、SafariをiPhoneアプリ内に組み込むコントロールです。 丁度、Flash PlayerをHTMLに組み込むようにWebブラウザをiPhoneアプリ上に表示することができます。 このiPhoneアプリ上のWebブラウザとWebサービスの主な連携ポイントとしては、大きく３つあります。 １．iPhoneアプリからWebページを制御する ２．Webページのメ
【ハウツー】"重たいJavaScript処理"もこれで解決! - Google Gearsのワーカプールを試す (3) それでは実装! | エンタープライズ | マイコミジャーナル
サンプルコードの解説 今回作成したサンプルは、以下のような画面だ。 今回作成したサンプル 「非同期処理」ボタンをクリックすると、ワーカプールを使用してバックグラウンドで「重たい処理」を実行する。「同期処理」の場合はワーカプールを使用しない。UIのブロックを防ぐ、ということを体感するための比較用だ。「重たい処理」が完了すると、ボタンの下に所要時間を表示する。 今回、「重たい処理」として行っているのは、Gearsのデータベース機能を用いてテーブルを作成した後、そのテーブルに新しい行を100件追加する、という処理だ。オンラインからオフラインに移行するとき、メモリ上のデータをローカルに保存する、といった処理を想定した。 以下がそのサンプルコードだ。 index.html <html> <head> <meta http-equiv="Content-Type" content="text/html
Online JavaScript beautifier
End script and style with newline? Support e4x/jsx syntax Use comma-first list style? Detect packers and obfuscators? (unsafe) Preserve inline braces/code blocks? Keep array indentation? Break lines on chained methods? Space before conditional: "if(x)" / "if (x)" Unescape printable chars encoded as \xNN or \uNNNN? Use JSLint-happy formatting tweaks? Indent <head> and <body> sections? Keep indentat
各種ブラウザで使えるクリップボードへのコピーライブラリ·Zero Clipboard MOONGIFT
確かIEではクリップボードのコピーをJavaScriptから実現することができる。これは便利な反面、若干の怖さもある。そのためか他のブラウザではできないようになっている。とは言え、場合によってはとても便利な機能になるはずだ。 ブラウザで任意の文字列コピーを実現するライブラリ そのブラウザからクリック一つでコピーを実現するライブラリがZero Clipboardだ。 今回紹介するオープンソース・ソフトウェアはZero Clipboard、各種ブラウザで使えるコピーライブラリだ。 Zero Clipboardではその機能実現にFlashを利用している。FlashではsetClipboardを使うことでクリップボードへの任意の文字列コピーを実現する。Zero Clipboardではその機能を提供しているので、Flashさえ使えるブラウザであればコピー機能が実現できる。 エレメントのデータをクリッ
JSCocoaのiPhone用インタラクティブコンソール « ku
English version is available. JSCocoaのページからリンクされたので日本語版をこっちにうつしました。 iviewで使っているUIViewのtransformがなかなか思い通りに操れなくて困っていて、だったらアプリにSpiderMonkeyを入れてHTTP経由で通信して試行錯誤できるよにすればいいやとUIMonkeyというのを作り始めたところで、既にそういうのがいくつかあるのをJohn Resig - JavaScript iPhone Appsで知ってショックーというかアホだったのでJSCocoaベースにちょこっと書き直しました。viewの階層構造やサイズを調べるのに便利です。 ファイルのコピー svn checkout http://jscocoa.googlecode.com/svn/trunk/ jscocoa-read-only してjscocoa
d.aql - JSONをJSONPに変換するJSONP Proxy
最近、JSONでデータ出力してくれるサービスが増えた。構造をさくっと取得出来て便利だ。だが、あと一歩、JSONPに対応してくれれば、クライアントサイドから直接クロスドメインでデータ取得して遊べるのに！ というわけで、JSONをJSONPに変換するプロキシを作った。 http://aql.osx.cc/jsonpp/ これは、プロキシに対してcallback名とrequest_uriを投げると、request_uriを引いてcallback名を付加した上で返してくれるもの。つまり、ほとんど何もしないが。 http://aql.osx.cc/jsonpp/proxy/callback:request_uri 例えば、Google多数決は（既にJSONP対応してるから無意味だけど）こんなふうにリクエストする。 http://aql.osx.cc/jsonpp/proxy/hoge:http://
各種言語に対応したソース整形ソフトウェア·UniversalIndentGUI MOONGIFT
インデントがあまり深いソースコードは何ともしがたいが、同時にワンライナーにこだわり過ぎるのも問題だ。そのため、多人数で行うプロジェクトや、オープンソース・ソフトウェアのプロジェクトではソースコードのフォーマットが定義されている場合が多い。 うーん、これは読みづらい。問題があっても分かりづらそうだ。 だが慣れるまではインデントの数や改行の入れ方などで間違えてしまうことが多いかもしれない。そうした時に便利なのがソースコードを整形してくれるソフトウェアだ。Webであればサーバサイドのプログラミング言語の他にもCSSやHTML、JavaScriptなど多数の技術が関わってくる。そのような時にはUniversalIndentGUIが便利だ。 今回紹介するオープンソース・ソフトウェアはUniversalIndentGUI、多数の言語に対応したソースコードフォーマッターだ。 UniversalInden
あなたのウェブサイトを高速化する方法 - builder by ZDNet Japan
そして同氏は、世界で最も高速なウェブサイトの1つであるGoogleのパフォーマンスにかかわる仕事をしているのである。 ウェブのパフォーマンスには2つの重要な側面、すなわち効率性と応答時間がある。効率性は、世界ランキング100位に入るようなウェブサイトを構築する際に出てくるスケーラビリティという難問に取り組むための武器である。あなたのウェブサイトが何百万人単位のユーザーと、何十億単位のページビューを擁するような規模のものである場合、バックエンドアーキテクチャ全体に対する理解を深めておくことが重要となるだろう。 ページの速度というものは、HTMLドキュメント内に記述する一連の指示によって決定されると言っても過言ではない。 iGoogleを例に挙げると、バックエンド処理に費やされる時間、すなわちデータがキャッシュされていないために毎回リクエストされることで費やされる時間は、ページ全体の処理時間の
【こんなJavascriptを探しています】 指定した文字数を越えると「...」というように省略できるjavascriptをさがしています。…
【こんなJavascriptを探しています】 指定した文字数を越えると「...」というように省略できるjavascriptをさがしています。 たとえば、 <p class="shoryaku"> 本文 </p> このように記述すれば、本文が省略されるようにです。 できれば、なるべくシンプルなやつをお願いします。
MOONGIFT: » JavaScriptでiPhone SDKを利用する「PhoneGap」:オープンソースを毎日紹介
iPhone/iPod Touchの魅力に位置情報の測定や加速度センサーがある。これらを使えばこんなもの、あんなものができるとわくわくさせられるが、こうした内部のAPIを使うにはiPhoneネイティブなアプリケーションを開発する他ない。 ネイティブアプリケーションによる位置情報取得（実行はiPhoneエミュレータ） しかしネイティブアプリケーションは開発の工数や公開までの道のりが長く感じられてしまう。もっと手軽に使うならWebアプリケーションが一番だ。そこでWebアプリケーションから内部APIを利用できるようにしてしまおうというのがこのソフトウェアだ。 今回紹介するオープンソース・ソフトウェアはPhoneGap、iPhone SDKとWebを橋渡しするソフトウェアだ。 PhoneGapはiPhoneネイティブなアプリケーションで、立ち上げることによってgapというプロトコルが使えるようにな
JavaScriptで作るiPhoneアプリケーション·Big Five MOONGIFT
iPhone向けのアプリケーションを開発する場合、Objective-Cを習得する必要がある。オブジェクト指向の言語ではあるが、習得のためにはコストがかかるのは確かだ。開発することで一気に世界が開ける可能性もあるが、利用範囲の限られた言語を覚えることに躊躇してしまう人もいるのではないだろうか。 スプラッシュスクリーン そこで普段使い慣れているHTMLやJavaScriptを使ってアプリケーションを構築しようと言うのがこのフレームワークだ。 今回紹介するオープンソース・ソフトウェアはBig Five、Webベースの技術で実現するiPhone/iPod Touchアプリケーションフレームワークだ。 Big Fiveは言わばプロキシを提供するソフトウェアだ。HTMLからJavaScriptを使ってiPhone/iPod Touchの各APIにアクセスを可能にするのだ。現在位置の取得、内蔵カメラを
iPhoneアプリケーションをApp Storeに登録してみた
iPhoneアプリケーションをApp Storeに登録してみた：これ、俺ならこう使う（6）（1/3 ページ） 日々生み出されるネットサービスやテクノロジーに詳しい著者による、こんなふうにサービスに取り込んだら面白いのではないか、という提案。技術的な応用面にフォーカスしていく（編集部） 前回の記事「App Store登録もOK！ JavaScriptで作るiPhoneアプリ」からずいぶん時間がたってしまいました。実は年末に筆者のかかわる音楽ニュースサイト「ナタリー」の大規模なリニューアルがあり、そのほかの仕事も含めていままでにない忙しさだったのですが、それにしても2カ月はひどい。今年はちゃんと月1で記事を書けるようにしたいところです。2月にもなって今年の目標を書くのもどうかと思いますが。 さて、今回は前回に引き続きiPhoneでのアプリ開発について書きます。実際にiPhone上で動くバイナリ
逆引きJavaScriptリファレンス
逆引きJavaScriptリファレンスです。 ◆ステータスバー（ウィンドウの最下行）に文字を表示させたい ◆文書中に文字を表示させたい ◆変数の値を文書中に表示させたい ◆"(ダブルクオーテーション)を表示させたい ◆'(クオーテーション)を表示させたい ◆フォームのテキストエリアに文字を表示させたい ◆背景の色を変えたい ◆現在の日付を求めたい ◆現在時刻を求めたい ◆警告や注意を促したい ◆文字を入力させたい ◆数値を文字にしたい（変換） ◆文字を数値にしたい（変換） ◆文字列の中から１文字だけ取り出したい ◆一定時間ごと処理を行いたい ◆一定時間ごとの処理を停止させたい ◆サブウィンドウを開きたい ◆フォームに入力された文字列を取り出したい ◆自分のコンピューターのファイルを読み出したい ◆相手のコンピューターにファイルを書き込みたい ◆指定アプリケーションを起動させたい ◆配列を作
App Store登録もOK！JavaScriptで作るiPhoneアプリ
Webアプリケーションは、傾きセンサやGPSからの情報取得やバイブレータ動作などのOSの機能の利用に制限があります。また、オフラインでの動作ができません。 開発の容易さは、若干主観めいてしまいますが、コンパイルが必要でメモリ管理も必要なネイティブアプリに比べて、Webブラウザでリロードするだけで最新のコードをテストできて、基本的にメモリ管理も不要なWebアプリケーションに軍配が上がります。 ネイティブアプリケーションの最大のメリットは、「App Storeでの配布ができる」ことで、多くのユーザーが集まるApp Storeでアプリケーションを配布でき、さらには課金もできてしまう点です。 ローカルWebアプリという第3の選択肢 前段の機能比較表に「ローカルWebアプリケーション」という項目があります。これは、Safariでオンライン中に所得したHTML、CSS、画像データなどを保存して、オフラ
とても洗練されたＵＩの日付ピッカー＆カレンダー集:phpspot開発日誌
Beautiful datepickers and calendars for web developers とても洗練されたＵＩの日付ピッカー＆カレンダー集のエントリが紹介されていましたのでピックアップ。 日付入力も便利だけでなく、クールに行えます。 datepicker シンプルだけどクールなカレンダー jquery datepicker From〜Toが指定できるカレンダー Calendar 立体的でクールなＵＩ jPint iPhoneっぽいＵＩ 全部見る たくさんありすぎて迷いますが、サイトのＵＩや、用途に応じて使い分ければ便利そうですね。 関連エントリ 超クールなカレンダー型日付入力補助用JSライブラリ カレンダー、バルーンなどWEBアプリに使えるハイクオリティアイコンセット「pinvoke」 日付入力を便利にするカレンダー/日付ピッカー集
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Web ページを高速化する
webtips.open-log.net is a custom short domain
[JS]画像をスライドするシンプルなカルーセルスクリプト -jCarousel Lite
Site Under Maintenance
