モバイルアプリケーション開発のためのHTML/CSS/JavaScript関連技術まとめ
モバイルアプリケーションをHTML/CSS/JavaScriptなどのWeb標準技術を用いて開発するためのさまざまなツールや環境が登場しています。1つ前の記事で紹介した「jQuery Mobile」もその1つですが、それ以外のものもここでまとめて紹介しましょう。 jQuery Mobile jQuery Mobileは、JavaScriptライブラリとして知られるjQueryのプラグインです。オープンソースで提供されています。 「マークアップドリブン」をコンセプトとし、HTMLを記述していくことで、あらかじめ用意されているボタン、メニュー、ダイアログボックス、などのモバイル対応のタッチユーザーインターフェイスを備えたアプリケーションを開発できます。 クロスプラットフォームに対応し、iOS、Android、WebOS、Windows Phone、Symbianなど多数のデバイスでそのまま動作
携帯サイト・モバイルサイトの制作・構築 BIGLOBEモバ造 | BIGLOBEビジネスサービス
携帯サイト制作／モバイルサイト・スマートフォンサイト構築 シンプルな携帯サイトから大規模サイトまで。スマートフォンにも対応 BIGLOBE モバ造 （モバゾウ） BIGLOBE モバ造はモバイルサイト構築・リサーチ・ＣＲＭ・キャリア公式サイト・課金ビジネス等に対応した 「クラウド型モバイルサイト構築・運用サービス」です。 BIGLOBE モバ造は、携帯電話を活用したキャンペーンや各種プロモーションに必要な機能をあらかじめ実装している携帯サイト制作・構築ASPサービスです。企業のモバイルマーケティング担当者、コンテンツプロバイダ、広告代理店、プロダクションの方などの、さまざまな携帯サイト制作・構築ニーズを強力に支援します。 スマートフォン（iPhone、Android搭載端末）向けアプリ開発をお考えのお客様 [スマートフォン向けアプリ開発サービス] 携帯サイト・モバイルサイトへのニーズにこた
モバイル開発に欠かせないテストツール14選
Adobe Device Central CS5 Adobe CS5 をパッケージ購入すると一緒についてくるモバイルデバイスのテスト環境。様々なエミュレーターが存在しますが、オールインワンで素早くテストがしたい場合はこちらがオススメです。特に Flash を活用したモバイルサイトをテストするのであれば欠かせない存在です。 Android SDK Javaで開発されているので、Mac, Windows, Linux で動作する公式のエミュレーター。2011年1月現在、Android OS 1.1 〜 2.3 までのテストが可能。エミュレーターは実際のスマートフォンと同じ動作をするので、ディフォルトのブラウザだけでなく、Opera Mini や Firefox など他のブラウザをインストールしてテストすることができます。 iOS SDK XCode も含め諸々ダウンロードしなければいけませんし
7 Useful Tools for Mobile Website Testing
Tools 7 Useful Tools for Mobile Website Testing Henry JonesNovember 19, 201014 Comments06.6k It seems like everybody has a smart phone these days. This means that more and more people are turning to these mobile devices to do things that they would normally do on their desktop or laptop, like checking and sending email and viewing web content. That’s why it’s almost a must now to pay more attentio
永久保存版！？携帯コーディング、これだけ読めばすぐできる！ | KAYAC
マークアップエンジニア（以下、ME）のtacamyです！(`・ω・´) カヤックでは、デザイナーもHTMLコーディングをしてくれています。 （いつもありがとうございます！） そんなワケで、本格的にHTMLコーディングはしないけど、 ちょこっとしたページなら組みますっていうデザイナー向けの、 「コレだけ読めばすぐできる」シリーズを始めました。 第一回は「携帯コーディング」についてです。 携帯はPCとは全くの別物なので、なんとなく敬遠しがちですが、 最低限の内容であれば覚えることも少ないですし、 一度覚えてしまえばスタンダードがしばらく変わらないので、覚えておいて損はないですよ！ 携帯コーディングの基本 基礎の基礎 文字コードはShift-JIS CSSはインラインで指定（タグに直接style属性を追加する） 画像を含むページ容量100KB以内（HTML自体の容量は9KB以内） 画像はgifか
モバイルサイトをテストするためのツール集 – creamu
86496010, Jupiterimages/ Comstock/ Thinkstock iPhoneやAndroidでの表示を確認したい。 そんなときにおすすめなのが、『Mobile Web and App Development Testing and Emulation Tools』。モバイルサイトをテストするためのツール集です。 たくさんのツールが紹介されています。 Google Android Emulator Windowsでスタンドアローンのソフトとして動作するAndroidのエミュレータ TestiPhone.com – iPhone Application Web Based Simulator iPhoneでの表示のされ方をブラウザ上で確認できるシミュレータ iPhoney iPhoneの解像度（320x480px）での見え方を確認できるiPhoney W3C mob
【レポート】"かんたんログイン"のセキュリティ問題とは何なのか? - WASForum 2010 (1) 「かんたんログイン」で指摘される問題性 | ネット | マイコミジャーナル
Webアプリのセキュリティを検討する「Webアプリケーションセキュリティフォーラム(WASForum)」が5月22日、認証と認可に関するイベントを開催した。その中で携帯電話の「かんたんログイン」のセキュリティに関して講演が行われた。 WASFは、もともとPCの一般的なインターネットのセキュリティを対象にしていたが、昨今のスマートフォンの流行などで携帯電話からも通常のインターネットが頻繁に利用されるようになったことから、今回のような考察が行われたという。 かんたんログインに関して講演をしたのは、HASHコンサルティングの徳丸浩氏と、産業技術総合研究所(産総研)の高木浩光氏。 パンドラの箱を開いたキャリア 携帯電話のWebサイト(携帯Web)で一般的に利用される「かんたんログイン」は、iモード(NTTドコモ)やEZweb(au)、Yahoo!ケータイ(ソフトバンクモバイル)で利用されているログ
SH Developers Square
「SH Developers Square」サイトは、開発者様がSHARP製Android携帯端末用のアプリやWidgetの開発に必要な情報を共有する技術サイトです。「SH Developers Square」サイトは、開発者様がSHARP製Android携帯端末用のアプリやWidgetの開発に必要な情報を共有する技術サイトです。 サイトオープン当初は、本家Android SDKにアドオンするSHARP製携帯端末用のSDKとリファレンス(API)を提供いたします。 ソースコード(GPL適用)については、SHARP製Android携帯端末開発者キットが発売されるまでは、今しばらくお待ちください。 今後、このサイト内で開発者様より技術情報や参考アプリ紹介をアップできる仕組みや開発者様同士の情報共有のコミュニティを提供する予定です。
AndroidをPCで使う·Android-x86 MOONGIFT
Android-x86はオープンソース・ソフトウェアのOS。Androidは主に携帯電話向けのOSではあるが、オープンソースで携帯電話のような少ないリソースでも使えるとあって、フォトフレームや家電などでも利用され始めている。個人的には携帯電話よりも情報家電分野での利用が興味深い。 AndroidベースのPC向けOS そんなAndroidを通常のPCでも使えるようにしようというのがAndroid-x86だ。プロジェクトではEee PC向けのインストールイメージが提供されていることからも分かる通り、ネットブック分野においても重宝しそうなソフトウェアだ。 Live CDやUSBメモリに入れるためのイメージも提供されているので、手軽に試すことが出来るだろう。Andoridがベースなので日本語ローカライズも行われている。設定からすぐに日本語を適用して利用できるのだ。さらにアプリケーションも多数存在す
はてなブログ | 無料ブログを作成しよう
トルコ水紀行 －前編 イスタンブール－ みなさんこんばんは、地図子です！8月は久しぶりに毎月更新にしようと思います。今までずっと名古屋について書いてきましたが、ワープして・・・ トルコについて書きたいと思います。 2024年6月に念願のトルコに行ってきました。いつからトルコに行きたかったかわから…
モバイルユーザビリティ改善のチェックポイント保存版 - 全10回総まとめ（最終回） | モバイルサイト構築のユーザビリティいろは
2009年1月から連載してきた「モバイルサイト構築のユーザビリティいろは」も今回で最終回です。そこで今回は、今までの連載内容をおさらいしながら、モバイルサイト構築時におさえておきたいモバイルユーザビリティの総まとめをします。 前半では今までのおさらいをし、最後に自分でモバイルサイトのユーザビリティを改善するためのポイントを紹介します。 モバイルサイト構築時の基本チェックポイント公式サイトに関するポイントモバイルメールマガジンに関するポイントモバイルECサイト構築時のポイントモバイルFlashサイトの制作ポイント自分でできる！ モバイルユーザビリティ改善の3ステップモバイルユーザビリティ改善のケーススタディ1. モバイルサイト構築時の基本チェックポイント1-1. モバイル端末ならではの制約や特性を理解するモバイルサイトには、画面サイズや1ページで表示できるページ容量制限、キャリアごとの違いな
case:MobileDesign! モバイルサイトのデザイン紹介ブログ
case:MobileDesign! モバイルサイトのデザイン紹介ブログ 引っ越ししました。 http://case-mobile-design.com/ case:MobileDesign! モバイルサイトのデザイン紹介ブログ > 2010-03-08 >
Softbank仕様を生かした携帯サイト作成。 | 株式会社シンメトリック公式ブログ - 携帯開発から生まれる技術情報
Softbank仕様を生かした携帯サイト作成。|株式会社シンメトリック公式ブログ - 携帯開発から生まれる技術情報| 携帯サイト開発から生まれる技術情報ブログ さて、「携帯サイト制作って何が大変なの？」第二弾です。 こうなればとことん探求！！DoCoMoが日本の標準なわけではありません。Softbank、au、それぞれのキャリアに最適なサイトをつくり、それを別のキャリアでみて比較します。 まずはSoftbank。 外部CSSが使えるので、スタイルシートを追加しXHTMLのソースも作りなおしました。それをDoCoMo、auでみるとどう変わるのか？検証してみました。 Softbankサイトをつくる。 Softbank仕様XHTMLの一般的な特徴をあげます。 外部CSSが使える。 使えるタグが多い。 画像領域が大きい（機種によります）。 タグは以下のようにつけました。DoCoMo用に見た目重視で
携帯サイト制作って何が大変なの？ | 株式会社シンメトリック公式ブログ - 携帯開発から生まれる技術情報
メール送信画面が立ち上がるようにする <a href="mailto:address@docomo.co.jp?subject=問合せ&body=メール本文" mce_href="mailto:address@docomo.co.jp?subject=問合せ&body=メール本文">お問合せ</a> ”宛先 ：address@docomo.co.jp 件名 ：問合せ 本文 ： メール本文”としてメールを送信する画面を立ち上げます。 ボタンひとつでトップに戻れるようにページ内リンクをつくる <a name=”id”> ↑↑戻りたい場所に記載 <a href="ファイル名.html#id" mce_href="ファイル名.html#id">▲TOP</a> ↑↑リンクをつくる場所に記載 au,Softbank携帯で見て、違いを観察。 異なるキャリアの携帯でみると表示はどのように変わるのか、
case:MobileDesign! モバイルサイトのデザイン紹介ブログ
case:MobileDesign! モバイルサイトのデザイン紹介ブログ 引っ越ししました。 http://case-mobile-design.com/ case:MobileDesign! モバイルサイトのデザイン紹介ブログ > 2010-02-08 >
ケータイサイトにおけるhtaccessを使ったIP制限のまとめ
htaccessを使ってユーザーエージェントでキャリア別のディレクトリに振り分ける方法について書きましたが、今回はhtaccessを使ってIP制限をかけて、ケータイからのみアクセスを許可する方法について触れてみたいと思います。 ケータイサイトでのアクセス制限の理由や、IP制限をかける場合にちょっと注意をしておきたいことなどについてまとめてみましたよ。 ケータイサイトにおけるIP制限の理由 ケータイサイトはIP制限を使ってアクセスの可否をするというのが割と一般的。 というのも、サービスによっては著作権管理の問題やケータイならではの機能を利用したものを提供することが多く、そうした場合、PCからアクセスされると色々と不都合があることも考えられるので、敢えてIP制限をかけ、PCからのアクセスをシャットアウトしています。 特にキャリア公式サイトの場合は必ずPCからの接続をシャットアウトする必要がある
キャリア別にユーザーエージェントで振り分ける方法
最近ちょっと書くことの多いモバイル構築ネタをまたひとつ。 今回はアクセスしてきた端末をキャリアごとに振り分ける方法について。 ケータイサイトの場合、大枠としてはdocomo、au、SoftBank Mobileという3キャリアの端末からアクセスされることになります。 そもそもキャリアの技術仕様の違いもあり、各キャリアそれぞれ別にサイトの構築を行うのが通例で、その為キャリアごとに振り分ける必要があります。 とは言え、最近ではXHTMLによる3キャリア1ソースでの構築というのも珍しくはありません。そうした状況もあって、先日はDOCTYPE宣言について書いたりしたわけですが、サイト構築の目的やサイトジャンルなどによって、キャリア別にサイト構築を行う必要もあったりします。 それにキャリア公式サイトの場合は、基本的に3キャリア別に構築するのが当たり前ですしね。 で、どうやってキャリア別に端末を振り分
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
MOObileFrames
iphone4simulator.com is almost here!
IBM Developer
