HTML5 で作る iPhone ローカル Web アプリ入門
さて、まず「ローカル Web アプリ」ってなんぞっていう話ですが、Web ベースの技術で作られブラウザからサーバにアクセスして利用するものの、いったんロードが完了したら、それ以降はネットワーク接続不要で動作する Web アプリ、といった概念を表した造語です。 iPhone の App Store を経由することなく配布が可能なので、アプリの内容について一切の制限がなく、また、最近のライブラリの進歩やモバイルパフォーマンスの向上により、ものによってはネイティブアプリと遜色ないレベルのものも作れるようになってきました。 先日、1 Click Config (閉鎖済) (解説記事) を作って公開しましたが、これがまさにローカル Web アプリとして動作しています。 ここで使われている技術の各論についてはそれぞれ詳しく書いたサイトがあるのですが、これらの技術をひとまとめに紹介しているサイトが見当た
OpenSocialガジェットの開発にjQueryを使う·opensocial-jquery MOONGIFT
mixiがOpenSocialに対応したとあって、日本においてもOpenSocial開発に力が入ってくるかも知れない。海外のSNSを含めて一つのコードが全てのSNSで動作する（実際には動作しないことが多いようだが）のが魅力だ。 OpenSocialガジェット用のjQueryライブラリ そんなOpenSocialではあるが、JavaScript主体のコードで組みづらい場合があるかも知れない。そんな時はopensocial-jqueryを使い、効率的な開発を行おう。 今回紹介するオープンソース・ソフトウェアはopensocial-jquery、OpenSocial対応のjQueryライブラリだ。 opensocial-jqueryはOpenSocialの面倒な部分を吸収してくれるjQueryライブラリだ。Ajaxを使ったり、JSONを使うような操作が簡単にできるようになる。YoutubeやPi
[JS]jQueryのプラグインを開発するためのテンプレート -jQuery Boilerplate
jQuery Boilerplate [ad#ad-2] jQuery BoilerplateはjQueryのドキュメント「Plugins/Authoring」から、より良いパフォーマンスとメモリ使用を提供することを目標として開発したとのことです。 jQuery Boilerplate (stripped version) jQueryのプラグインのテンプレート(stripped version)です。 ※2011年7月26日現在のものです。 (function($) { $.pluginName = function(element, options) { var defaults = { foo: 'bar', onFoo: function() {} } var plugin = this; plugin.settings = {} var $element = $(element)
jQuery Clip - jQueryのプラグインをまとめました。
jQueryの便利で実用的なイメージスライダーやレスポンシブ対応のプラグインをタグやカテゴリで見やすくまとめました。
jQueryベースのグローバルナビゲーション20選 | designaholic
主に大規模サイトのグローバルナビゲーション向けのjQueryプラグインです。マウスオーバーやクリックでサブメニューを表示するものや第3階層以降への直接リンクが設置できるものなど使い勝手のいいものが揃っています。 Beautiful Slide Out Navigation
jQueryを学ぶためのリンク集
1. 概要の理解 jQueryを一切知らない場合はまずは概要の理解から始めます。 ノンプログラマーのためのjQuery入門 http://www.slideshare.net/hayatomizuno/jquery-7665168 はじめてのjQuery http://higashizm.sakura.ne.jp/jquery_first/ 2. 基本的な使い方を理解する サンプルを見ながら具体的なコードを作成し理解を深めます。 40分で覚えるjQuery速修講座 http://ascii.jp/elem/000/000/498/498710/ jQuery基礎文法最速マスター http://blog.webcreativepark.net/2010/02/02-111519.html jQueryサンプル集 http://www.designwalker.com/2008/04/jque
Webデザイナー & デベロッパー必見！絶対使えるチートシートまとめ | webox blog
フレームワークやらライブラリやら、色々触る機会が多いですよね。 そうやって色々触っていると「あれ、あの関数なんだっけ」みたいな事がよくあります。 そういう時に便利な各種チートシートをまとめてご紹介します。 上はデザイナー向け、下へ行くほどデベロッパー向けになります。 Photoshop Keyboard Shortcuts 忘れがちなショートカット。Win/Mac両対応。 Color theory 壁紙用サイズも多数あります。 Periodic table of typefaces よく使われるフォントを元素周期表にはめ込んだモノ。ぱぱっとどんな感じのフォントなのか確認するときに良さそう。 Git Cheat Sheet Wallpaper どこに入れるか悩んだけど、皆使うべきなのでここにおいとこう。 Ultimate HTML5 Cheatsheat HTML5について網羅したチート
第1回 まずは実装してみよう | gihyo.jp
はじめに この連載では、Javascriptは知っているけどAjaxは実装したことがないという方に向け、YouTube APIを利用したWebアプリケーションを題材に、実装の方法を解説します。 JavascriptのライブラリはjQueryを使用します。jQueryによるAjax実装、基本的な使い方、また、UIへの応用実装も合わせて解説します。 Ajaxってなに？ Ajaxとは、Asynchronous Javascript+XMLの略称です。Javascriptを使い、Webページとは非同期（Asynchronous）にXML形式（もしくはテキスト形式）のデータ通信を行う手法を指します。 Ajaxを使うと特別なプラグインなどを必要とせず、Webページの必要な部分だけ必要に応じて書き換えることができるため、ユーザビリティの高いWebアプリケーションを作ることができます。また、異なるWebサ
403 Forbidden
＼閉鎖予定のサイトも売れるかも？／ アクセスがないサイトもコンテンツ価値で売れる場合も… ドメインの有効期限を更新してサイト売却にトライしてみましょう
第5回 jQuery UIによるユーザインターフェースの改良 | gihyo.jp
今回使用する「Dialog」「Draggables」「Droppables」「Sortables」に必要なファイルは以下の通りです。 themes/ jquery-1.2.3.min.js jquery.dimensions.js ui.mouse.js ui.resizable.js ui.dialog.js ui.draggable.js ui.draggable.ext.js ui.droppable.js ui.droppable.ext.js ui.sortable.ext.js ui.sortable.js jQuery UI 1.5bを使うために、今回は同梱されているjQuery 1.2.3を使うことにします。バージョンが上がりますが、これまでのサンプルの動作に影響はありません。 ライブラリの設定 ライブラリの各ファイルを、head要素の子要素に以下のように指定します（
jQuery UIで実現！ Ajaxで複数選択ドラッグ＆ドロップ
jQuery、プラグイン、jQuery UI、Web経由のCDNとは CSSの書き方も分かるjQueryプラグイン実践活用法（1） 基本／おさらいとしてプラグインやjQuery UIについて簡単に触れ、Web経由でjQueryを使うCDNについて解説 デザインハック ＜ リッチクライアント 2009/12/8 今回は「jQuery UI」のより進んだ活用例 ■ jQueryのプラグイン「jQuery UI」とは？ 今回紹介するjQuery UIは、JavaScript（Ajax）フレームワークjQueryのプロジェクトがjQuery用に開発している、以下の機能を提供するプラグインです。 ドラッグ＆ドロップなどのマウス操作の機能拡張 ユーザーインターフェイスを改善するウィジェット（アコーディオン、日付入力、ダイアログ、スライダー、タブなど） 今回は、jQuery UIのドラッグ＆ドロップ機能
第8回 Ajax編（前編）
連載目次 $.getJSONメソッドでは、外部サービスに対しても、ほとんどクロスドメインを意識することなくアクセスすることができます*。 * 本来、XMLHttpRequestオブジェクトでは、ドメインをまたいだアクセスは禁止されており、これを回避するにはJSONP（JSON with Padding）という技術を利用する必要がありました。jQueryでも、内部的にはJSONP技術を利用しています。 まずは具体的な例を見てみましょう。以下は、Yahoo!ブログ検索というWeb APIを利用して、指定されたキーワードでブログ検索を行い、その結果をリスト表示するサンプルです。Yahoo! ブログ検索に渡すことができるパラメータや結果データの構造については、本家サイトを参照してください。 <script type="text/javascript"> $(function() { // ボタン・
JSONPを使ってJavaScriptだけでマッシュアップ
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog こんにちは、Yahoo!地図の開発を担当しています前田博敏です。 今回は、JavaScriptから外部サイトのWeb APIを直接呼び出すことができる、JSONPという手法について紹介させていださきます。 JSONPとは JSONPとは、JavaScriptの外部ファイル読み込み（「script」タグとその「src」指定）を利用して、ドメインの異なる外部サイトのデータを読み込む手法のことを言います。 JSONPを利用するには、呼び出される側のWeb APIがJSONP形式に対応している必要があります。 Yahoo!デベロッパーネットワークでは、現在のところローカルサーチAPIとショッピングAPIが、JSONP形式に対応しています。
TwitterのSearch APIをjQueryとJSONPでゴニョゴニョする方法: JavaScriptメモ
参考:http://dev.twitter.com/doc/get/search ・リクエストURL http://search.twitter.com/search.format フォーマットはjsonとatomが選択可能。 http://search.twitter.com/search.json?q=hogehogeのようにqパラメーターにキーワードを付けてアクセすると検索結果が取得できる。 利用できるオプションパラメータは次の通り。 callback JSONPを利用する際のコールバック関数 lang 言語の名称企画を指定できる。デフォルトのISO 639-1でOK locale jaを指定すると日本語の検索結果を取得できる rpp 1ページに表示する件数を指定できる page 表示するページを指定できる since_id 指定したID移行のツイートを取得できる until ツイー
Twitter発言をjQueryとJSONPで取得して表示してみました│ISC開発者ブログ
先日紹介したＷＥＢサービスで使用されている「jsonp」で取得と表示を簡単に出来ないかな？と思い「Twitter」のＡＰＩを利用してデータを取得しJSONPで表示するものを書きました。 ※ＪＳＯＮＰについては→JSONPとは [html] <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>JSONPでTwitter発言表示してみました</title> <script type="text/javascript" src="http://www.google.com/jsapi"></script> <script type="text/javascript">google.load("jquery", "1.6.0");</script> <script ty
jQuery UI datepickerのメモ - iDeaList::Writing
カレンダーアイコンをクリックでdatepickerが表示するサンプル(Datepicker | jQuery UI)を見習って jQuery UI 1.7.1のdatepickerを微妙に日本語化して使ってみた jQuery UI ThemeRoller のデザインを選択する jQuery UI ThemeRoller - Flick ver.＞ Galleryのタブから選択しダウンロード /jquery-ui-1.7.1.custom/development-bundle内を見てみる demoとかdemoとかdemoとか /ui/i18n/ui.datepicker-ja.jsの読み込み <script type="text/javascript" src="/js/ui/i18n/ui.datepicker-ja.js"></script> regionalにjaを指定 $.datep
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
opensocial-jquery - Google Code
http://japan.internet.com/developer/20090306/26.html
jQueryを使ってTwitterをおいしくマッシュアップ （1/4） ─ ＠IT
IDEA * IDEA
