スマホ対応サイトの作り方と6つの注意点 [ホームページ作成] All Aboutスマホ対応サイトの作り方と6つの注意点ホームページをスマホ対応にする方法として、サイト制作前に確認しておきたいポイントや、スマホ用ブラウザの仕様による注意点などを簡単に解説。スマホサイトに特殊な作り方は必要なく、HTML＋CSSはPCサイトとほぼ同じ書き方で作成できます。画面の小さなスマートフォンに適したデザインで、モバイル対応Webサイトを作ってみて下さい。
![スマホ対応サイトの作り方と6つの注意点 [ホームページ作成] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/9a067d7a89ea4cfd5e882d23b76497d96b7f90da/height=288;version=1;width=512/https%3A%2F%2Fimgcp.aacdn.jp%2Fimg-a%2F1200%2F900%2Faa%2Fgm%2Farticle%2F3%2F8%2F1%2F4%2F6%2F4%2Ftopimg_original.png)
携帯やスマートフォン用サイトのシュミレーターでPCで見え方を確認して見た！一押しのモバイルシュミレーターとは？
無料の携帯サイト シュミレーター一番簡単なのは、Webサービスでしょうね。ただURLを入力するだけでブラウザ上のシュミレーションして携帯サイトを表示してくれます。 サイトビューワ – goo モバイルなかでもサイトビューワ – goo モバイルは一発ですね。シュミレーションの下には、「docomo」「au」「softbank」のボタンがあり、機種に応じて選択表示できます。 Firefoxのアドオン「FireMobileSimulator」Firefoxのアドオンに携帯サイトやスマートフォンを端末ごとに、表示できるものがあります。そのなかで、「FireMobileSimulator」が一押しでしょうね。Firefoxを立ち上げて FireMobileSimulator.orgからダウンロードできます。 Chrome版の拡張はChrome ウェブストア – FireMobileSimulato
スマホサイト案件の見積もりについて
スマホサイト案件の見積もりについて 「Android案件の見積り」や「スマホ案件の見積もりについて」を受けて、アプリではなくHTML+CSSでつくるスマホサイト制作の見積もりではまりやすいポイントをまとめています。 HTML+CSS構築ではPCの0.７倍くらいの単価 スマホサイトはPCより小さいのでHTML+CSSの構築コストも安くみます。ただ、CSS3で作ったほうが良いところで画象の切り出しより手間がかかることもあります。ならすとページ単価はPCの0.７倍くらいの感じじゃないでしょうか？ 検証コストは増大 対応端末が多く検証コストはPCと比較して増大します。iPhone3G、iPhone3GS、iPhone4、iPhone4Sの中から2端末ぐらい(iOS4.x系とiOS5系)。Android2.2、Android2.3から売れてる端末で2端末ぐらい検証するのがよいでしょう。(場合によって
スマホアプリの作り方【超まとめ】Web編：HTML5やjQuery MobileなどスマホWebアプリ開発に役立つ記事52選 - ＠IT
Web編：HTML5やjQuery Mobileなど スマホWebアプリ開発に役立つ記事52選 ＠IT編集部 2012/1/31（2013/2/28 改訂） iOS（iPhone／iPad／iPod touch）、Android、Windows Phoneなど、さまざまなスマートフォンのプラットフォームのアプリを作るための＠IT記事のまとめです。今後、順次更新・追加していきます。 開発者が登録したApp StoreやMarketplaceなどからダウンロードしてインストールするアプリ、もしくは、あらかじめインストールされているアプリは、「ネイティブアプリ」と呼ばれています。iOSやAndroid、Windows PhoneといったOS上で動き、マイクやカメラなどデバイスの機能を十分に使えるのが特徴です。作り方は、基本編やデザイン／グラフィック編で紹介した記事が参考になると思います。 一方で
高木浩光＠自宅の日記 - Wi-FiのMACアドレスはもはや住所と考えるしかない
■ Wi-FiのMACアドレスはもはや住所と考えるしかない 目次 まえがき これまでの経緯 2つのMACアドレスで自宅の場所を特定される場合 SSIDに「_nomap」でオプトアウト？ PlaceEngineはどうなった？ まえがき 先週、以下の件が話題になった。 Greater choice for wireless access point owners, Official Google Blog, 2011年11月14日 Removing your Wi-Fi network from Google's map, CNET News, 2011年11月14日 グーグル、Wi-Fiネットワークの位置情報収集で対応策を公開, CNET Japan, 2011年11月16日 Google's WiFi Opt-Out Process Makes Users Navigate Technic
Youtubeの動画を背景に
Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest technologies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp
スマートフォンからのアクセスをJavaScript, jQuery, node.js, PHP, ASP, Perlなどで検出する -Detect Mobile Browsers
スマートフォンからのアクセスをJavaScript, jQuery, node.js, PHP, ASP, Perlなどで検出する -Detect Mobile Browsers Detect Mobile Browsers [ad#ad-2] 現在、配布されているのは15種類です。 Apache ASP.NET ColdFusion C# IIS JSP JavaScript jQuery nginx node.js PHP Perl Python Rails いくつかコードもご紹介。 Apache RewriteEngine On RewriteBase / RewriteCond %{HTTP_USER_AGENT} android.+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobil
Web サイトのスマートフォン最適化: UA 判別篇
iPhone 買いました。iPhone 4。はじめてのスマートフォンですよ。 で、この機会にこのサイトのスマートフォン最適化を図ろうと考えたわけです。今までなにもしてなかったので。しかし恥ずかしながらスマートフォン向けのサイトを作った経験がなかったので、どこから手をつけたものかわからない。そこで、とりあえず参考になりそうなネタを探そうと「wordpress iphone 最適化」あたりでググってみたところ (このサイトは WordPress で作ってます)、どうも WPtouch iPhone Theme というプラグインが人気らしい。このプラグインは有効にするだけで WordPress サイトをスマートフォン向けに最適化してくれる便利なもので、採用してるサイトもよく見かけます。 でもプラグインをそのまま導入したんじゃ面白くない。やっぱテーマは自分でいじりたいし。となると、とりあえず知りた
「jQuery Mobile」の登場で、モバイルアプリケーション開発は大きく変わる － Publickey
このところHTML5関連のモバイルアプリケーション開発について調べていて、先週の水曜日にはSwapSkills主催のイベント「jQueryモバイルで簡単！ スマートフォンサイト作成」に参加してjQuery Mobileについて勉強してきました。 jQuery Mobileとは、jQueryのプラグインとして利用するモバイルアプリケーション用のライブラリです。そしてその驚異的なまでの簡単さは、これから業務用のモバイルアプリケーションの作り方を一変させてしまう可能性を感じさせます。 jQuery Mobileの大きな特徴は次の3つです。 1）HTMLを書くだけでモバイルアプリケーションができてしまう 2）モバイルのユーザーインターフェイス対応の部品が多く揃っている 3）iOS、Android、WebOS、Windows Moblie、Symbianなどクロスプラットフォーム対応である 具体的な
第1回 まずはTitaniumを体験してみよう | gihyo.jp
はじめまして、株式会社はてなでアプリケーションエンジニアをしている倉井龍太郎（id:r_kurain）と申します。この連載では、今もっとも注目集めているスマートフォンアプリ開発環境であるTitanium Mobile（以下Titaniumと省略）を使ったiPhone及びAndroidアプリケーションの開発方法について解説していきます。 Titaniumとは TitaniumはAppceleratorが開発しているスマートフォンアプリ開発環境です。本来iPhone／iPod／iPad であればObjectice-Cを使用して、AndoridであればJavaを用いて作成するネイティブアプリケーションが、どちらの環境でもJavascriptのみで開発できるようになるものです。Titanuiumは無料で利用することができます。サポートを受けるにはAppceleratorの有料プランに入会する必要が
GPSを使ったAndroidアプリを作ってみる - boscoworks.log
最近Androidは旬だし、実際にHello Worldしてみたら、そこまではサクっと出来てしまったので、なんか1個サンプルでも作っておくかーということで、GPSを使ったアプリを作ってみます。 ※AndroidアプリでHello World出来る程度の知識が必要です（要するにぼくと同じくらいの前提知識） 参考にしているのはこれ→http://android.siprop.org/index.php?%CA%D9%B6%AF%B2%F1%2FGPS というかこれのマルパクリ。 1. 新規プロジェクトの作成 この辺はHello worldするときとおんなじ。Android2.2用のSDKが出てたからためしに使ってみたけど、何かエラー出てたから、ビビって2.1系にしたよ。 2. Google Maps API Key を取得する Android関係ないけど、Google API使うのでキーをもら
Titanium Mobile についての勉強会資料 - naoyaのはてなダイアリー
昨日は gumiStudy#5 でした。何か Tech Talk を、ということだったので最近いじっていた Titanium Mobile について整理して、紹介してきました。 Titanium MobileView more presentations from Naoya Ito. (フォントがひどいですね・・・すみません。http://www.slideshare.net/naoya1977/titanium-mobile/download からダウンロードできます) 先日書いたエントリ (http://d.hatena.ne.jp/naoya/20101011/1286799669) のとおり、Titanium Mobile を使うと JavaScript でネイティブアプリを開発することができます。しかも iPhone/Android マルチプラットフォーム対応。最近は Blac
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
