大日本印刷 森川 裕美 2011/9/29 jQueryMobileを使って、スマートフォン向けのWebアプリケーションを手軽に作成する方法をおばかアプリを例に紹介します おばかアプリの開発にjQuery Mobileを使ってみました 先月8月20日に開催されました「第5回おばかアプリ選手権（見よ！ コレジャナーイアプリの数々を！）」にて、jQuery MobileとHTML5の要素を使用した、iPhoneのMobile Safariで動作するミニアプリiBooNを紹介させていただきました。本記事では、jQueryMobileを使って、お手軽にスマートフォン向けのWebアプリケーションを作成する方法をiBooNを例に紹介します。 iBooNは、iPhoneの傾きに応じて車の音が変わるミニアプリです。まず、Color Select画面から好きな色の車を選びます。ミニカーの画像が表示された画面
まだ 6 月だってのに早くも今年初あせもができちゃったよ！かいーの nakamura です。 サイトのモバイル、スマホ対応もすっかり一般的になってきた今日この頃、みなさんいつもどんな方法でキャリア判定を実装しているでしょうか。がっつりフレームワークなどを使っていればさほど難しくはありませんが、ほとんどプログラムが動いていないような静的なサイトの場合はちょっと面倒ですね。今日はそんな時に有用な .htaccess を使ったキャリア判定の方法をご紹介します。 仕様 今回、ルートディレクトリ / は PC 用サイト、/m/ 以下がモバイルサイト、/sp/ 以下がスマホサイトとして以下の仕様を元に記述方法を考えていきます。 PC で /m/, /sp/ 以下にアクセスしたら / にリダイレクト。 モバイル、スマホで PC サイトにアクセスしたらそれぞれ /m/, /sp/ にリダイレクト。 モバイ
なかなか良かったのでご紹介。jQuery Mobileを使ったスマフォ向けのHTML ファイルをオンラインで作成出来る シンプルなWebサービス・mobjectifyで す。直感のみで作成することが出来ま す。ユーザー登録も不要なのはいいですね。 jQuery Mobileのサンプルを自作してダウンロード出来ます。いくつか似たようなサービスがあった気がしますけど・・これはこれで覚えておいて損は無さそうです。 [note]因みに当サイトでもjQuery Mobileのサンプルを配布していますので宜しければどうぞ。[/note] jQueryMobileを使ったHTMLファイルをダウンロード出来るのですが、諸事情でモックアップとして使うしか無さそうですが、ユーザー登録も不要で手軽に使えるので。 以下に使い方を少しご紹介。 Pageを作成 Try Nowをクリックしてスタート。まずはPageをク
最近phpをいじるがてら、ひさびさに携帯サイトに触れているためメモメモ。 携帯サイトで装飾を入れるとなるとi-cssが云々って話があったりしますが、正直テストサイトでそんな面倒なことをしていられないので、だいたい以下のようなhtmlで作成しています。 とりあえず携帯サイト作りたい時テンプレート <?xml version="1.0" encoding="Shift_JIS"?> <!DOCTYPE html PUBLIC "-//i-mode group (ja)//DTD XHTML i-XHTML(Locale/Ver.=ja/2.3) 1.0//EN" "i-xhtml_4ja_10.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja"> <head> <meta http-equiv="Co
※文中のケータイ livedoorのPVに誤りがあり、修正いたしました (2010/9/22) こんにちは、『プチペット』を担当している吉沢です。 Webサービスのケータイ対応がやっと当たり前になってきたかと思ったら、今度はスマートフォンの対応と、モバイル業界の時の流れはものすごく速いですね。 そんな中、ケータイは新しい端末のシェアが増えていく度に、サイトで表現できる自由度が高くなり、単に作るだけではなく、デザインで差をつける時代が来ています。 それが読み取れる世の中の動きとして、たとえばモバイルデザインアーカイブさんは、年鑑が出るくらい書籍・サイト共に人気ですよね。また、ちょっと前に発売された書籍『ケータイサイト解体新書 デザインパターンから理解する実装テクニック』は、いろいろなデザインパターンからHTMLを引けるため、デザインをする上でとても参考になります。 携帯サイト年鑑2010 著
Webアプリのセキュリティを検討する「Webアプリケーションセキュリティフォーラム(WASForum)」が5月22日、認証と認可に関するイベントを開催した。その中で携帯電話の「かんたんログイン」のセキュリティに関して講演が行われた。 WASFは、もともとPCの一般的なインターネットのセキュリティを対象にしていたが、昨今のスマートフォンの流行などで携帯電話からも通常のインターネットが頻繁に利用されるようになったことから、今回のような考察が行われたという。 かんたんログインに関して講演をしたのは、HASHコンサルティングの徳丸浩氏と、産業技術総合研究所(産総研)の高木浩光氏。 パンドラの箱を開いたキャリア 携帯電話のWebサイト(携帯Web)で一般的に利用される「かんたんログイン」は、iモード(NTTドコモ)やEZweb(au)、Yahoo!ケータイ(ソフトバンクモバイル)で利用されているログ
前回のエントリ “携帯サイト開発者のためのセキュリティ再入門” が割と広範囲にお読みいただけているようです。ありがとうございます。ただあの記事は単に列挙しただけなので「何をまずやればいいのか」具体的なものが見えてこない気がしますのでメモとして再構成してみました。前回書いたように「契約者IDによるかんたんログイン機能を撤廃しよう」がすぐにできるのであればいいですが、なかなかできないのが現実でしょうから、「緊急度の高い対策」から順に扱っていこうと思います。 契約者ID(UID)で認証しているサイトはすぐにやろう キャリアのIP帯、User Agent、UIDのペアを確実に検証するようにする 例えばドコモのIP帯 + ドコモのUser Agent + X-DCMGUID でのみ認証できるようにします。 もし [携帯電話のIP帯 (各キャリアのリストをマージしたもの) + ドコモの User Ag
お探しのページは見つかりません。 一時的にアクセスできない状態か、移動もしくは削除されてしまった可能性があります。 Topページへもどる 日本通信株式会社 日本通信は 1996年5月24日、モバイルが実現する次世代インターネットを活用して日本の次世代経済の基盤を構築する総務省の方針を実現する会社として設立されました。当社ビジネスモデルはのちにMVNOと命名され、2009年3月、総務省の携帯市場のオープン政策のもとNTTドコモとの相互接続を実現しました。これにより「格安SIM」が生まれ、携帯事業者以外から携帯通信（SIM）が買える市場が誕生しました。次は、携帯電話以外の産業が、自社サービスにモバイルを組み込み、産業全体がモバイルを活用し成長する番です。MVNO ルールメーカ、世界初のMSEnabler としての強い技術ビジョンと高い遂行力によって、日本発の経済創出の一翼を担うべく次世代プラッ
先日、「SIMカードだけの格安パッケージが登場」という記事を執筆した。それだけあってもSIMロックフリーで国内で使用できる端末が少ないという問題があった。 ところが、本日3月4月7日、日本通信からNTTドコモから発売されたソニーエリクソン製「Xperia」で動作が確認されたというメールが届いたのだ。 そのメールは、SIMカード製品「b-mobile SIM」に興味のある人向に配信されるもので、表題は「【b-mobileSIM最新情報 4/7版】XPERIAの動作確認続報」で、以下のような文言が書かれている。 前回のメールで動作しなかったとご案内いたしましたXPERIAですが、製品版b-mobileSIM U300にて動作確認が取れましたので皆様に改めてご案内いたします。 すでに同社の動作確認機種一覧にはXperiaが追加されている。 b-mobile SIMの価格は、30日間使い放題で
「ソーシャルプラットフォームはみなさんが思っているよりも早く、世界的な競争に巻き込まれますよ」――ミクシィ取締役で、mixi事業を統括する原田明典氏はこう断言する。国内ではモバイルSNS最大手のモバゲータウンや、急成長中のGREEと比較されがちだが、その目に映っているのは3億人のユーザー数を誇るFacebookや中国Renren Network（人人網、旧Xiaonei Network（校内網））との戦いだ。 そこで強みとなるのが、PCサイトとモバイルサイトの両方で開始したmixiアプリだという。開発者はmixi上でウェブアプリを公開し、mixi内の友人同士でコミュニケーションを図りながらサービスを楽しんでもらう。ソーシャルアプリと呼ばれるこういったサービスはFacebookが先行しているが、PCと携帯電話の両方で利用できるのはmixiが初めてとのこと。 ミクシィはmixiアプリを通じてど
ケータイ3キャリアに対応するためのDOCTYPE宣言について Tweet 2009/10/14 水曜日 matsui Posted in 全キャリア対応, 記事紹介・リンク | 11 Comments » XHTMLを使ってケータイサイトを作成する際には、HTMLの冒頭にDOCTYPE宣言を記述する必要があります。 先日からこの「DOCTYPE宣言」に関するブログエントリーが人気を集めているようなので、当サイトも触れてみようと思います。 下記2つのサイトでは、どちらもif文でユーザエージェントを判定して、DOCTYPEを出し分けるという処理を紹介しています。 → ma-san.org 携帯サイトをHTMLではなくPHPで組むときのDOCTYPE分岐方法 [ma-san.org] → ある人のぼやき 携帯サイトのDOCTYPE分岐方法 [d.hatena.ne.jp] DOCTYPE宣言とは
Posted by nene2001 at 11:43 / Tag(Edit): 位置ゲー / 0 Comments: Post / View / 0 TrackBack / Google Maps コロプラ、ケータイ国盗り合戦あたり（或いは、位置ゲーを名乗ってないけどIttemiaあたりも含め）が先鞭をつけた位置ゲーが割と軌道に乗って以来、ケートラ、ココ釣り、まちつく、しらべる、おいらんと、位置ゲーが増えてきています。 もしかしたら、自分達でも位置ゲーを始めたい、と考えている方もおられるかもしれません。 そういう方に、ちょっと何かしらアドバイスになればと思って、書いてみます。 まずいえるのは、ゲーム要素としてスタンプラリーを使うのは、正直止めておいた方がいい、ということです。 メインのゲーム要素ではなく、サブ要素としておまけ程度の扱いでのスタンプラリーならばいいでしょ
FireMobileSimulatorはFirefox/Chrome版ともに配布・メンテナンスを終了しました。本ページの内容は記録のみの目的で残しています。 FireMobileSimulatorとは？ FireMobileSimulatorは、主要３キャリア（DoCoMo/Au/SoftBank）の携帯端末ブラウザをシミュレートして、モバイルサイト開発を容易にするために作成されたGoogle Chrome/Firefoxの拡張機能です。携帯端末のHTTPリクエスト、絵文字表示、位置情報送信機能などの動作をシミュレートすることができます。 モバイルサイトをPCで閲覧するために、従来からある方法として、キャリア公式シミュレータの使用、Proxyの使用、Firefoxのuseragentswitcher+modify headersの組み合わせ等、色々と手段はありましたが、これらの方法はそれぞ
概要 † HTML_Emoji は携帯の絵文字を変換するライブラリです。 PHP 4 以上で動作します。 docomo, au, SoftBank の絵文字に対応 (隠し絵文字を含む) 他キャリアの絵文字を、類似の絵文字に変換可能 ＰＣでは gif 形式の画像に変換して表示 絵文字の入出力は、UTF-8, Shift_JIS のバイナリ形式 文字エンコーディングを UTF-8 と Shift_JIS 間で相互に変換可能 User Agent からキャリアを自動判別 (キャリアを指定することも可能) フォームに入力された絵文字を処理したり、 携帯宛の絵文字メールを作成したりするのに使えるはずです。 ▲ サンプル † 動作確認のためのサンプルをいくつか用意しました。 PC や携帯から読み書きしてみて下さい。 UTF-8 での表示 Shift_JIS での表示 絵文字掲示板 PC での動作確認に
いまからでも遅くない！ ケータイデザインの基礎固め：一撃デザインの種明かし（6）（1/2 ページ） 普段はPCサイトを作っているけど、ケータイサイトに興味が出始めた人向けの、初めてケータイのデザインハウツーです。日々変化するケータイデザインの基礎の基礎をご紹介 ケータイ機種のスペックが上がりデザイン表現の幅は広がっていますが、PCサイトに比べまだまだ容量やスタイル、キャリア対応などさまざまな制限があるのも確かです。 今回は、普段PCサイトを作っているけど、ケータイサイトに興味が出始めた人、初めてケータイのデザインに触れる人のための基礎固めとして、日々変化するケータイデザインの基礎の基礎をご紹介したいと思います。 誰でも最初は初心者だった！ ケータイデザインの基礎の基礎 ケータイの画面サイズを考える！ 一般的な画面サイズはQVGA（縦320px×横240px）ですが、最近ではQVGAワイド（
ディー・エヌ・エー（DeNA）は8月27日、モバイルポータルサイト「モバゲータウン」のゲームAPIを公開すると発表した。外部開発者を巻き込んで提供するゲームの数を増やし、売り上げ拡大につなげたい考えだ。 Googleが中心になって策定したソーシャルネットワーキングサービス（SNS）向けのAPI「OpenSocial」に準拠したAPIのほか、DeNAのゲーム制作ノウハウをつぎ込んだというゲームAPI、課金APIなども用意される。サービス事業者やゲーム開発者はAPIを利用することで、モバゲータウン内でゲームを公開できるようになる。 DeNAは9月上旬に開発者向けのサイトを開設する計画。開発者はゲームの課金収入をDeNAと分け合うほか、ゲーム内広告も掲載できるようになるという。 SNS事業者はサービス拡大のため、外部開発者がサービスをSNS内で公開できるようになってきている。国内最大手のmixi
▼ GPS携帯と携帯サイトの作り方に関する基礎知識のメモです。 メニュー GPSとは 携帯各社のGPS位置情報の取得方法 au DoCoMo SoftBank WILLCOM 携帯各社のユーザーエージェントの取得方法 au DoCoMo SoftBank WILLCOM 携帯各社のホームページ作成方法（マークアップ言語について） au DoCoMo SoftBank WILLCOM GPSメールとは GPS画像とは 関連ページ GPS携帯 位置情報 システム for au （PHP/MapScriptベースのWebスクリプト） GMapsBBS Beta （Google Maps と GPS携帯を連携したBBS） 日本地図 首都圏エリア 大阪エリア この画像の最終更新日:2008/08/18 20:21 この画像は、GPS携帯から取得したアクセスポイントをローカルサーバのMapSe
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く