Google Chromeでスマホサイト制作 @ichigamiさんからTwitterで「Chrome の開発者ツール、下でなくて右に表示させることができるの知らんかったー」とコメントを貰ったので、普段わたしがどんな感じでスマホサイト制作をしているかご紹介します。 追記：最新バージョンでの利用方法は以下のエントリーに記述しました。 Google Chrome 37でスマホのエミュレーションを行う 基本的には開発者ツールは右に表示。これは開発者ツールの左下のアイコンを長押しで設定できます。 他にも右下の歯車の設定から、「Device metrics」にチェックを入れ「Screen resolution」を320×480に設定して表示領域をスマートフォンと同じくらいになるように設定して、「Emulate touch events」にチェックを入れタッチイベントをエミュレートしています。案件によ
jQuery MobileなどのすぐれたJavaScriptフレームワークの登場で、HTML5とJavaScriptを組み合わせたWeb標準によるモバイルアプリケーション開発が普及し始めています。 この記事では、Web標準によるアプリケーション開発をさらに簡単にしてくれる、WebブラウザベースのjQuery Mobile対応モバイルアプリケーション開発環境「codiqa」と「Application Craft」の2つを紹介しましょう。 Codiqa～jQuery Mobileアプリのモックアップがすぐ作れる モバイルデバイス対応のアプリケーションを開発するときに手間がかかるのが、小さい画面でも使いやすいユーザーインターフェイスの構築です。モックアップを作り、使い勝手を試す必要があります。 先月公開が始まった「codiqa」は、そのモックアップを手軽に、Webブラウザ上でドラッグ＆ドロップす
このエントリでは、スマートフォンアプリケーションの通信暗号化の必要性について議論します。 はじめに 先日、スマートフォンアプリケーションのセキュリティに関するセミナーを聴講しました（2月8日追記。講演者からの依頼によりセミナーのサイトへのリンクをもうけました）。この際に、スマートフォンアプリケーションの脅威に対する共通認識がまだないという課題を改めて感じました。その課題を痛感できたという点で、セミナーは私にとっては有益でした。 このため、当ブログではスマートフォンアプリケーションの話題をあまり取り上げていませんでしたが、今後は、とりあげようと思います。まずは、スマートフォンアプリケーションでは暗号化を必須とするべきかという話題です。この話題は、前記セミナーでもとりあげられていました。 暗号化の目的は何か まず、暗号化の必要性を論じるためには、暗号化の目的を明確にする必要があります。前記セミ
最近今あるサイトをスマートフォンに対応させるべく、コツコツがんばっているわけですが、その際に気になったことや知っておきたいポイントをまとめてみました。基本的な内容も多いと思いますが、ご参考になればと思います。 1. スマートフォンに対応させるには？ ウェブサイトをスマートフォンに対応させるには2つのパターンがあると思います。 PCにもスマートフォンにも対応したページを作成するか、PC用ページとは別にスマートフォン専用ページを作成するかです。 1つ目のPCにもスマートフォンにも対応したページは、Media Queriesを使う場合が多いと思います。 Media Queriesを使うと画面のサイズの違いによって適用するCSSを変更することができます。 例えば、CSS-Tricksというサイトは画面サイズによってレイアウトが大きく変わってます。 Media Queriesについては後で簡単に紹介
2020年8月31日(月)をもちまして、nanapiに関わるすべてのサービスは終了いたしました。 nanapiは、2009年のサービス開始より「みんなで作る暮らしのレシピ」という考えのもと、ユーザーの皆さまに生活に関する様々な「ハウツー」を投稿していただく投稿型ハウツーサービスとして運営してまいりました。 約11年間にわたって皆さまからご支援をいただきサービスを継続できたこと、nanapi編集部一同、心より御礼申し上げます。 掲載されていたコンテンツなどのnanapiについてのお問い合わせは、nanapi@supership.jp までお願いいたします。 長きに渡りnanapiを応援してくださり、本当にありがとうございました。
Androidアプリのテストに関する課題 Android端末の普及は世界規模で増加の一途をたどっています。2011年秋冬モデルが発表され、発売予定のものを含むと日本で発売中のAndroidの携帯端末は100機種に迫ろうとしています。読者の皆さんの周囲を見渡しても、電車や街角でAndroidを採用したスマートフォンなど携帯端末を使用する人をよく見かけるのではないでしょうか。 そして、スマートフォンに留まらずタブレットやミュージックプレイヤー、電子ブックリーダー、POSレジ、テレビなど、さまざまなデバイスがAndroidを搭載し始めています。Androidの採用が増えるにつれ、Androidアプリの種類が増えるので、アプリの開発案件も増えることになります。実際、本稿を読んでいる開発者の方の中にも、すでにAndroidアプリの開発に取り組んでいる方も多いのではないでしょうか。 筆者も普段の業務の
個人的にもっと広く使われるようになって欲しい素敵なサービス3選
日々web界隈のいろんなものを調べたり、実際に試したりしているのですが、見た瞬間に素敵だと思い、かつその後も使い続けられているものというのはほとんどありません。 今回は最近、そんな稀有な存在となった（もしくはなりそうと感じている）サービスでもっと利用が拡大してほしいなぁーと思っているものを3つほどご紹介。 1. Feed.ly Feed.lyはRSSフィードリーダー。(iPhone/iPad版もあり。) 以前は同じ分野のReederというデスクトップアプリを使っていたのですが、個人的にブラウザでアクセスしたいというニーズが強く（アドオンでブックマークしたり、ソーシャルメディアに流したりするので。）、webアプリで同じくらい見やすくデザインされているFeed.lyに落ち着きました。 Tumblr、Google+のフィードも見れたりするので、非常に便利。 これを利用してくれる人が増えてもらいた
明日の都市型モビリティネットワーク！公共交通機関とパーソナルモビリティをつなぐ「moシステム」 2011.11.17 松岡 由希子 自宅からオフィスまでずっと自転車というのはキツいけど、途中で電車に乗り換えられたり、雨の日は電車で通えるなら、プチ自転車通勤もいいなぁ～。 こんな風に、パーソナルモビリティと公共交通機関をハイブリッドに組み合わせることで、自動車中心の社会から卒業するための、新しい都市型モビリティネットワークが生まれました。 「moシステム」は、米シリコンバレー生まれのデザイン企業「LUNAR Europe」と、独ヴッパータール大学（University of Wuppertal）、独NPO「Green City e.V.」が独ミュンヘンで共同開発した、都市型モビリティネットワークシステムです。自転車やカーシェアサービスの利用のほか、電車などの公共交通機関の利用履歴をひとつにま
ディズニー好きのみなさーん、朗報ですよー！ なんと、ディズニーランド、ディズニシーのアトラクションの待ち時間がネット上でわかるようになったんです。 まずは、『東京ディズニーリゾート・オフィシャルウェブサイト』を開いて、左下にある『待ち時間をチェック！』をクリックしてください。すると、簡単なアンケートフォームがあらわれるので、それに回答すれば、アトラクションの待ち時間が表示されます。 なんてことでしょう！ これで、何時間も並ばずに、乗り物に乗れちゃうかもしれません！ 実際に私（記者）も先ほど、このサイトをチェックしましたが、ゾーンごとに分類されていたため、非常に見やすく最高でした。ただ、このサービス、スマートフォン向けにのみに最適化（iOS4以降/Andoroid2.2以降）されているため、ガラケー、フィーチャー・フォンでの閲覧は難しいかもしれません。 ということでスマートフォンをお持ちのみ
※この記事は読者によって投稿されたユーザー投稿です：編集部の見解や意向と異なる内容の場合があります編集部は内容について正確性を保証できません画像が表示されない場合、編集部では対応できません内容の追加・修正も編集部では対応できません スマートフォンをはじめ、モバイル端末の普及に伴いインターネットの世界でも注目されているものの一つが「位置情報」系サービス。ソーシャルメディアの台頭もあいまってFoursquareやFacebookのチェックインクーポンなど、国内でも既に多くの企業が位置情報と連動したサービスやキャンペーンなどを展開し始めています。今回はその中でも『ジオフェンシング』について着目してみたいと思います。Wikipediaを参考にその定義を説明すると、ジオフェンシングとは「実際の地図（地域）上にバーチャルな境界線を設けていく技術」ということになります。 この境界線とは様々な形で設定する
This shop will be powered by Are you the store owner? Log in here
こんにちは、「livedoor Blog」を担当している吉沢です。 スマホの登場で、すっかりケータイ (フィーチャーフォン/ケータイ/ガラケー) が日陰に追いやられた感がありますが、ケータイも毎年進化していて、モバイルサイトの開発が行いやすいケータイがユーザへ浸透してきています。 livedoor Blog では、スマートフォン分野に注力しながら、月間15億PV あるケータイ版のUI最適化にも引き続き取り組んでいます。今回は、livedoor Blog で採用した事例を元に、この先1〜2年のケータイ開発・運用に役立てられる、3キャリア共通の CSS から最新のコーディング事情を紹介したいと思います。 アクセスシェア〜ライブドアの場合 まずはどの世代のケータイをメインに開発して表示くずれを起こさないようにするか検討するため、アクセスシェアを把握します。 1年前と比べると、iモードブラウザ2.
Instagramを抜き、写真共有サービスのトップにたった『Camera360』が示唆すること
Tweet 『Camera360』というアプリをご存知でしょうか。 Instagramと同じように写真にフィルターをかけ、簡単に共有できるAndroidアプリです。 この『Camera360』、最近600万人のユーザー獲得を達成したらしく、この分野の代表的サービス、Instagramはようやく450万人を超えたところなので、そういう点ではPicPlzなどの競合も含めたフィルタリング機能つき写真共有サービスという分野ではトップに立ったことになります。 そんなCamera360の強みは写真加工機能。30の異なるフィルタとエフェクトモード、風景モードなど6つの撮影モードを備えています。ファウンダーである、Xu Hao氏がそのような写真加工の分野に10年間いたというところが強く影響しているようです。 氏いわく、「共有するということは確かにトレンドだが、そのためには十分なユーザーベースと共有したいと
QRコードのクリエイティブな利用法3選
Tweet 以前『ソーシャルメディア×リアルなキャンペーン3+1事例』という記事を書いたのですが、同じようにオンラインとオフラインを繋いでいる事例、特にQRコードを使ったものがThe Next Webにいくつか紹介されていましたのでいくつか抜粋したいと思います。 QRコードは日本ではだいぶ前から広く使われていましたが”Only in Japan”とはまさしく、日本以外ではほとんど使われていませんでした。しかし、北米でも2010年7月から2010年11月までの4ヶ月で1200％利用が増加するなど、ようやく普及の兆しを見せています。 ある意味あたり前ですが、現在のソーシャルweb全盛の状況を反映し、オフラインの場からオンラインへとユーザーを導くツールとして非常に注目を浴びています。 以下、そんなQRコードの利用事例の中からクリエイティブ、あるいはソーシャルとの連動がある事例を3つほど。 1.
見逃せないQRコードキャンペーン3選
Tweet "Awwwards"に最近のQRコードを活用したキャンペーン事例がまとまっていたので、知らなかったものの中から面白かったものを3つほどご紹介:) ■The LEGO code ドイツ最大級のおもちゃ販売サイト、『Mytoys.de』がLEGOのプロモーション、ウェブへの送客を目的に実施したキャンペーン。 LEGOでQRコードは作成し、それを駅構内などに設置。（それぞれのQRコードは何かのイメージを示したもの。） 結果として、ウェブサイトへの訪問者の49％がこのキャンペーンを通じたものに。また、レゴの売上も2倍に増加した。 ■ CLEAR 美しいだけでなく健康な髪の大切さを訴えるシャンプー『CLEAR』のPRを目的に実施されたキャンペーン。 その内容は、QRコードを髪型に刈り込み、ゲリラ的に街を歩く、というもの。著名人もそのキャンペーンに参加し、キャンペーンはモメンタムを得た。
ソーシャルゲームのデベロッパーとして急速に業績を伸ばしている株式会社gumiの国光宏尚さんに寄稿していただいた。多くの人の予想を上回るペースでスマートフォンが普及する中で、スマートフォン上でアプリ事業を展開するソーシャルゲームのデベロッパーなどの事業は今後どう変化するのだろうか。（湯川鶴章） 国光宏尚 ガラケーを制するものスマホをも制す スマートフォンが急速に普及し始めた。フィーチャーフォン（通称、ガラケー）からスマートフォンにパラダイムが移行すると、「事業者間の競争はスタートラインに戻る」「ガラケーの勝者がスマホの勝者へと横滑りはしない」と言われたものだ。だがソーシャルゲームに関しては、フィーチャーフォンの勝者が、スマートフォンの勝者になりつつある。 フィーチャーフォン上のソーシャルゲームの領域では、激しい競争が繰り広げられてきたが、その過当競争も今年はじめでほぼ終わり、ソーシャルゲーム
ヤフーとソフトバンクモバイルは8月18日、「Yahoo! JAPAN」の各種サービスを搭載したシャープ製スマートフォン「Yahoo! Phone SoftBank 009SH Y」（Yahoo! Phone）を開発したと発表した。9月下旬以降に数量限定で販売する。 Yahoo! Phoneは、Yahoo! JAPANが開発した専用のホームアプリ「Yahoo!ホーム」をプリインストールしたスマートフォン。ホーム画面には、ウェブ版Yahoo! JAPANの利用統計に基づき、Yahoo!検索やYahoo!ニュース トピックスなど、ニーズの高いサービスが配置されている。 また、現在Yahoo! JAPANが提供している「Yahoo!カレンダー」「Yahoo!ファイナンス 株価チェック」「Yahoo!ロコ 地図」「Yahoo!ヘッドライン」「ヤフオク（Yahoo!オークション）」「電気予報」「Yah
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
