iPhone向け最適化Webサイトを構築するjQueryライブラリ·jQuery iPhone UI MOONGIFT
jQuery iPhone UIはHTML/JavaScript製のオープンソース・ソフトウェア。iPhone用のWebサイトを構築するニーズが増えてきている。既に幾つかテンプレートもリリースされており、それらを使えば最適化されたインタフェースのサイトが作りやすくなる。 アイコンリスト そうしたライブラリを使う時に重要なのが、どれくらいの機能に対応しているかだ。単純なリストはもちろん、プロフィールページ、画像付きリスト、フォームなど多数のニーズがある。その一つ、JavaScriptを使ったパターンに適合できそうなのがjQuery iPhone UIだ。 jQuery iPhone UIの特徴は名前の通りjQueryを使っていることだろう。同種のライブラリとしてjQTouchがあるが、あちらはがちがちに固まっている雰囲気があるがjQuery iPhone UIは切り離して使えそうだ。HTML
ついに「本当に使える」バス路線アプリを見つけた！地図上に停留所が立ち並ぶ！ : akiyan.com
ついに「本当に使える」バス路線アプリを見つけた！地図上に停留所が立ち並ぶ！ 2010-06-06 目次 バス路線は調べにくい ネットで最も調べにくい情報の一つである「バス路線」。普段バスを使わない人がネットで調べようとすると... Googleマップなどの地図サービスで調べられない。 あの停留所に来るバスがどこに行くのかわからない。 バス会社バラバラ。 そもそもどのバス会社が来てるのかさえよくわからない。 路線図にたどり着いても、全ての停留所が記載されていない（本当）。 路線図はただの図なので、停留所の正確な位置がわからない。 全ての停留所が記載されている表を見てみたが、停留所名が並んでいるだけで、結局わからない。 もういい！ となってしまった方、少なくないのではないでしょうか。 今回見つけたiPhoneアプリ「最寄りバス停」こそ、この問題の大部分を解消してくれるものでした。自動で乗り換え
iPadのSafariに不足しているものを補う - ザリガニが見ていた...。
指でダイレクトに触ってなめらかに反応する、あのiPadのUIは、あっという間に使う人々を魅了する。しかし、そのまま使い続けているうちに、実はMacBookのようなマウスを利用したUIほど細かい操作ができないことに、いずれ気付く。 iPadのUIには、指先での操作を考慮して、適度なサイズと間隔が保持されている。そのため、マウスのUIほど機能を詰め込むことが出来ず、厳選した機能のみが提供されることになるのだろう。 iPadのSafariに不足しているもの それにしても、今のSafariにどう考えても不足していると感じる機能が、二つある。 表示中のページを閉じる機能 ページ内検索 表示中のページを閉じる機能 例えば、http://b.hatena.ne.jp/hotentry で、気になる記事へのリンクをクリックすると、新規ページが開いてリンク先にジャンプする。 気になる記事を読み終わったら、今
iPhone向けWebサイトを作るのに最適なテンプレート&JavaScript·moobile MOONGIFT
moobileはHTML/JavaScript製のフリーウェア（ソースコードは公開されている）。iPhone/Androidを中心とするスマートフォンのシェア拡大は留まることを知らない。モバイルネットワークが発展している限り、この流れは止まることはないだろう。Webサイトを提供する上でもスマートフォンは欠かせない存在になる。 ボタンバー ネイティブアプリを提供する手もあるが、もっと容易なのが最適化されたWebサイトを提供することだ。そもそもネイティブアプリを提供するほどのニーズがないサービスもあるはずだ。そこで使えるのがmoobileになる。 moobileはiPhoneやAndroidといったWebKitベースに対応したWebサイトフレームワークだ。HTML5で作成されているのが特徴だ。フォームやボタン、ボタンバーなどのUIをテンプレート化している。これを使えば最適化されたWebサイトが
スマートフォン最適化を実施する際に最低限抑えておきたいこと : LINE Corporation ディレクターブログ
こんにちは。livedoor グルメを担当している澤田です。 livedoor グルメでは3月に、iPhone版Safariブラウザでの表示最適化に対応いたしました。これは、iPhone版Safariブラウザでlivedoor グルメを閲覧した際に、PC版の画面ではなく、iPhoneの表示サイズや使い方に合わせてカスタマイズされた画面を表示させるものです。 最適化されてないサイトの場合は、基本的にPCと同じ画面がiPhoneに表示されるので、表示される画面が小さく、大量の画像データなどを読み込むため表示に時間もかかります。 この「最適化」の作業を行うことで、iPhoneユーザーにとって必要な機能を、より使い易いナビゲーションで提供できるようになります。 今回はその画面開発時に、ユーザーの使い勝手に留意して設計した、いくつかのポイントについてご紹介します。iPhoneをお持ちの方は、ぜひSa
電子雑誌はPDFじゃダメなんだよ！～iPadから見えるコンテンツの未来・その２～ - クリエイティブビジネス論！～焼け跡に光を灯そう～
元コピーライター・境 治が、焼け跡になりつつあるこの国のクリエイティブ業界で、新たな理念を模索するブログなのだ！ さて今日は、昨日イントロダクション的に書いたことの中身にいよいよ踏み込んでいくよ。けっこう重要な話だからよく聞いてね、いや読んでね。 とにかくiPadを買って、調子に乗って１万円分ぐらいアプリをダウンロードしてどんどん見てみた。いろんなもん使ってみたので追い追い書くとして、電子書籍についてまずは書いていく。 さてひと口に電子書籍と言ってもいろんなタイプがある。テキスト中心の電子書籍、マンガを電子化した電子コミック、電子新聞、電子雑誌、そして電子絵本。この５つの分類は、まつもとあつし（@a_matsumoto）さんという方がASCII.jpで連載されている中の"電子書籍三原則とフォーマットを整理する"の回で提示されたものから引用している。この連載では"個人電子出版の可能性”の回で
jQuery TOOLS - The UI library for the Web
jQuery Tools is a collection of the most important user-interface components for today's websites. This single JavaScript file weighs only 5.8 Kb Tabs is the most popular JavaScript tool on the web. Tabs, horizontal tabs and accordions, finally done the right way. Great looking tooltips. Big or small. Pluggable effects. Yet another crucial tool. Visually appealing overlays. This tool is a signific
iPhoneデザインアーカイブ
【初めての方はこちらをクリック】 iPhoneデザインアーカイブは、携帯サイトキャプチャ集「モバイルデザインアーカイブ」の姉妹サイトです。 iPhoneサイトを制作する上で参考になる秀逸なデザインを持つサイトのキャプチャを集めています。 iPhoneサイト制作を請け負ったけど、「なかなかデザインがまとまらない」「洗練されたデザインを参考にしたい」といった方のために、 優れたiPhoneサイトのデザインを集めました。また、iPhoneサイトにまだ手を出されていないモバイルデザイナーの方に、iPhone サイトデザインの雰囲気を掴んでいただくことで、「今後の仕事の幅を広げるきっかけになれば・・」、という思いで立ち上げました。 デザインに優れたiPhoneサイトはもちろん、技術的に優れたiPhoneサイト、そして現在のトレンドを捉えたiPhoneサイトを掲載しています。 なお、意識的にiPhon
MOONGIFT: » Google Chrome上でスニペットを管理「ChromeCuts」:オープンソースを毎日紹介
ChromeCutsはGoogle Chrome用のフリーウェア。Webをブラウジングしていて同じような入力を繰り返すことは多々ある。住所の入力やメールアドレス、クレジットカード番号などなど。頻繁に繰り返す入力は、スニペットに登録しておくとキーボードを叩かないで済むので便利だ。 Google Chromeでスニペット そんなスニペットを管理するローカルアプリケーションは幾つかあるが、Webブラウジング中であればブラウザ上でできるのが便利だ。Google Chromeをお使いの方はChromeCutsを試してみよう。 ChromeCutsはGoogle Chrome用の機能拡張で、アドレスバー横のアイコンを使ってスニペットを管理する。何かタイトルを付けて、その下にコンテンツを記述する。リストの中からクリックするだけでクリップボードにコピーされるので手軽だ。 設定画面 コンテンツはHTML5を
YouTubeのこれはすごいストップモーション動画を10本
中にはネタフルで紹介したことがあるものもありますが、改めて見ると感動しますね。 ストップモーション動画て、自分にも作れそうな気がしてしまうのですが、実際はものすごく手間がかかってますよね。それだけに、見ると感動があります。 ストップモーション動画の作り方は、以下のエントリーを参考にしてください。 ▼ストップモーションビデオの作り方 ▼ストップモーションビデオ作成ソフト「FrameByFrame」 ▼アニメーションGIFを見たり作ったりできる「ANIMATED GIF PARANOIA」 ということで、紹介されている10本のストップモーション動画はコチラです。 ネタフルで紹介しているストップモーション動画は以下から。どれもすごいですよ。 ▼ストップモーションによるマリオカートのパロディ動画 ▼「Google Chrome」ストップモーション動画を作ったのは「PANTOGRAPH（パンタグラフ
物体のドラッグ＆ドロップ時に勢いをつけられる「towel.js」:phpspot開発日誌
towel.js 物体のドラッグ＆ドロップ時に勢いをつけられる「towel.js」。 ドラッグして勢いよく話せば、そのままズズズっとテーブルホッケーのように要素がすべるような効果をつけられます。 どんな場面に使うかはアイデア次第ですが、面白いのでご紹介させて頂きました。 ドラッグ＆ドロップというと、ピタッと止まるものが多いなかでこうした効果を実現しようというアイデア自体もなかなか面白いですね。 関連エントリ ドラッグ＆ドロップで数値の設定が出来る便利ＵＩを実装できる「jquery-drag-spinbox」 対象をドラッグ＆ドロップしてtwitter等にシェアできるプログラムと作成チュートリアル ドラッグ＆ドロップできるサイトマップ作成チュートリアル
SkyDriveをバックアップ先として使う·SkyDrive Synchronizer MOONGIFT
SkyDrive SynchronizerはWindows用のオープンソース・ソフトウェア。Microsoftの提供するSkyDriveサービスはシェアとしてはまだ伸びていないが、容量は25GBと無料としてはトップクラスに大きいサービスとなっている。 処理中 ネットワークドライブとして大々的に使う、というコンセプトには見えないが25GBもあったらやはりネットワークドライブ的に使いたくなるだろう。とりあえず手元のファイルのバックアップ先としてちょうど良い。SkyDrive Synchronizerを使えば自動化できる。 SkyDrive SynchronizerはWindows用のソフトウェアで、指定したフォルダのコンテンツを指定したSkyDrive上のフォルダにアップロードする。起動するとコマンドプロンプトが立ち上がり、アップロード処理が開始される。ごくシンプルな機能だ。 アップロードされ
XML名前空間の簡単な説明
XMLでは自由に独自のマークアップ言語（タグセット）を設計できますが、ウェブ上で情報を共有するときに、同じタグ名が異なる要素タイプを意味して衝突してしまう可能性があります。この問題を解決するためにXML名前空間は、それぞれのタグセットに固有のURIを割り当て、名前をURIで修飾することでお互いを区別します。名前空間は、ウェブ上で「意味」を明確に定義し、相互理解を可能にするために非常に重要な役割を果たします。 名前空間の導入 名前空間URIによる修飾と接頭辞 デフォルト名前空間 名前空間URIの意味するところ 名前空間の区画と属性の名前空間 参照文献 名前空間の導入 XMLでは独自のマークアップ言語（語彙）を自由に設計できますが、多くの人が利用する語彙は、標準的な語彙を共有する方が効率が良く、相互運用性も高まります。そこで、ひとつのXML文書を作成するのに、さまざまなマークアップ言語から語彙
XML用語事典 [XML名前空間]
<ComplexDocument> <title>President</title> <title>Monthly Report</title> </ComplexDocument> このデータを処理するアプリケーションソフトは、2種類のtitle要素を区別できず、うまく扱うことができなくなる。 そこで、それぞれの要素や属性に対して、名前空間と呼ばれるものを定義する。名前空間は、URIで識別される。上の例の前者は、http://hoge/personという名前空間に属するとしよう。そして、後者はhttp://hoge/documentという名前空間に属するとする。すると、この文書は以下のように記述できる。 <ComplexDocument xmlns:person="http://hoge/person" xmlns:document="http://hoge/document" > <p
Tabnagging の自衛用 User JavaScript を書いてみた - IT戦記
Tabnagging というフィッシング手法があるそうです。 詳しい内容は、以下の記事をごらんください。 ブラウザでたくさんのタブを開いてネットサーフィン！ あなたが知らないうちに非アクティブなタブの内容が偽のGmailページに書き換えられた！（タブのアイコンも変わる！） ← 別にGmailじゃなくてもFacebookでもmixiでも。 あなたがそのタブに戻ってくるとGmail（もしくは他のサービス）のログイン画面が！（URLはおかしいけれどあなたは気づかない！） ID&PWDを入力してしまってあなた終了のお知らせ…orz ブラウザのタブを使ったフィッシングの最新手法『Tabnagging』が巧妙すぎる件… | IDEA*IDEA これは…！！ というわけで、とりあえずタイトルを「ホスト名を省いたドメイン」に書き換える User JavaScript を書いてみた。 これをインストールする
１個目のselectで２個目のselectの内容を簡単に変えられるjQueryプラグイン「Doubleselect」:phpspot開発日誌
１個目のselectで２個目のselectの内容を簡単に変えられるjQueryプラグイン「Doubleselect」 2010年05月26日- jQuery Doubleselect Plugin １個目のselectで２個目のselectの内容を簡単に変えられるjQueryプラグイン「Doubleselect」。 次のように、１個目のSelectボックスの内容によって２個目のselectボックスの内容が容易に切り替えるようなUIが簡単に実現できてしまうプラグインです。 １個目が野菜(Vegetables)の場合は、tomato, potato, asparagus が表示されます。 １個目をフルーツ(Fruits)にすると、apple, orange, kiwi, melon になります。 いざ実装しようとすると面度臭そうなのですが、jQueryプラグインによって、比較的簡単に実装できま
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
iphonewalker.net
IDEA * IDEA
Rex The Dog
http://gmaps-samples-v3.googlecode.com/svn/trunk/styledmaps/wizard/index.html