携帯(モバイル)サイトを作る時に役立ちそうな情報まとめ

Ads
目次
    1. 予備知識
      1. モバイルサイト構築前に知っておきたいユーザビリティ10のポイント
      2. 携帯サイト(html)の制作に入る前に確認しておきたいチェック項目
      3. 携帯サイトの作り方
    2. 構築 / Tips
      1. モバゲーのような携帯サイトを作るための12のTips
      2. 携帯電話向けのCSS
      3. 3キャリア対応ケータイXHTMLのTIPS 8つ
      4. ゼロからはじめる携帯サイト構築。
      5. 携帯サイトのコーディング前のチェックポイント
      6. 今から始める携帯サイト制作
      7. PCサイトを携帯に対応させるまとめ
    3. プログラミング
      1. 携帯サイトをHTMLではなくPHPで組むときのDOCTYPE分岐方法
      2. PHPで携帯サイト構築
      3. 【PHPで作る】初めての携帯サイト構築
      4. PCサイト->携帯変換スクリプト
      5. 携帯でGoogleMapを手軽に表示するPHPクラス
    4. SEO / アクセス解析など
      1. ほとんど情報がないモバイルSEOのまとめ
      2. うごくひと2
      3. 携帯電話のアクセスの解析で理解しておきたいこと
      4. 一般的な外部リンクの調達法
      5. 携帯からのアクセス振り分け方法
      6. ゼロから学ぶGoogle Analytics 携帯版
    5. 便利ツール / リンク集
      1. Ktai Style (携帯対応プラグイン)
      2. 携帯サイト構築メモ
      3. モバミル
      4. モバイルデザインアーカイブ
      5. FireMobileSimulatorとは?
      6. モバイル・携帯サイト作成 仕様リンク集
      7. 携帯開発向けに便利な支援ツール/サイト
      8. 携帯各キャリアの固有IDについて (全キャリア対応)
      9. P1エミュレータ
      10. SoftBank Mobileの携帯用GatewayをPCで通る方法のメモ
      11. 携帯対応のオープンソースCMSはどれがいい?

ちょっと必要に迫られたのでメモ。
どうもTwitterやってるとiPhoneや
Androidなどのスマートフォンの
話題ばかりなので忘れそうですが、
携帯サイトはビジネスには必須
ですので備忘録として記事に。

以前にも何度かまとめ記事が話題に上がっているので今更感も否めませんが自分のブログにあったほうが探しやすいのでメモします。

予備知識

モバイルサイト構築前に知っておきたいユーザビリティ10のポイント

mobile-site01

ファーストビューの重要性、色の大事さ、リンク操作に関して記載されています。

モバイルサイト構築前に知っておきたいユーザビリティ10のポイント

携帯サイト(html)の制作に入る前に確認しておきたいチェック項目

mobile-site02

サンプルを元に解説してくれているので分かりやすいです。

携帯サイト(html)の制作に入る前に確認しておきたいチェック項目

携帯サイトの作り方

mobile-site05

5年前の情報なので参考程度に。今は随分進化してます。が、古い携帯にもしっかり対応するなら見ると良いかも。

携帯サイトの作り方

構築 / Tips

モバゲーのような携帯サイトを作るための12のTips

mobile-site03

表題の通りのTipsです。必読記事。

モバゲーのような携帯サイトを作るための12のTips

携帯電話向けのCSS

mobile-site04

なかなか無い情報なので時間を作ってじっくり見ておきたいです。

携帯電話向けのCSS

3キャリア対応ケータイXHTMLのTIPS 8つ

mobile-site06

3キャリアに対応させる為のTips。

3キャリア対応ケータイXHTMLのTIPS 8つ

ゼロからはじめる携帯サイト構築。

mobile-site-08

便利なライブラリや、書籍などの紹介。ミスも参考になりました。

ゼロからはじめる携帯サイト構築。

携帯サイトのコーディング前のチェックポイント

mobile-site-09

サンプルを使って親切に解説してくれています。ありがたい。

携帯サイトのコーディング前のチェックポイント

今から始める携帯サイト制作

mobile-site-10

基本から濃く解説。ボリュームがあるので時間があるときにみておきたいです。

今から始める携帯サイト制作

PCサイトを携帯に対応させるまとめ

mobile-site-11

構築するのではなく、既存のサイトを携帯に対応させるTips。あびるさんの記事です。

PCサイトを携帯に対応させるまとめ

