スマートフォン対応サイトを設計するときのノウハウ (1/3)
Webサイトの制作は、一般的にサイト設計／構造設計→画面設計→デザイン制作→HTML/CSS制作→JavaScript開発といった手順で進めます。 スマートフォンサイトの場合も基本的な手順は同様で、各設計工程を経て制作していきますが、PCとも携帯電話とも違うスマートフォンの場合、サイト設計段階でも注意すべき点が多くあります。今回は、スマートフォンサイトを設計する際のポイントを解説します。 スマートフォンサイトの構造設計 「構造設計」とは、Webサイト全体の各ページのつながりを考え、いわゆる「サイトマップ」を作成する作業です。 トップページから連なるWebサイトにおいて、利用者に見てもらいたい情報を探しやすく整理し、Webサイトの目的に応じた「ゴール」への誘導を考えます。 入口は検索エンジン対策（SEO）重視で考える 一般的な携帯電話ではカメラ機能と2次元バーコード（QRコード）が普及してい
CSS＋jQueryでクロスデバイスサイトを作ろう (1/4)
WebサイトをiPhone/Androidに最適化するには、PCサイトとは別にスマートフォン専用サイトを用意するのがベストですが、コストや時間などの理由で難しい場合があります。そこで今回は、PC向けのWebサイト（HTML）はそのまま利用し、CSSとJavaScriptだけでレイアウトやデザインを変更する｢クロスデバイスサイト」の作り方を説明します。題材は、筆者が制作した「iPhone/Android Webサイト制作出張セミナー」のWebサイトです。 このサイトは1ページ完結の告知サイトで、左右2段組みで構成されています。左カラムにはナビゲーションメニューを、右カラムにはメインコンテンツを配置し、ナビゲーションメニューをクリックするとページ内リンクで表示する部分を変えられます。iPhone/Androidからアクセスしたとき、このページを以下のように表示するようにします。 PCサイトのマ
ASCII.jp：サイト制作の前に知りたいiPhone/Androidの仕様｜実践！iPhone＆Androidサイト制作ガイド
■iOS（iPhone OS） iOS（3.0以前は「iPhone OS」）は、アップルがiPhoneなどの小型端末用に開発した専用OSです。初代iPhoneに1.0が搭載されたあと、新モデルの発表に合わせてバージョンを重ねています（iPhone 4にはiOS 4が搭載）。iPhone 3G以降はOSのバージョンアップができるようになり、最新版のiOS4にも対応しています。 ■iPhone標準ブラウザー「Safari」 iPhoneには標準ブラウザーとして「Safari」が搭載されています。SafariはもともとアップルがMac OS X向けに開発したWebブラウザーで、Windows版も無償で配布されています。基本的な表示能力はiPhone版もデスクトップ版もほぼ同じですが、iPhone版にはいくつの制限があるため、「Mobile Safari」などと呼んで区別することもあります。 Sa
CROSS 『iPhone × Android』 Webクリエイターのための、スマートフォン特集（2009年 10月 10日(土)開催） | H2O Space.
CROSS（クロス）は、CSS Niteからスピンオフした、Webクリエイター向けのイベントです。2つのすばらしいプロダクトを交互に紹介して、その魅力や特長をスピーディに知ることができる場を提供いたします。 今回取り上げるのは、Appleの「iPhone」と、Googleケータイこと「Android」。日本でも相次いで端末が発売されたこの2つの「スマートフォン」は、利用者に今までにない使う喜びを、クリエイターには新たなる表現の場を提供してくれています。 そんな2つのスマートフォンを取り上げ、5名のスピーカーがそれぞれの特長やソフトウェア・コンテンツの開発方法を紹介いたします。 本イベントは無事に終了いたしました。ご参加いただいた皆様、誠にありがとうございました。 » CROSS 『iPhone × Android』が無事、終了いたしました！ | H2O Space. BLOG CROSS
HTML＋JavaScriptでiPhone/Androidアプリを作れるTitanium Mobileとは
HTML＋JavaScriptでiPhone/Androidアプリを作れるTitanium Mobileとは：Web技術でネイティブアプリを作れるTitanium（1）（1/3 ページ） iPad/iPhone VS Androidに戸惑っているWebデザイナ／開発者のために、Web技術でネイティブアプリを作れるオープンソースの開発ツールを紹介し、その利点や使い方を連載で解説します iPad/iPhone VS Androidに戸惑っていませんか？ 2010年1月5日、グーグルがAndroid 2.1を搭載した「Nexus One」を発表しました（参考：Google、Android 2.1搭載の“スーパーフォン”「Nexus One」を発表）。高精細なディスプレイや高速なプロセッサによる快適な動作など、iPhoneのライバルとしての存在感が話題になりました。また1月21日には、NTTドコモ
さらに分かっておきたいトランジスタの種類 − ＠IT MONOist
組み込みソフトウェア／ハードウェア開発における技術力の向上、改善・最適化などを幅広く支援する“組み込み開発エキスパート”のための情報フォーラム
ケータイフルブラウザでガチンコ対決！ 笑うiPhone＆Androidに、IE Mobileは向上宣言
ケータイフルブラウザでガチンコ対決！ 笑うiPhone＆Androidに、IE Mobileは向上宣言2009.01.05 17:00 どんなにアンテナ立ってても、ブラウザが悪いとダメってことね…。 いやいや、一昔前までは、ケータイでインターネットって、ケータイサイト以外は、もうPCサイトなんて見てられないくらい最悪でしかありませんでしたが、このところ少し変わってきましたよね。｢iPhone｣やら｢Windows Mobile｣など、日本国内でも各種スマートフォンOSを搭載した機種の登場で、市場は盛り上がってきてますし、2008年は日本の｢スマートフォン元年｣とまで言われていますよ。 で、そろそろいろいろと出そろってきましたから、実際のところ、どれほど本当に快適にインターネットが見られるのか、米GIZMODO編集チームのほうで、代表的なスマートフォンや携帯電話をピックアップして、徹底レビュ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://atmarkit.itmedia.co.jp/news/201005/26/l_touch-cmp.jpg
HTML5とCSS3を使ってスマートフォン向けサイトを構築 － iPhone版Yahoo!JAPANトップの開発事例紹介
携帯サイトをiPhoneのスクリーンで見やすくする (AdLantis TechNote)
Xperia : H.I. Art Works [ Web Technology ] – ウェブ制作技術情報 -
Murah4d - Situs Bandar Slot Gacor Maxwin Pesta Jackpot
