1時間で携帯サイトをスマートフォン対応にする方法 | GREE Engineering
初めての投稿となります。エンジニアのmatsuです。 携帯向けウェブサイトを1時間でスマートフォン対応する方法を紹介します。 概要 2011年4月7日のニュースにて携帯電話の新規契約数のうち、スマートフォンが占める割合が50%を越え、スマートフォンが本格的に普及する兆しが見えてきました。 現在、スマートフォン向けサイトを新規構築するためのチュートリアルは数多く出ていますが、既存の携帯サイトをスマートフォンに最適化する方法があまり紹介されていないのでこの記事で紹介したいと思います。 このチュートリアルを行うと以下のようになります。 実装 全部で8ステップあります。 このチュートリアルではブログのトップページを例にとって説明します。 前半では文字コードの変更、HTMLの変更といった構造を変更します。後半では絵文字や文字スタイルを行い、仕上げとしてHTML5のバリデーションを行っていきます。最初
クロスプラットフォーム対応モバイルサイトを構築するために必要なファイルをまとめた -Mobile Boilerplate
HTML, CSS, JavaScriptをはじめ、sitemap.xml, .htaccessやアクセス解析など、モバイルサイトを構築するファイルをまとめた「Mobile Boilerplate」を紹介します。 「Mobile Boilerplate」はjQuery MobileやSencha Touchなどと相性がばっちりだそうです。 Mobile Boilerplate [ad#ad-2] Mobile Boilerplateの特徴 クロスプラットフォーム対応（Android, iOS, Blackberry, Symbian） CSSはIE Mobile 7をターゲット ホームスクリーンアイコン（Android, iOS, Symbian） ビューポートの最適化（Opera Mobile, Android, iOS, IE, Nokia, Blackberry） ビューポートのスケ
永久保存版！？携帯コーディング、これだけ読めばすぐできる！ | KAYAC
マークアップエンジニア（以下、ME）のtacamyです！(`・ω・´) カヤックでは、デザイナーもHTMLコーディングをしてくれています。 （いつもありがとうございます！） そんなワケで、本格的にHTMLコーディングはしないけど、 ちょこっとしたページなら組みますっていうデザイナー向けの、 「コレだけ読めばすぐできる」シリーズを始めました。 第一回は「携帯コーディング」についてです。 携帯はPCとは全くの別物なので、なんとなく敬遠しがちですが、 最低限の内容であれば覚えることも少ないですし、 一度覚えてしまえばスタンダードがしばらく変わらないので、覚えておいて損はないですよ！ 携帯コーディングの基本 基礎の基礎 文字コードはShift-JIS CSSはインラインで指定（タグに直接style属性を追加する） 画像を含むページ容量100KB以内（HTML自体の容量は9KB以内） 画像はgifか
携帯サイト（html）の制作に入る前に確認しておきたいチェック項目 │ これからゆっくり考L +α
「デザインは素敵なんだけど、携帯でこれはちょっとできないなー」とか、「無理ではないけどできれば避けておいた方がいいよなー」っていうデザインがあがってくることが多い今日この頃。 モバイルコーディングをやり慣れている人じゃないとモバイルでできることできないこと、cssを使わないと実現できないこと、table使わないと実現できないこと、などが分かりにくいと思うので当然だとは思うのですが。 ですが、知っているのと知らないのとでは工数がかなり違ってきます。 一旦デザインして、コーダーにそれを見せて「ココとココとココは実現不可能。やり直してください。」で差し戻され、デザインをやり直してってなると、デザインも2度手間、デザインをチェックして無理な項目を洗い出すコーダーにも余計な手間がかかります。 今回洗いだした項目は、なんせ自分がコーダーなので、コーダーがデザインファイルをもらった時にバーッと見てチェッ
ke-tai.org > Blog Archive > ケータイサイトでGoogle Analyticsを利用するためのライブラリ
ケータイサイトでGoogle Analyticsを利用するためのライブラリ Tweet 2009/1/16 金曜日 matsui Posted in 記事紹介・リンク | 1 Comment » ケータイサイトでGoogle Analyticsを利用するためのライブラリ「SELENE.GA4K」というものがあるらしいです。 → EOS Project GA4K [exbridge.jp] → ITMedia +D Mobile Googleのアクセス解析を携帯サイトで – エクスブリッジがライブラリ公開 [itmedia.co.jp] Google Analyticsは、JavaScriptで動作するため、本来ケータイサイトでは動作しません。 こちらのPHPで作られたライブラリ「SELENE.GA4K」では、PHP経由でGoogleが提供しているAPIを利用し、ケータイサイトでもGoogl
ビッダーズ フリーショッププラン
「フリーショッププラン」 新規会員登録 受付終了のご案内 平素より、「ビッダーズ」サービスをご利用いただきまして、 誠にありがとうございます。 「フリーショッププラン」はサービス見直しの一環により、 2010年7月9日（金） をもちまして新規会員登録の受付を、終了させていただくこととなりました。 なにとぞご理解とご了承をたまわりますようお願いいたします。 ※既に会員登録がお済みの会員様においては、今件の新規会員登録の受付終了に際して影響はございません。 2010年7月9日（金）以降も「フリーショッププラン」のサービスを継続してご利用いただけます。
モバイルサイトをPCで見るためのツールやFirefoxアドオン : LINE Corporation ディレクターブログ
こんにちは。ライブドアでモバイルディレクターをしている河野です。 モバイルディレクターをしていますと、モバイルのサイトをPCで見たいという要望が少なからずあります。それは、PC からの方が実機で見るよりレスポンスが早く、また電波状況に左右されずに閲覧できたり、リンク先の URL の情報やヘッダ情報、画面キャプチャーなど実機からでは得られない情報を取得することができるからです。 そこで今回はモバイルサイトを PC で閲覧する方法についてまとめながら、開発を進めるのに便利なツールや Firefox のアドオンを紹介できればいいなと思います。 Web サーバは一般的に2つの方法でアクセスがモバイルからかどうかを判定します。1つはアクセス元のIP、そしてもう1つは HTTP ヘッダ中にある User-Agent です。そのため、携帯キャリアのゲートウェイ経由からのアクセスのみ閲覧を認めるサイト(つ
携帯サイト作成無料ツール-katy(ケイティ)-
携帯サイトをかんたん作成。お店や会社の携帯サイトを作成し集客できるサービスです。基本料は無料。携帯サイト作成無料ツール。すべてのお店にケータイサイトを携帯サイトが注目されている理由 今やインターネット利用シーンの主流は、PCから携帯に移り、「携帯サイト」が大きな注目を集めています。インターネット白書2007によると、2007年携帯電話・PHSからのインターネット利用者(6,229万人)が自宅のパソコンからの利用者(5,711万人)を初めて上回りました。このPCから携帯への流れは今後も進んでいくことが予想されます。 現在では携帯の高機能化や、パソコンよりも身近な存在として携帯が普及したこともあり、若者だけではなく一般のビジネスマンや主婦の方などもパソコンでインターネットを見るより携帯電話を比較的よく利用する傾向にあります。 こうして携帯電話でのインターネットが身近になった今、携帯用のホー
ke-tai.org 携帯プログラミング情報
2013/6/1に第四回札幌MySQL勉強会開催を行います Tweet 2013/5/20 月曜日 matsui Posted in お知らせ | No Comments » イベントの告知です。 2013年6月1日に、第四回札幌MySQL勉強会が開催されます。 日時: 2013/06/01 14:00 ～ 18:00 場所: 株式会社インフィニットループ （札幌市中央区北1条東1丁目6-5 札幌イーストスクエア 6F） イベントの詳細についてはこちらの公式サイトからご覧下さい。 → 札幌MySQL勉強会公式サイト 今回も第三回と同じく、セミナー形式ではなく個人個人が好きに勉強をしようという会です。 最後に成果発表の時間を設けますので、差し支えなければ簡単な発表をして頂ければと思います。 今回は「MySQL5.6を体験してみよう！」をテーマに、MySQL5.6のサーバを用意する予定です。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://japan.researchonasia.com/index.html
「モバゲー」「ミクシィ」「グリー」に続く成長株はどこか・携帯サイト勢力図（上） モバイル-最新ニュース:IT-PLUS