スマートフォン向けの Web サイトを作るとき、viewport の設定次第で使い勝手が大幅に変わる。 最近はレスポンシブ Web デザインが流行してるけども、その大前提として viewport の設定パターンを抑えておくのは重要だろう。 この記事では、viewport の設定によって、見た目・使い勝手がどう変わるかを解説する。 パターン1: 何も考えずに HTML を書く まずは、viewport を指定せずに、単純な HTML をスマートフォンで表示してみる。 <!DOCTYPE html> <head> <meta charset="utf-8"> </head> <body> <img src="/images/logo-ja.png"> <p>色んな素材がごった煮になった様子をお椀で表現しています。 湯気が<strong>「てっく」</strong>に見えるのが隠し味になっていま
2009-08-02 15:10:00 iPhone使わない方法を追記 iPhoneを色々いじってる過程でやってみたら出来たのでメモ。さほど悪い事は出来ないと思うけど、色々自己責任で。 iPhoneとSBMガラケーでは全く別のネットワークを使用しているため、通常iPhoneからは公式サイトやIPでアクセス制限をかけてる勝手サイトは見る事が出来ない。特に見る必要も無いのだが、実験としてやってみた。 iPhoneは通常 "smile.world" というAPNに接続している。一方、ガラケーはググって見たところ "mailwebservice.softbank.ne.jp" というAPNに接続しているらしい。っと言うことは、iPhoneの接続先をこれに変えてしまえばiPhoneもSBMガラケー側のネットワークに入れる・・・はず。 用意するモノ 香港版 or SIMUnlock済みの iPhone
自分用の覚書として残しておく。 イーモバイル ソフトバンク ドコモ 日本通信 4社のAPN設定 SIMフリー端末使ってるような人じゃないとまったくもって意味の無い資料。 わかる人にはとっても大事。それ以外の人は読み飛ばしちゃいましょう。 ◆EMnet EMnet用EMOBILEトップページにアクセスできます。EMnetメールがご利用できる予定です。 ドコモでいうi-modeのようなものに接続するためのAPN。EMnet契約をしてないと使えない。 APN名 emnet.connect ユーザー名 emobile パスワード emobile プロキシ wm.internal.emnet.ne.jp ポート 8080 MMSC http://mms.internal.emnet.ne.jp MMSプロキシ proxy.internal.emnet.ne.jp MMSポート 8080 ◆My EM
色んな所からの情報をまとめてみるけど自己責任で設定してください。パケ死の可能性もあります。 DoCoMo(moperaU?) APN: mopera.net Username: blank Password: blank Softbank(パケ死の可能性あり) APN: softbank Username: ai@softbank Password: softbank パケット定額範囲内でネット接続をするための設定 ・Connection name:newopen(任意です) ・Data bearer:Packet data ・Access point name:open.softbank.ne.jp ・User name:opensoftbank ・Prompt password:No ・Password:ozRt8n29Ra1Psd07 ・Authentication:Normal ・
Domain age: 24 years old Description: Elevate your brand with TagAshIra.com – a dynamic domain ready to make a lasting impression on your audience. Tags: tagas, shira, tagashira, western premium domain premium domain name pronounceable domain catchy domain 1 Click "Buy Now" or "Buy with Payment Plan" to purchase the domain of your choice. 2 Our system will create a transaction via PDTransfer or Es
FireMobileSimulatorはFirefox/Chrome版ともに配布・メンテナンスを終了しました。本ページの内容は記録のみの目的で残しています。 FireMobileSimulatorとは? FireMobileSimulatorは、主要3キャリア(DoCoMo/Au/SoftBank)の携帯端末ブラウザをシミュレートして、モバイルサイト開発を容易にするために作成されたGoogle Chrome/Firefoxの拡張機能です。携帯端末のHTTPリクエスト、絵文字表示、位置情報送信機能などの動作をシミュレートすることができます。 モバイルサイトをPCで閲覧するために、従来からある方法として、キャリア公式シミュレータの使用、Proxyの使用、Firefoxのuseragentswitcher+modify headersの組み合わせ等、色々と手段はありましたが、これらの方法はそれぞ
最近今あるサイトをスマートフォンに対応させるべく、コツコツがんばっているわけですが、その際に気になったことや知っておきたいポイントをまとめてみました。基本的な内容も多いと思いますが、ご参考になればと思います。 1. スマートフォンに対応させるには? ウェブサイトをスマートフォンに対応させるには2つのパターンがあると思います。 PCにもスマートフォンにも対応したページを作成するか、PC用ページとは別にスマートフォン専用ページを作成するかです。 1つ目のPCにもスマートフォンにも対応したページは、Media Queriesを使う場合が多いと思います。 Media Queriesを使うと画面のサイズの違いによって適用するCSSを変更することができます。 例えば、CSS-Tricksというサイトは画面サイズによってレイアウトが大きく変わってます。 Media Queriesについては後で簡単に紹介
MobilizerはBlackberry/iPhone/webOS/Androidのスマートフォンを模した最適化サイトチェックツール。 MobilizerはAdobe AIR製、Windows/Mac OSX用のフリーウェア。現在のスマートフォン市場ではAndroid、iPhone、RIMの三強になりつつある。さらにWindows PhoneやwebOSといったデバイスも参入し、チャンスを狙っている。まだまだ荒れそうな雰囲気はある。 起動した画面 さらにインターネットアクセスはデスクトップよりもモバイルのトラフィックが勝っている。これはスマートフォンへの対応をしない訳にはいかないだろう。そこでスマートフォンでのWebサイトの最適化具合をチェックできるMobilizerを紹介しよう。 Mobilizerを起動するとアドレスバーが表示される。そしてその横にはPhonesというリンクがある。ここ
モバイルアプリケーションをHTML/CSS/JavaScriptなどのWeb標準技術を用いて開発するためのさまざまなツールや環境が登場しています。1つ前の記事で紹介した「jQuery Mobile」もその1つですが、それ以外のものもここでまとめて紹介しましょう。 jQuery Mobile jQuery Mobileは、JavaScriptライブラリとして知られるjQueryのプラグインです。オープンソースで提供されています。 「マークアップドリブン」をコンセプトとし、HTMLを記述していくことで、あらかじめ用意されているボタン、メニュー、ダイアログボックス、などのモバイル対応のタッチユーザーインターフェイスを備えたアプリケーションを開発できます。 クロスプラットフォームに対応し、iOS、Android、WebOS、Windows Phone、Symbianなど多数のデバイスでそのまま動作
スマートフォン向けJavaScriptフレームワークであるjQueryMobileの使い方がわかりやすく解説されている記事「はじめてのjQueryMobile」 Tweet 2010/11/16 火曜日 matsui Posted in 記事紹介・リンク | No Comments » つい先日Alpha2がリリースされ、来年早々には正式版がリリースされる予定となっている、スマートフォン向けJavaScriptフレームワークである「jQueryMobile」ですが、その使い方をわかりやすく解説しているブログエントリーがありましたのでご紹介します。 → Mach3.laBlog はじめてのjQueryMobile [blog.mach3.jp] 1ページの短い記事ですが、前提知識の解説から、HelloWorld、ページ遷移、コンポーネントの使い方と、基本的な部分が抑えられている感じです。 サ
jQuery Mobile のリファレンス的なものを作りました。 取り敢えず叩き台で、ツッコミなどあればコメントください! ※RC2版に対応しました Page 要素 属性 値 概要 div data-role page ページ 設定 値 既定 備考 data-fullscreen boolean false フルスクリーン表示(ヘッダーとフッターでdata-position="fixed"を指定する必要がある) data-add-back-btn boolean false 戻るボタンの自動生成 data-back-btn-text 任意 "Back" 自動生成された戻るボタンのテキスト data-keep-native 任意 ネイティブで利用するUIをセレクターで指定する data-dom-cache boolean false ページをキャッシュする data-theme 任意 c テ
Today we’re pleased to announce the first alpha release of the jQuery Mobile project. jQuery Mobile is a user interface framework, built on top of jQuery, designed to simplify the process of building applications that target mobile devices. We’ve made really good progress since we first announced the project two months ago. We’ve created a number of components, layouts, and theming tools to greatl
iモードIDを用いた「かんたんログイン」のDNS Rebinding脆弱性 HASHコンサルティング株式会社 公開日:2009年11月24日 概要 iモードブラウザ2.0のJavaScriptとDNS Rebinding問題の組み合わせにより、iモードIDを利用した認証機能(以下かんたんログイン)に対する不正アクセスが可能となる場合があることを確認したので報告する。危険度の高い攻撃手法であるので、サイト運営者には至急の対策を推奨する。 背景携帯電話のかんたんログインとは、ケータイブラウザ(たとえばiモードブラウザ)に用意された契約者固有IDを利用した簡易的な認証であり、ユーザがIDやパスワードを入力しなくても認証が可能となる。iモードIDは、NTTドコモの提供する契約者固有IDの一種で、URLにguid=ONというクエリストリングを含めることにより、端末固有の7桁のIDがWebサーバに送
工人舎は11月27日、液晶ディスプレイを2枚搭載したモバイルノートPC「DZ」シリーズ「DZ6KH16E」の受注受け付けを始めた。ディスプレイ1枚だけでも使え、2枚を左右に引き出して並べて使うこともできる。12月11日発売で、7万9800円。 10.1インチワイド液晶ディスプレイ(1024×600ピクセル表示)を2枚重ねて搭載した。ワンセグチューナーを備え、片方の画面でテレビを見ながらもう一方の画面で仕事をするといった使い方もできる。マルチタッチ対応のタッチパッドも備えた。 約280(幅)×210(奥行き)×19~42(厚さ)ミリのB5サイズで、重さは1.84キロ。Athlon Neo MV-40(1.6GHz)、1Gバイトメモリ、160GバイトHDDを搭載した。OSはWindows7 Home Premium。指紋センサー、130万画素のWebカメラを搭載。SDメモリーカードやメモリース
携帯電話でのウェブ利用者の間で使われるHTMLメール・デコメールのテンプレートについて解説します。 この記事はストリクトなHTMLを志向する方(いわゆるHTML原理主義者)、HTMLメールの撲滅を断固主張する方はお読みにならない方がいいかも知れません。 本当は、制作者も見本を作れば良かったのですが、絵を描きたいと言う気力がこのところ全然無いので…。 制作者は、モバイルコンテンツ変換スクリプトであるしらぎくモバイルシステム VIでドコモ向けデコメールのテンプレートをKDDI/沖縄セルラー及びソフトバンク向けに変換する機能を実装しました。可能ならこのテンプレート配布機能だけを分離独立させたスクリプトも書きたいものです。制作者に活動出来る時間が残されていれば…。 デコメールとは。 デコメールとは、デコレーションメールの略で、携帯電話向けのHTMLメールの事です。 本来、デコメールはエヌ・ティ・テ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く