「jQuery Mobile」は、モバイルWebアプリケーションやスマートフォンサイトの構築でいまもっとも注目されているフレームワークです。jQuery Mobileを使えば、iPhone/Androidをはじめ、さまざまなスマートフォンのブラウザーに対応したスマートフォンサイトを手軽に制作できます。 jQuery Mobileを使ったスマホサイト制作の基本から実践的なテクニックまで、ベストセラー「Web制作の現場で使う jQueryデザイン入門」（Web Professional Books）の著者・西畑一馬さんが解説します。（編集部） 「jQuery Mobile」は、モバイルWebアプリケーションやスマートフォンサイトの構築でいまもっとも注目されているフレームワークです。jQuery Mobileを使えば、iPhone/Androidをはじめ、さまざまなスマートフォンのブラウザーに対
今まで気づかずにいたが、Appleはスマホ(スマートフォン)向けサイトを作っていない。それは何故か。 予算がないとか、(どこぞのメーカーと違って)ウェブデザインや自社製品についての理解度が低いとか、おそらくそういったネガティブな理由ではない。Appleのウェブサイトには、自社のプロダクトデザインに通じる主張が表現されている。 Mobile Safari のUIデザインの本質を垣間見るウェブデザイン 自社のプロダクト(ここでは特にMobile Safari)のUIデザインが、何を理想として、どう調整されてきたのか、このサイトのデザインから読み取ることができる。 Appleのウェブサイトの裏側をちょっとだけ覗いてみると、viewport に width=1024 が記述されている。これは、iPhoneの小さな画面でも1024px分の幅があるものと仮想してレンダリングされるようにする、呪文のよう
スマートフォンの普及を背景に、「レスポンシブWebデザイン」（Responsive Web Design）という制作手法が海外で注目を集めている。レスポンシブWebデザインとはどのようなアプローチなのか？ 実例で解説する。 ウィンドウサイズを基準にデザインを調整 レスポンシブWebデザインとは、デバイスごとに複数のデザインを用意するのではなく、ブラウザーのウィンドウサイズに合わせてデザインをフレキシブルに調整する制作手法だ。モバイルサイトの制作では、デバイスやスクリーンサイズごとにページを振り分ける方法が一般的だが、レスポンシブWebデザインではHTMLはそのままに、CSS3のメディアクエリーを利用してスタイルシートだけでデザインを変更する。 レスポンシブWebデザインは、2010年5月、米国のイーサン・マルコッテ氏によって提唱され、海外では企業サイトを含む多くのWebサイトで採用されてい
太平洋高気圧はもうちょっと手加減してくれてもいいかな、って思うんですけど、やっぱり農作物なんかにはこの気温が必要なんでしょうか。 osuga-hです。 ガラケーWEBでリッチコンテンツの要FlashLite。これまでソーシャルゲームではFlashLiteがゲーム演出の要でした。 ところが時代はスマートフォン。各社ソーシャルゲームプラットフォームが一勢にスマートフォン用プラットフォームを公開してからそこそこ時間も経過しました。 そこにプラットフォームがあるならゲームを出さねばなるまい！！！ そんなわけでこそこそFlashLiteコンテンツをHTMLやらJSやらCSSに移植していたのですが、コレがもう全くノウハウにならない感覚作業のオンパレードで他人に伝承できない。 なんとかならんのか？！ そこで取り合えず既存のFlashLiteコンテンツをスマートフォン用にHTML5対応したときのログを
1 名前：名無しさん＠涙目です。(福岡県)[] 投稿日：2011/05/28(土) 17:34:03.78 ID:cK6UYBt90● ?2BP(2) タッチデバイスを生かし、スラスラと手書きした文字をテキストに変換できるメモアプリ「7notes」。 2月にiPad版が登場した際には、「けい営会ぎ」のように思い出せない漢字を平仮名で書いても 正しく漢字に変換してくれるなど斬新な使い勝手で話題となった。かなり適当に走り書きしても認識される。 7notes for iPadは、AppStoreのランキングで、常に10〜12位をキープしていて、ビジネス系アプリの定番として認知されつつあるようだ。 6月10日にはiPhone版が登場する。価格は700円で、6月末までは記念価格600円 （リリース日はアップルの審査の都合上多少前後する可能性がある）。「7notes mini」と名付けられたiPho
実は厄介、ケータイWebのセッション管理：再考・ケータイWebのセキュリティ（3）（1/3 ページ） “特殊だ”と形容されることの多い日本の携帯電話向けWebサイト。そこには、さまざまな思い込みや性善説の上しか成り立たないセキュリティが横行しています。本連載は、ケータイWebの特殊性をていねいに解説し、正しいケータイWebセキュリティのあるべき姿を考えます（編集部） 「Cookieを使えない端末」でセッションを管理する方法は？ 第2回「間違いだらけの『かんたんログイン』実装法」ですが、多くの方に読んでいただきありがとうございました。 今回は、前回に引き続き架空のSNSサイト「グダグダSNS」のケータイ対応を題材として、ケータイWebのセッション管理の問題点について説明します。携帯電話向けWebアプリケーション（ケータイWeb）のセッション管理は、かんたんログインよりも対策が難しく、厄介な問
この記事で取り上げているスマートフォンサイトの「BEFORE & AFTER」を以下の記事で紹介しています。合わせてご覧ください。 日本のスマホサイトは2年間でこんなに変わった iPhone、Androidの普及を背景に、スマートフォンのブラウザー向けにコンテンツや表示を最適化した「スマートフォンサイト」（スマホサイト）を開設する企業が増えている。当初はiPhone（iOS）の標準UIに倣った画一的なデザインが多かったが、最近では独特のレイアウトや斬新な色使いの個性的なスマートフォンサイトも増えてきた。 ここでは、Web制作者が見ておきたいスマートフォンサイトを紹介する。実務で参考にできるように、対象を日本語の企業サイトに絞り、業種別に分類してまとめた。スマートフォンサイトの制作に入る前にチェックしておこう。
昨年後半辺りから、iPhoneやAndroidなどのスマートフォン案件を実際にやる機会が増えて、今年はもっともっと増えるんだろうなぁと思う今日この頃。 なので今回は、スマートフォン向けサイトのフォームを作成する時に使うかも知れないラジオボタンにフォーカスした記事なんぞを。 ラジオボタンといえば、よく見かけるのは性別の選択とかでしょうか。 何にせよ、下記のような感じです。 ラジオボタン1 ラジオボタン2 んで、これをiPhoneとかで見ると、何の変哲もない普通のラジオボタンですが、iPhoneってラベル部分をタップしても選択できなかったりして使い勝手が悪いと思ったりしませんか？ ボクが持ってる、iPod Touch では反応してくれなかったです。 そこで、ラジオボタンをもっと良さ気なボタンっぽくしてみたら良いんじゃないかと思ったのでやってみました。 サンプルはiPhoneかwebkit系ブラ
恐らく、auの古めの機種でしか発生しないとは思うのですがたまたま遭遇してしまったため書き残しておきます。 というか、今までこんな現象知らなかったので...今まで私が制作したサイトはことごとく2ｇ（ｒｙ ...。 xhtml、htmlどちらでも同じ現象が発生します。 他のキャリアで見るとなんの問題もない普通のプルダウンなんですが。 auの古めな機種（A5511T、W41CAで検証）で見ると、 という感じで2行になります。 ちなみに、auの最近の端末で見るとプルダウンの部分だけ他よりもフォントが大きく見えてしまいます。 サンプルページ →サンプルページを見る 原因は？ selectの外側で小さめの文字サイズを指定すると、selectボックスの中身のテキストはデフォルトのサイズのままだけど、ボックスのみが小さめの文字サイズにあわせて小さくなります。 要するに、「中身は大きいままなのに外側のボック
結論からいうと、世間で騒いでいる割に、ガラケーのほうが購買者一人当たりの単価が高くてプラットフォーム普及台数が世界で比較しても極端に多い。将来はしらん。 1.iPhone VS モバゲー どちらが高いかな？ 2.iPhone VS グリー どちらが高いかな？ 3.プラットフォームの普及台数 実は世界中で動いているiPhoneの数より国内のガラケーのほうが多い。グローバルを狙えばいいってもんじゃない。 4.時価総額 テレ東×10≒(モバゲーとかグリー) 5.独断と偏見によるステークホルダーの動向の傾向 Twitterやってるよ!暇な人はフォローしてよ! ひと夏の思い出に意見とかくれるとうれしいよ。 あとはてブとかくれると、さみしい病が少し緩和されるのでうれしいです。 http://twitter.com/fukuyuki 言い訳とか： 1or2:当然ですが、ガラケーソーシャルアプリは全員が全
モバイルサイトの制作前に、もしくは打ち合わせに行った場合は必ずチェックしておきたいところをまとめてみました。 こちらから積極的に確認しないと、何も詳細が分からないままデザインだけぽーんと渡されてしまうことがあるので、自ら前のめりでチェックしておきたいところです。 個人的に「ここだけは外せない！」という項目は以下の6つ ・xhtml？html？ ・文字コードは？ ・tableは使ってOK？ ・絵文字は？ ・カタカナの扱いは？半角？全角？ ・VGA対応は？ xhtml？html？ 最近は基本xhtmlで作成という流れに（私の場合は）なってますが、それでも念のために一応聞いておきたいところ。 昔、xhtmlで作成してほぼほぼ終わった段階で「アップするサーバーでxhtmlが使えないのでhtmlに変更してください！」と言われてやり直したことがあります...。 文字コードは？ 携帯サイトといったらSh
Adobe Systemsは米国時間6月22日、携帯電話メーカー向けに「Flash Player 10.1」を公開した。先陣を切って同ソフトウェアを採用するのは「Android」OSの最新版だ。 Adobeは今回の発表によって、Flashをデスクトップとモバイルデバイスの両方で「普通に機能する」プラットフォームとして位置づけようとしている。最新のAndroid OSである「Froyo」が、モバイル分野へ進出するFlashの試金石となる。Flashは、Motorolaの「DROID」や複数のHTC製デバイス、さらにはDellの「Streak」にも搭載される見通しだ。その後、Adobeは「数カ月以内」に、「BlackBerry」「webOS」「Windows Phone 7」「LiMo」「MeeGo」「Symbian」といったプラットフォーム上でFlashを公開していく予定だ。 Adobeのテ
このドメインは お名前.com から取得されました。 お名前.com は GMOインターネットグループ(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※表示価格は、全て税込です。 ※サービス品質維持のため、一時的に対象となる料金へ一定割合の「サービス維持調整費」を加算させていただきます。 ※1 「国内シェア」は、ICANN(インターネットのドメイン名などの資源を管理する非営利団体)の公表数値をもとに集計。gTLDが集計の対象。 日本のドメイン登録業者(レジストラ)（「ICANNがレジストラとして認定した企業」一覧（InterNIC提供）内に「Japan」の記載があるもの）を対象。 レジストラ「GMO Internet Group, Inc. d/b/a Onamae.com」のシェア値を集計。 2024年5月時点の調査。
携帯錬金術師とは？ 今回は1月27日にモバゲーオープンプラットフォームにてリリースをした「携帯錬金術師」について、その開発経緯とサービス内容を紹介したいと思います。まずはじめに、携帯錬金術師について。携帯錬金術師はゲーム内でプレイヤーが錬金術師となり、ゲーム内で拾った素材を組み合わせて練金を行う、錬金術ゲーム。ただそれだけのきわめて単純なゲームとなっています。モバゲーオープンプラットフォームでは、「ギャンブル」のカテゴリーにて提供されています。 「ギャンブル」カテゴリー URL：http://pf.mbga.jp/12000038 それではさっそく、携帯錬金術師の開発経緯をお話しましょう。 中高生の男子の心をつかむ！ターゲットのペルソナを描く モバゲーオープンプラットフォームにアプリを提供する利点はなんといってもモバゲーという巨大ポータルサイトへ投入することで、そこにいるユーザーの流入が
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
