スマホアプリ開発者向け IDCFクラウド活用セミナー 2012年6月14日(木)18:30~ @IDCフロンティア ~『短期間でのスマホ向けweb開発について』~ セミナー資料Read less
スマートフォンサイトを本格的に作るようになってきたので、いろいろ基本的なことから調べてみました。 自分はコーディングがメインなので、HTML/CSS/JSが主になっています。 制作する前に仕様の確認 スマートフォンの仕様が載っています。一通り目を通すと、製作してる時に「これができない!」などの問題が回避できるかもしれません。 ASCII.jp:サイト制作の前に知りたいiPhone/Androidの仕様|実践!iPhone&Androidサイト制作ガイド ASCII.jp:サイト制作の前に知りたいiPhone/Androidの仕様|実践!iPhone&Androidサイト制作ガイド スマートフォンサイトの制作 – 基礎編 – – ぺーぺーエンジニアのおぼえがき スマートフォンサイトの制作 – 基礎編 – – ぺーぺーエンジニアのおぼえがき iPhone iPad向けサイトを制作するためのいろ
iPhone/iPad独自タグや、便利なタグなどまとめました。それぞれの注意点とか発見した不具合とか掘り下げると色々とありますが、ひとまず以下まとめて列挙してみました。 ■metaタグ:基本のviewport <meta name="viewport" content="width=320, initial-scale=1.0, user-scalable=yes, maximum-scale=2.0, minimum-scale=1.0, ">widthとheight:最初に読み込まれる表示サイズ。widthを指定しないと横幅980px。 initial-scale:最初に読み込まれた際の拡大率 user-scalable:ユーザーが拡大できるか否かを、yesかnoで設定 maximum-scale:ユーザーが操作可能な拡大率の上限 minimum-scale:ユーザーが操作可能な拡大率
iPhoneを始めとするタッチパネル&フルブラウザ搭載のスマートフォンの普及が進んでいる。iPhoneの出荷台数は世界で3000万台、日本国内に関して公式な発表はないが200万台を超えていると推測されている。今後はWindows Mobile端末の進化やAndroid携帯電話により、このスタイルの携帯端末の利用者がさらに拡大していくことが予想される。 今回は、こういったタッチパネル&フルブラウザ搭載のスマートフォンからのウェブサイト/サービスのユーザビリティについて、主にiPhoneを題材に考えてみよう。 iPhone対応は形式にとらわれず「ユーザー中心」視点で iPhoneからのウェブ利用には、従来の携帯電話と同様の「携帯性の高さ」「位置情報との連動」などに加え、 従来の携帯電話と比べて画面サイズが広い 端末の処理能力が高く、アプリでのサービス提供の自由度が高い 独自の操作(画面をつまむ
2008年7月11日にiPhone 3Gが発売されて以降、新しい形のWebブラウジングを楽しまれている方も多いことでしょう。 ブロガーの方々も、viewportやCSSを工夫して、表示領域が小さなiPhone向けにブログの横幅などを調整されているようです。 私も遅ればせながら、自分が得意なMovable Typeとからめて何かiPhone向けの工夫ができないかと考えて、「既にPC用のコンテンツを公開しているMovable Typeに追加するだけで、別途iPhone用のコンテンツを生成するテンプレート」を作ってみました。これを、オープンソースで公開いたします。 名付けて「iPhoneテンプレート for MT」です! これを「cremadesign.jp」に導入したトップページのイメージは、こんな感じです。 【cremadesign.jp for iPhone】 → http://crema
ウェブサイトを 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 のホ
宮城県仙台市の株式会社ブレイドは、EC-CUBEの設置、カスタマイズやシステム開発、ホームページ制作を行っている会社です 昨日GoogleCodeの「iUI」のサイトからダウンロードしてきたファイル「iui-0.13.tar.gz」を解凍すると、「iui.css、iui.js…ほか表示時に使う画像一式」といったファイルが入っています。 これらのJavaScriptやCSSファイルを使って、iPhoneのUIっぽいページを作ることができます(^o^) どんなもんかな~と思って、とりあえず作ってみました♪ ページの内容は、(株)ブレイド企業サイトのiPhone版…といった感じでしょうか(^^;;;; 「株式会社ブレイド」のリンクをクリックすると中のコンテンツの一覧が表示されます('~'ノ 作ったページを実際に見てみたい人は下のリンクをクリック! 興味のある人は覗いてみてください(^__^; ・
ここでは、次世代モバイル機器として台頭してきているiPhoneについて、実際のiPhone対応サイト制作やアメリカ動向とともに、今後の展望を占います。 iPhone(日本商標:アイフォーン)の基礎知識 iPhoneは、2007年6月29日にアメリカで発売されたスマートフォンに位置付けられる携帯電話です。それまで、アメリカ国内でモバイル経由でWebにアクセスしている人は全体利用者数のうち10%以下でした。しかし、iPhoneにはWebブラウザのSafariが標準搭載されており、従来のモバイル特有のインターフェースによる制限がなくなったうえ、無線LANに対応していることから、登場以来多くの人がiPhone、すなわちモバイル経由でのWebブラウジングを行うようになりました。 また、iPod touchと共通のタッチパネルを採用することにより、「つまむ」「広げる」「滑らせる」などの操作が可能
Looking for a way to see how your web creations will look on iPhone? Look no further. iPhoney gives you a pixel-accurate web browsing environment—powered by Safari—that you can use when developing web sites for iPhone. It's the perfect 320 by 480-pixel canvas for your iPhone development. And it's free. iPhoney is not an iPhone simulator but instead is designed for web developers who want to create
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く