モバイルファーストは間違いだったのか
最近、海外のスタートアップ界隈では”モバイルファーストは間違いだった”という意見がよくでてきている。 それにたいして、”これからはモバイルだ！モバイルだ！”とずっと言い続けていたTechCrunchのエース記者MG SIEGLERさんとの対談が非常に面白い。 動画はこちら。Mobile First Or Mobile Worst?（英語） この動画で語られている事は興味深すぎるので、出来る限りどんなことを話しているかを紹介するとともに、事の経緯とか、iPhoneアプリを開発している立場として僕の意見も書きまくりたい。 ちなみに、この動画で話しているのは、スタートアップが新規事業を立ち上げる時にスマホアプリから始めるか、それともWebベースのPCサイトから始めるかの話です。 例えばFacebookはWebファーストで、Instagramはモバイルファーストのスタートアップ。 基本的にはサービ
企業サイトのスマホ“対応”とその一歩先の“最適化”とは？【レポート】 | イベント・セミナー
「企業サイトのスマホ対応」をテーマに、Web担当者Forumとミックスネットワークの共催セミナーが2月22日に東京で開催された。会場では、Webサイト制作に携わる3人のプロフェッショナルが登壇し、スマートフォン市場やスマートフォン対応の最新情報を惜しみなく披露してくれた。本レポートではその模様を詳細に報告する。 「スマートフォン対応の重要性と、レスポンシブ・Webデザイン」と題し、最初に登壇したのは、Web制作会社エイチツーオー・スペース 代表取締役として、スマホ対応の最前線で活躍するたにぐちまこと氏。Web制作に関するセミナーイベント「CSS Nite」において、2011年のベストスピーカーを受賞しており、トークの巧みさも高く評価されている。 たにぐち氏はまず、「復習」と位置づけて、最近のスマホ市場の動向をデータで紹介した。いくつかの調査会社の発表によると、2011年のスマホの利用率は約
モバイルファーストとWebサイトのコンテキスト | コラム | ミツエーリンクス
昨年末より、ワンセグやおサイフケータイを搭載する、日本市場に特化したAndroidスマートフォンが登場しています。日本では2015年にも携帯電話の販売台数、契約数ともに、スマートフォンが全体の半数を超える予測がされており、今後さらに広がることが確実視されています。 スマートフォンからのWebアクセスも、今より増加するでしょう。立ち上げる必要がないことやどこでも使えるという利便性から、PCよりも利用の幅は広がるのではないでしょうか（実際、今年中にスマートフォンがPCの売上を抜くという予測もあります）。 さて、昨年頃より「モバイルファースト」という考え方に注目が集まっています。PCではなくまずモバイルからデザインを考え始めるという考え方なのですが、「たとえモバイル展開を考えていなくてもモバイルから考えよう」という、少し変わった主張も含まれているのです。いったい、どういうことでしょうか。 制約を
モバイル開発に欠かせないテストツール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 も含め諸々ダウンロードしなければいけませんし
拙著「ケータイサイト解体新書」をチラ見せしちゃったりするの巻
さて、先週エントリした「ケータイサイト解体新書 デザインパターンから理解する実装テクニック」ですが、早速予約注文を入れてくれている人もいるようで感謝感激です。 しかし、なかなかAmazonに書影も出てこないし、どういう書籍か詳細情報もまだわかんないよねーってことで、チラ見せしちゃいますよ。 基本的なページ構成としては見開きでひとつのネタについて書いてます。 もちろん例外のページもありますが、どっから読んでもOKな感じにはなってるかなと。 僕がこれまでやったサイトとかサンプルサイトの解説。これはモバツイですね。フルカラーで解りやすく。 どーんとソースと、ソースにおけるポイントをどかっと掲載。 巻末資料として2006年秋以降の端末スペック表。2010年夏モデルも入れてあります。 こちらも巻末資料。3キャリアの絵文字対応表です。静的サイトを作った場合に使えるよう、docomoの絵文字を基準に3キ
case:MobileDesign! モバイルサイトのデザイン紹介ブログ
case:MobileDesign! モバイルサイトのデザイン紹介ブログ 引っ越ししました。 http://case-mobile-design.com/ case:MobileDesign! モバイルサイトのデザイン紹介ブログ > 2010-03-01 >
case:MobileDesign! モバイルサイトのデザイン紹介ブログ
case:MobileDesign! モバイルサイトのデザイン紹介ブログ 引っ越ししました。 http://case-mobile-design.com/ case:MobileDesign! モバイルサイトのデザイン紹介ブログ > 2010-02-15 >
泥臭いWEBの底から～WEBディレクター覚書～ モバイルサイトの見通しの悪さ
「いっちょかみ」って方言なのか古い言葉なのか、大人になってからあんまり聞かないなあ(と思って検索したら、大阪弁らしいどおりで関東に来てから耳にしないわけだ。ついでに関西ことば辞典を見てたら、標準語だと思ってたのがけっこう載ってる…)。 で、本当はブログで「いっちょかみ」があんまり好きではないのだけれど、珍しく規模感のある企画を考えていたら頭が煮詰まったので。 「企業サイト改変不要論」という記事を読んでいたら、「リニューアルとリストラクチャリングの違い」みたいな内容だった。「リストラクチャリング」とか口頭で言う人に会ったことがなかったのでピンと来なかったのだが、「リストラクチャリング」はビジネスの最適化が主目的であって、そこにコミュニケーションの最適化のためのITインフラがあって、そのシナリオがサイト全体の構造と立ち振る舞いを決定づけて…と、デザインとかユーザビリティとかは最後のフェーズの一
モバゲーのような携帯サイトを作るための12のTips 携帯ホームページを作ろう！ -ちょっと詳しいモバイルサイトの作り方-
当ブログが携帯サイト作成法に関する記事をかいていることから、読者の方から、 『モバゲーのような携帯サイトを作るためにはどうしたらいいんですか？』 っていう質問を最近良く受けます。 おそらく、モバゲーがとても有名で、ある種モバゲーが携帯サイト界のデファクトスタンダードのような 位置づけになってきているのでしょうか。 確かに、携帯サイトを作ってきている身としても、 モバゲーのサイトデザインにするには、結構難しいことも多いし、学ぶことも多い。しかし、最近の携帯サイトは、実機からしかアクセスできないようになっていて、PCからコードを覗くことができないことも多く、学ぶことも難しいようです。 ということで、今回は実際にモバゲータウンに携帯でアクセスして、携帯の画面を見ながら、デザインを真似て新しく自分なりに作ってみましたので、そこから得た経験をTipsとして公開したいと思います。 ちなみに、左のスクリ
ke-tai.org > Blog Archive > 携帯サイト初心者の方に向けたセミナー資料「ケータイサイトのはなし（入門編）」
携帯サイト初心者の方に向けたセミナー資料「ケータイサイトのはなし（入門編）」 Tweet 2008/4/21 月曜日 matsui Posted in お知らせ | 1 Comment » 先日の4/18(金)に、北海道Webコンソーシアムで、「ケータイサイトのはなし（入門編）」という話をさせていただきました。 （関係者・参加者の皆様、色々とありがとうございました。） せっかくですので、発表に使用した資料をアップさせていただきます。 ケータイサイトをはじめて作るという方を対象に、知っていた方がよいと思われるポイントをまとめてみました。 → 北海道Webコンソーシアム [hwcon.org] → 発表に使用したスライド資料 「ケータイサイトのはなし（入門編）」 ※PDFファイルです | View | Upload your own 口頭での補足ありきの資料のため、文章だけだと多少言葉足らずで
memokami :: 約500機種の携帯端末を網羅するケータイテストエミューレーター「P1 Emulator」を使ってみました
NetFarmさんが携帯端末500機種以上を網羅した「P1エミュレーター」のベータ版が無料で公開されました。 いままで携帯でテストするときに、まともに利用できるエミュレーターといえば、i-modeシミュレータしかなく、結局実機でのテストに頼っていました。 この「P1 Emulator」はケータイサイトのテストの救世主となるのでしょうか。 早速試してみました。 ■まずはダウンロード http://p1.netfarm.ne.jp/ ※ダウンロードには会員登録/ログインが必要です。 ■エミュレーターインストール インストールがめちゃくちゃ重かったです。 うちの環境だけかな。固まったかと思うほど。 気長に待ちましょう ■インストール完了 かなり時間かかりました。 ■ライセンス登録画面 最初に起動するとベータ版のライセンスキーを取得するように言われます。サイトに行って取得しましょう。登録したメール
jkondoに憧れて » 超手抜きでウェブサイトをモバイル対応 2008
◆追記 評判良かったので大幅に加筆訂正してみました。 ちょっと昨日、一昨日と携帯向けサイトを作っていたのですが、最近の携帯電話事情がわからず、どういうタグを使えばいいのかとか、CSSは対応しているのかとか、文字コードの問題はどうするのかとかいろいろわからないところが多かったので、ちょっと自分なりに調べてまとめてみます。 間違いが含まれている可能性が非常に高いです。 突っ込み大歓迎。 前提 キャリア別とか2G用にテンプレートを複数作って対応というのは個人で出来るレベルじゃないので、モバイル向けは１ページごとに１枚のテンプレート追加で作る。 なるべくPC向けのテンプレートを大幅に修正しなければいけないようなものは避ける。 長くなるので最初にまとめ ・文字コードはUTF-8。 ・マークアップ言語はXHTML Basic。 ・画像はJPEGかGIF。 ・CSSはインラインで書く。
ウノウラボ Unoh Labs: モバイルサイトをテストする時の基本的なコツ
こんにちは！山本＠テスト番長です。 今回は下記のエントリも参考にしながら、モバイルサイトのテストをする際の基本的なコツを書いてみたいと思います。 A Primer in Testing Mobile Phone Applications URLは直接入力せずにメールで送る 長いURLをへこへこ入力しているとタイプミスしがちです。 PCからメールでささっと送っておきましょう。 テスト端末にメールアドレスを貼っておく テスト端末が沢山あると、個々のメールアドレスが何だったかすぐ忘れます。 もちろん操作して表示できますが機種によって迷うことがあるので、テプラで裏に貼っておけばすぐ確認できますね。 パスワードは短めに設定する 必ず入力しなくてはいけないのがパスワードです。携帯でのキー入力は難儀なので、短めにすると楽ができます。機密の程度にもよりますが、必要以上に複雑にしないほうがベターです。特
ウノウラボ Unoh Labs: iPhone/iPod touch対応サイトを構築するための情報
GT Nitro: Car Game Drag Raceは、典型的なカーゲームではありません。これはスピード、パワー、スキル全開のカーレースゲームです。ブレーキは忘れて、これはドラッグレース、ベイビー！古典的なクラシックから未来的なビーストまで、最もクールで速い車とカーレースできます。スティックシフトをマスターし、ニトロを賢く使って競争を打ち破る必要があります。このカーレースゲームはそのリアルな物理学と素晴らしいグラフィックスであなたの心を爆発させます。これまでプレイしたことのないようなものです。 GT Nitroは、リフレックスとタイミングを試すカーレースゲームです。正しい瞬間にギアをシフトし、ガスを思い切り踏む必要があります。また、大物たちと競いつつ、車のチューニングとアップグレードも行わなければなりません。世界中で最高のドライバーと車とカーレースに挑むことになり、ドラッグレースの王冠
Travellers Tales : ウェブサイトを iPhone/iPod touch 対応にする最も簡単な方法
ウェブサイトを iPhone/iPod touch 対応にする最も簡単な方法 viewport を設定して iPhone/iPod touch に対応しよう ぼちぼち iPod touch が届き始めましたね。 Safari on iPhone/iPod touch のために用意された meta 要素の viewport 属性1を使って、あなたのサイトをなんちゃって iPhone/iPod touch 対応にする方法を説明してみたいと思います。 方法は簡単です。 <meta name="viewport" content="width=1024" /> head 要素に上記のようなタグを入れるだけです。ただ、ここで width に指定する横幅を自分のサイトに合わせて最適化する必要があります。 ちなみに、上記の width=1024 となっている viewport の設定は Apple のホ
TokuLog 改め だまってコードを書けよハゲ - ケータイシミュレータなんて使ってないで Moxy 使えばいいのに
Blog Search when-present<#else>when-missing. (These only cover the last step of the expression; to cover the whole expression, use parenthesis: (myOptionalVar.foo)!myDefault, (myOptionalVar.foo)?? ---- ---- FTL stack trace ("~" means nesting-related): - Failed at: ${entry.path} [in template "__entry.ftlh" at line 3, column 25] - Reached through: #include "__entry.ftlh" [in template "entry.ftlh" at
携帯電話はWebコンテンツのあり方を変えるか？
2007年2月27日 iPhoneの発表を契機として、携帯電話のUI改善をテーマとした話はいろいろと出てきましたが、携帯電話がWebコンテンツに与える影響という観点の話はほとんどなかったように思います。この問題について昨年から考えていたことを少し整理して、皆様のご意見を伺ってみたいと思います。 といっても、多分それほど目新しい話はなく、おそらく車輪の再発明ばかりでしょうけれども…。まあ当たるも八卦、当たらぬも八卦（笑） 携帯電話を巡る気になる傾向、そして経験 携帯電話を巡る環境として気になっているのは、以下のような事象です。 一番長く触れる情報機器が携帯電話になっている：携帯電話でメールを頻繁にやり取りするかどうかで差が出てくると思いますが、仕事で長時間PCの前に座っている人以外はこうなりますよね。 携帯電話の利用者数がPC利用者数を凌駕する勢いにある：平成18年度版の情報通信白書によると
ウノウラボ Unoh Labs: 携帯サイト作成時のXHTMLでの相違点
GT Nitro: Car Game Drag Raceは、典型的なカーゲームではありません。これはスピード、パワー、スキル全開のカーレースゲームです。ブレーキは忘れて、これはドラッグレース、ベイビー！古典的なクラシックから未来的なビーストまで、最もクールで速い車とカーレースできます。スティックシフトをマスターし、ニトロを賢く使って競争を打ち破る必要があります。このカーレースゲームはそのリアルな物理学と素晴らしいグラフィックスであなたの心を爆発させます。これまでプレイしたことのないようなものです。 GT Nitroは、リフレックスとタイミングを試すカーレースゲームです。正しい瞬間にギアをシフトし、ガスを思い切り踏む必要があります。また、大物たちと競いつつ、車のチューニングとアップグレードも行わなければなりません。世界中で最高のドライバーと車とカーレースに挑むことになり、ドラッグレースの王冠
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
松井証券：DSやPSP、iPod touchなどモバイルト対応に / KOMOREBI || blog
そろそろモバイルサイト作成について本気でなんとかしたいと感じる・・・が。*ホームページを作る人のネタ帳