プログラミング

携帯サイトをHTMLではなくPHPで組むときのDOCTYPE分岐方法

mobile-site-12

DOCTYPEの違いで表示の差が出るので、それをPHPで振り分けよう、というもの。

携帯サイトをHTMLではなくPHPで組むときのDOCTYPE分岐方法

PHPで携帯サイト構築

mobile-site-13

ライブラリの紹介や、ユーザビリティに関する情報のまとめ。

PHPで携帯サイト構築

【PHPで作る】初めての携帯サイト構築

mobile-site-14

連載式に解説してくれています。メモメモ。

【PHPで作る】初めての携帯サイト構築

PCサイト->携帯変換スクリプト

mobile-site-15

PCサイトを携帯サイトに変換するスクリプトです。やや古いので様子見。

PCサイト->携帯変換スクリプト

携帯でGoogleMapを手軽に表示するPHPクラス

mobile-site-16

表題の通り。使ってみたい。

携帯でGoogleMapを手軽に表示するPHPクラス

SEO / アクセス解析など

ほとんど情報がないモバイルSEOのまとめ

mobile-site-17

確かに殆どないですね。。理由は諸事情により割愛します。

ほとんど情報がないモバイルSEOのまとめ

うごくひと2

mobile-site-18

有名な解析ツール。入れたこと無いけど興味あります・・

うごくひと2

携帯電話のアクセスの解析で理解しておきたいこと

mobile-site-19

一般的なPCサイトとの検証の違いを細かく解説。

携帯電話のアクセスの解析で理解しておきたいこと

一般的な外部リンクの調達法

mobile-site-20

「こうするといい」という内容ではなく、業者の手法。こうやってるんだ、程度に理解しておきました。

一般的な外部リンクの調達法

携帯からのアクセス振り分け方法

mobile-site-21

.htaccessでの振り分け方の記載法です。

携帯からのアクセス振り分け方法

ゼロから学ぶGoogle Analytics 携帯版

mobile-site32

アナリティクス携帯サイト版の導入手順です。分かりやすい。

ゼロから学ぶGoogle Analytics 携帯版

便利ツール / リンク集

Ktai Style (携帯対応プラグイン)

mobile-site-22

WPユーザーなので挙げました。テンプレートも選べるので自分でデザイン出来るのが素敵。

Ktai Style (携帯対応プラグイン)

携帯サイト構築メモ

mobile-site-23

やや古めの記事だけど便利なリンク集です。

携帯サイト構築メモ

モバミル

mobile-site-24

イケてるモバイルデザインギャラリーです。最近しりました。。。

モバミル

モバイルデザインアーカイブ

mobile-site-25

こちらもデザインギャラリーです。

モバイルデザインアーカイブ

FireMobileSimulatorとは?

mobile-site-26

携帯シミュレーターです。Lunascapeでしかやったこと無いので興味あります。Operaでも出来るんでしたっけ。

FireMobileSimulatorとは?

モバイル・携帯サイト作成 仕様リンク集

mobile-site-27

すごい情報量です。あとでよく見てみる。

モバイル・携帯サイト作成 仕様リンク集

携帯開発向けに便利な支援ツール/サイト

mobile-site-28

便利なリンク集。絵文字とかツールとか。3年前の記事なので参考まで。

携帯開発向けに便利な支援ツール/サイト

携帯各キャリアの固有IDについて (全キャリア対応)

mobile-site-29

PDFは凄くありがたいですね。

携帯各キャリアの固有IDについて (全キャリア対応)

P1エミュレータ

mobile-site-30

3キャリア対応のシミュレーターです。まだ使ったことないので試したいです。

P1エミュレータ

SoftBank Mobileの携帯用GatewayをPCで通る方法のメモ

mobile-site-31

これは凄いですね。。。こんな事できるんだ。

SoftBank Mobileの携帯用GatewayをPCで通る方法のメモ

EC-CUBEモバイル

mobile-site33

オープンソースのECソフト、EC-CUBEがモバイル対応ですね。

EC-CUBEモバイル

携帯対応のオープンソースCMSはどれがいい?

mobile-site34

EC-CUBEが被りますが、携帯サイトに対応したオープンソースのCMSのまとめ。

携帯対応のオープンソースCMSはどれがいい?

以上、まとめでした。携帯サイト面倒ですな。。。他にも良情報あったらご指南下さい。

タイトルとURLをコピーしました