スマホ対応に欠かせないツール類とサイト制作のポイント!モバイル検索に備えよう
スマホ対応サイトへの診断ツール群 Googleが実施する、スマホ対応サイトのモバイル検索結果に向けて、まず目指すべき2つの目標はつぎのとおりです。 1.Googleモバイル フレンドリー テスト Googleが公開したモバイル フレンドリー テストというツールで「問題ありません」と表示されれば、スマホ対応は合格という事になります。 ⇒モバイル フレンドリー テスト 2.モバイル検索結果で「スマホ対応」 スマホ、タブレットなどでGoogle検索した時に、モバイルに最適化されたサイトやブログには「スマホ対応」と表示されるようになりました。 「スマホ対応」が表示される条件はいろいろあるのですが、「モバイル フレンドリー テスト」で問題がなければほぼ表示されそうです。 当面はこの2つの指標をクリアできるようにサイト制作して行くことが目標となりそうです。ちなみにGoogleはこれ以外にもいくつかモバ
「スマホ時代に必要な3つの分析方法」でGoogleアナリティクスの機能について聞いてきたよ
6月15日のリンクシェアフェア2013の中で行われたスマホ向けGoogleアナリティクスのセミナーを聞いてきました。実際にスマホユーザーに人気なサイトのアナリティクス画面が見られて、私が知らない機能もあり勉強になる内容でした。 登壇者はグーグルの清水千年さんと人気サイト「Xperia非公式マニュアル」の染谷昌利さんです。 まず最初に画面に表示されていたのは「リアルタイム分析」の画面です。 その時点での同時アクセスユーザー数が分かって、リアルタイムに数字が上下するので、会場の人が「Xperia非公式マニュアル」にアクセスすると数字がぐんぐんとあがっていきました。 1.Googleアナリティクスの特徴 グーグルアナリティクスには以下の8つの特徴があるそうです。 今回はそのうちの「スマートフォン、アプリモバイルの優位性」について触れられました。 2.モバイルの基本レポート モバイルの基本レポート
GPS携帯 位置情報 基礎知識
▼ GPS携帯と携帯サイトの作り方に関する基礎知識のメモです。 メニュー GPSとは 携帯各社のGPS位置情報の取得方法 au DoCoMo SoftBank WILLCOM 携帯各社のユーザーエージェントの取得方法 au DoCoMo SoftBank WILLCOM 携帯各社のホームページ作成方法（マークアップ言語について） au DoCoMo SoftBank WILLCOM GPSメールとは GPS画像とは 関連ページ GPS携帯 位置情報 システム for au （PHP/MapScriptベースのWebスクリプト） GMapsBBS Beta （Google Maps と GPS携帯を連携したBBS） 日本地図 首都圏エリア 大阪エリア この画像の最終更新日:2008/08/18 20:21 この画像は、GPS携帯から取得したアクセスポイントをローカルサーバのMapSe
Net_UserAgent_Mobile 携帯判別PEARパッケージの使い方と注意点 - [携帯 + 携帯] ぺんたん info
携帯判別(ケータイ判別)のPEARパッケージです。 (PHPです。) PEAR::Net_UserAgent_Mobile docomo、au、Softbank、WILLCOMの判別ができます。イーモバイルには対応していません。(ver1.0.0) エラー処理があまり丁寧ではないせいか、ちょっとミスするとエラーが出ず画面が真っ白になるためデバックが困難です。 あくまで実機での判別のためシュミレータのようなものには対応していない部分があります。 クローラーにももちろん対応していません。 携帯っぽいユーザーエージェントに偽装してアクセスされたときの挙動は微妙です。 キャリアごとにメソッドを定義していて、共通メソッドにはなっていないので例えばau以外でgetDeviceID()を使うと、そこで完全に処理が止まります。 前述の通りエラーは出ません。 詳細な判別は、慎重に使わないと大変です。 基本的
MobileCat
MobileCat とは さいきんすっかり放置です、すみません。このページとソース逆引きのページだけ静的に残してあります。参考程度にお願いします。2009/8 冨田 Perl で、CPAN モジュールをさまざま組み合わせてモバイルサイトを作る方法を紹介してみるプロジェクトです。（紹介記事） このサイト http://mobilecat.koneta.org/ 自体がサンプルとなっています。UA を変えたり携帯からアクセスしてみてください。 Links ソース一式 // thanks coderepos ソース逆引き - 簡単な解説のページ TODO founder: Naoki Tomita (モバイル系ブログ) 携帯開発系チャンネル: #mobilejp @ irc.freenode.net おことわり スケールのサンプルになる必要もないだろうと、個人サーバーで軽く動かしているため、修正
ウノウラボ Unoh Labs: 携帯サイト作成のためにも使えるPHPのライブラリ
harukiです。 携帯サイト作成の際に使えるPHPのライブラリを知っているだけ羅列してみます。 Net_UserAgent_Mobile 基本となるライブラリです。機種判定など、様々な用途に使用します。 細かい情報については、スクレイピングなどをしたりして自前で用意する必要があります。 PEAR::Mail メールの送信に使用できます。 特殊な送信の際は、Mail::factory()にsmtpで使用することになりますが、キャリアの迷惑メールの設定にも気をつける必要があります。 Mail_mime_Decomail (Y-110's Wiki) Mail_mimeと同じ使い方で、デコメール送信用にMIMEを組み立てることができるのでとても便利です。 Mail_mimeDecode 空メール・エラーメールなどを受け取って解析する際に使用します。 解析の際には、Mail_RFC822:
【PHPで作る】初めての携帯サイト構築 記事一覧 | gihyo.jp
運営元のロゴ Copyright © 2007-2024 All Rights Reserved by Gijutsu-Hyoron Co., Ltd. ページ内容の全部あるいは一部を無断で利用することを禁止します。個別にライセンスが設定されている記事等はそのライセンスに従います。
QRコードをGoogle Chart APIで作成して表示する方法 [ホームページ作成] All About
QRコードをGoogle Chart APIで作成して表示する方法Google Chart APIを使ったQRコードの簡単な作成方法を解説。Google提供のQRコード作成サービスなら、HTMLソースに記述した文字列からQRコード画像が動的に生成されるため、ウェブ上にQRコードを表示したい場合でも事前に画像ファイルを用意する手間が不要で簡単です。URLやメールアドレスだけでなく、日本語などの自由な文字列を含むQRコードの作り方をご紹介。 携帯端末向けにURLやメールアドレスなどを伝える用途として、図のようなQRコードがよく使われています。携帯端末で長いアドレスを入力するのは面倒ですから、QRコードをカメラにかざすだけで文字列を入力できる手軽さは便利です。「今閲覧中のURLを携帯端末に送る」という目的でウェブページ上に掲載しておくのも便利でしょう。 QRコードは、世界的に使われている2次元コ
![QRコードをGoogle Chart APIで作成して表示する方法 [ホームページ作成] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/a8bb9407ce84d63af48a3d180b7e70a6a18cba80/height=288;version=1;width=512/https%3A%2F%2Fimgcp.aacdn.jp%2Fimg-a%2F1200%2F900%2Faa%2Fgm%2Farticle%2F2%2F4%2F0%2F1%2F3%2F201610021223%2Ftopimg_original.png)
GT Nitro: カーレーシング・ドラッグレーシングゲーム - Google Play のアプリ
GT Nitro: Car Game Drag Raceは、典型的なカーゲームではありません。これはスピード、パワー、スキル全開のカーレースゲームです。ブレーキは忘れて、これはドラッグレース、ベイビー！古典的なクラシックから未来的なビーストまで、最もクールで速い車とカーレースできます。スティックシフトをマスターし、ニトロを賢く使って競争を打ち破る必要があります。このカーレースゲームはそのリアルな物理学と素晴らしいグラフィックスであなたの心を爆発させます。これまでプレイしたことのないようなものです。 GT Nitroは、リフレックスとタイミングを試すカーレースゲームです。正しい瞬間にギアをシフトし、ガスを思い切り踏む必要があります。また、大物たちと競いつつ、車のチューニングとアップグレードも行わなければなりません。世界中で最高のドライバーと車とカーレースに挑むことになり、ドラッグレースの王冠
携帯サイトを作る時に役立ちそうな情報まとめ - かちびと.net
ちょっと必要に迫られたのでメモ。 どうもTwitterやってるとiPhoneや Androidなどのスマートフォンの 話題ばかりなので忘れそうですが、 携帯サイトはビジネスには必須 ですので備忘録として記事に。 以前にも何度かまとめ記事が話題に上がっているので今更感も否めませんが自分のブログにあったほうが探しやすいのでメモします。 予備知識 モバイルサイト構築前に知っておきたいユーザビリティ10のポイント ファーストビューの重要性、色の大事さ、リンク操作に関して記載されています。 モバイルサイト構築前に知っておきたいユーザビリティ10のポイント 携帯サイト（html）の制作に入る前に確認しておきたいチェック項目 サンプルを元に解説してくれているので分かりやすいです。 携帯サイト（html）の制作に入る前に確認しておきたいチェック項目 携帯サイトの作り方 5年前の情報なので参考程度に。今は随
携帯サイトの作り方
ここでは、携帯向けサイトの作り方を簡単に紹介します。 PC向けサイトを作ったことのある人を対象とさせていただきます。 まず、携帯版のファイルはPC版と完全に分けましょう。 共通のファイルで済まそうとするのはかなり無理があります。 PCと携帯の違い いくつかあるので順に説明します。 ファイルサイズの制限 これが一番大きなところでしょう。 後で詳しく説明しますが、携帯向けサイトでは1ページ当りのファイルサイズを 画像も含めて5Kbytes程に収めなければなりません。 5Kbytesでは足りない、と思われる方も多いと思いますが 試しに5Kbytesの文章を書いて携帯で表示させてみましょう。 携帯の小さい画面から見ればこれでもかなりの情報量だと感じるはずです。 スタイルシート関連 携帯向けサイトでは、一切のスタイルシートが使えません。 もともと、スタイルシートとは細かな装飾方法をアレンジするための
Titaniumで始めるモバイルアプリ作成の基礎知識
Titaniumで始めるモバイルアプリ作成の基礎知識：Web技術でネイティブアプリを作れるTitanium（2）（1/3 ページ） iPad/iPhone VS Androidに戸惑っているWebデザイナ／開発者のために、Web技術でネイティブアプリを作れるオープンソースの開発ツールを紹介し、その利点や使い方を連載で解説します ついにTitanium Mobile 1.0がリリース！ 「Titanium Mobile」の概要を紹介した前回の記事「HTML＋JavaScriptでiPhone/Androidアプリを作れるTitanium Mobileとは」は、おかげさまで大変評判も良く、技術者が多く集まる「はてなブックマーク」で、多くのブックマークを獲得しました。iPhoneへの関心の高まり、そしてよりスピード感のある開発手法への関心の高まりを感じました。 一方、Titaniumにも大きな動
「jQuery Mobile」の登場で、モバイルアプリケーション開発は大きく変わる － Publickey
このところHTML5関連のモバイルアプリケーション開発について調べていて、先週の水曜日にはSwapSkills主催のイベント「jQueryモバイルで簡単！ スマートフォンサイト作成」に参加してjQuery Mobileについて勉強してきました。 jQuery Mobileとは、jQueryのプラグインとして利用するモバイルアプリケーション用のライブラリです。そしてその驚異的なまでの簡単さは、これから業務用のモバイルアプリケーションの作り方を一変させてしまう可能性を感じさせます。 jQuery Mobileの大きな特徴は次の3つです。 1）HTMLを書くだけでモバイルアプリケーションができてしまう 2）モバイルのユーザーインターフェイス対応の部品が多く揃っている 3）iOS、Android、WebOS、Windows Moblie、Symbianなどクロスプラットフォーム対応である 具体的な
ＰＨＰで携帯サイト - phpspot
ＰＣサイトを作っていると、その性質の違いに驚くはず。 画面表示用のコーディングを行う際に押さえておきたい部分を紹介します！ 基本 ・３キャリア共通の端末の性質 ・HTMLの書き方-マークアップ ・ユーザビリティ ・携帯シュミレーター一覧 パソコン上で携帯環境に近い環境を再現するためのソフト＆ツール集 その他注意点(外部サイト) ・携帯サイト作成時の注意点(au編) ・携帯サイト作成時の注意点(SoftBank編) ・ケータイ向けサイトでmailtoを利用する際は改行コードに注意 携帯サイトを作るにあたって便利なライブラリ集をまとめましたので紹介 携帯サイトはＰＣ版とは色々とコーディングやルールが異なったり、キャリアごとの差異があって面倒臭いと感じるかもしれませんが、ライブラリを活用すればそれほど面倒を感じずにサイト作成が出来るはずです。 ・携帯絵文字ライブラリ キャリアごとに違う絵文字仕様
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
*My First HDML*
IBM Developer