タグ

androidとwebデザインに関するtakkecyのブックマーク (8)

  • 短期間でのスマホ向けWeb開発

    スマホアプリ開発者向け IDCFクラウド活用セミナー 2012年6月14日(木)18:30~ @IDCフロンティア ~『短期間でのスマホ向けweb開発について』~ セミナー資料Read less

    短期間でのスマホ向けWeb開発
  • 心地よいUIデザインの理由

    スマートフォンアプリ開発のコツについてお話する連載、第2回となる今回は、スマートフォンアプリのUIについて述べたいと思います。前回のアイデア探しと同様に、あまり詳細に取り上げられることのない心地よいUIデザインについて持論を述べていきます。2011年12月に開催された「スマートフォン&タブレット 2011 冬」で筆者が講演した内容(関連記事)と重なる部分もありますが、ご容赦ください。 UIデザインはプログラミングよりも先に スマートフォンはアプリによって様々なツールに変わる汎用的なデバイスであると言えます。ユーザーは必要なアプリをインストールすることでスマートフォンの機能をカスタマイズすることができます。マーケットには相当数のアプリがリリースされ、このような汎用デバイスを通した機能利用の普及が進んでいます。従来は目的別の専用デバイスを購入していたわけですが、その一部はソフトウエアレイヤーに

    心地よいUIデザインの理由
  • デザイナに知っていて欲しい10個のAndroidのUIルール - ReDo

    iPhoneのそれと比較して、よくかっこわるいと評価されてしまうAndroidですが、正しくは「標準UI同士で比べた際にイケてない」のが真実だと思っています。 今現実として、Androidアプリにイケてないものが多いのですが、そもそもデザインを考慮するプロセスが省略されてしまっていたり、時間(コスト)が無いとかそういうこともあったと思いますが、流石にこれだけメジャーなデバイスになってしまうとそれが許される時代は終わってしまいました。 ドットコム全盛期の様なGeocities+IBMホームページビルダーのデザインがはるか昔にキャハハされた様に、もうそろそろ標準UIで未カスタマイズのAndroidアプリもキャハハされる時代です。 そんな中、効率よくかっこいいUIを構築するために頭の片隅で把握しておくとちょっと幸せになれる、独断と偏見で捻りあげた10個のAndroidUIルールを紹介します。

  • 【スマホ集中連載 第11回(最終回)】過去10回分の“大事”なところをまとめました : LINE Corporation ディレクターブログ

    こんにちは。新世紀メディアグループの石野です。 3月より始まりました短期集中連載「ディレクターのためのスマートフォン講座」も今回で最終回となります。11回を数える連載となりましたが、お付き合いいただきありがとうございました。 最終回は、特集をダイジェストに振り返っていきたいと思います。過去10回の記事を読んでない人も大事なところを把握しやすいよう、ピックアップしていきます。 基礎勉強:スマートフォンの市場規模〜【第1回】 ◆【スマホ集中連載 第1回】 "スマホ時代は格的に始まっている" 〜スマートフォンの市場動向まとめとlivedoorのPV 市場動向についてのまとめています。 ケータイ端末の契約台数は、1億1千万台でそのうち6%がスマートフォンユーザーとなります。各キャリアの販売予測から、2011年末時点で20%近くまでシェアが伸びると予測しています。この辺りの数字は覚えておいた方が

    【スマホ集中連載 第11回(最終回)】過去10回分の“大事”なところをまとめました : LINE Corporation ディレクターブログ
  • スマートフォン向けサイトの作り方エントリのまとめ:phpspot開発日誌

    スマートフォン向けサイトの作り方エントリのまとめ。 スマートフォン元年といわれる2011年ですが、注目を集めているせいか、サイト作成法についてのエントリも盛り上がりをみせていますね。 個人的にもしっかり覚えておきたかったのでまとめてみました。 基的には解像度が大きく異なるので、それにあったインタフェースに変えましょうね、という点と、HTML5/CSS3が使えるので駆使して楽にUIデザインしましょうという点、ユーザインタフェースがマウスではなくタッチである、という3点以外は、普通のサイト作りと変わりませんが、クセやバグがあったり、テクニックもあるので、しっかり押さえておきたいですね。 基 スマートフォン向けサイトの作り方|ユージック サイトの幅、高さ viewportによるズーム指定の方法 便利なJSライブラリ ユーザエージェント シュミレーター 等の有用情報 Androidサイトは横幅

  • Webサイトをスマートフォン対応してと言われた時に見ておきたいサイトまとめ|caraldo.net | WebとiPhoneとロードバイクが大好き!

  • CSS+jQueryでクロスデバイスサイトを作ろう (1/4)

    WebサイトをiPhone/Androidに最適化するには、PCサイトとは別にスマートフォン専用サイトを用意するのがベストですが、コストや時間などの理由で難しい場合があります。そこで今回は、PC向けのWebサイト(HTML)はそのまま利用し、CSSJavaScriptだけでレイアウトやデザインを変更する「クロスデバイスサイト」の作り方を説明します。題材は、筆者が制作した「iPhone/Android Webサイト制作出張セミナー」のWebサイトです。 このサイトは1ページ完結の告知サイトで、左右2段組みで構成されています。左カラムにはナビゲーションメニューを、右カラムにはメインコンテンツを配置し、ナビゲーションメニューをクリックするとページ内リンクで表示する部分を変えられます。iPhone/Androidからアクセスしたとき、このページを以下のように表示するようにします。 PCサイトのマ

    CSS+jQueryでクロスデバイスサイトを作ろう (1/4)
    takkecy
    takkecy 2010/10/18
    メディアクエリー/振分/クロスプラットフォーム
  • iPhone向けWebサイトを作るのに最適なテンプレート&JavaScript·moobile MOONGIFT

    moobileはHTML/JavaScript製のフリーウェア(ソースコードは公開されている)。iPhone/Androidを中心とするスマートフォンのシェア拡大は留まることを知らない。モバイルネットワークが発展している限り、この流れは止まることはないだろう。Webサイトを提供する上でもスマートフォンは欠かせない存在になる。 ボタンバー ネイティブアプリを提供する手もあるが、もっと容易なのが最適化されたWebサイトを提供することだ。そもそもネイティブアプリを提供するほどのニーズがないサービスもあるはずだ。そこで使えるのがmoobileになる。 moobileはiPhoneAndroidといったWebKitベースに対応したWebサイトフレームワークだ。HTML5で作成されているのが特徴だ。フォームやボタン、ボタンバーなどのUIをテンプレート化している。これを使えば最適化されたWebサイトが

    iPhone向けWebサイトを作るのに最適なテンプレート&JavaScript·moobile MOONGIFT
  • 1