ホームページ制作

ホームページ制作の方法。WordPressを使用したホームページ制作など。

3キャリア向け携帯サイト制作はスマホによってどうなるか?

今まで、モバイルサイトを3キャリア向け表示できるように制作するには、それぞれの仕様の違いもあり苦労したが、逆に制作できるなら強みになる部分もあった。 しかし、スマートフォンの普及につれその需要は徐々に減っていくのではないかと思う。 さすがに、即ガラパゴス携帯が消えるという訳ではないが、時間の問題でほぼすべての携帯電話がスマートフォンにとって代わる日も近いのではないだろうか。 現に関連企業では今、スマートフォン向けアプリのエンジニア確保の熾烈な競争が起こっているらしい。 モバイルサイト制作者もスマートフォン用サイト制作者(HTML5、CSS3)への移行が必要かもしれない。

more... »

日, 11月 13 2011 » HTMLについて, android, html5, iphone, ホームページ制作, モバイルサイト作成 » No Comments

モバイルサイトで表示する画像ファイル拡張子をキャリアごとに変更してみる

モバイルサイトで画像の拡張子をキャリアごとに変えて、それぞれ違うファイルを表示させてみた。 理由としては、飾りとしての画像は3キャリアとも同じものを使っているのだが、フレーム画像やスタンプ画像の配布サイトを作っていて、それぞれキャリアごとで拡張子やら記述やら規定が違うので、それぞれのキャリアにあった画像を表示しないといけない必要ができた。 AU、ドコモ、ソフトバンクとそれぞれのページを作成するという選択肢もあるが、修正などが面倒になりそうなので、同一ファイルを使って、PHPでキャリア判別する事にした。キャリア判別でそれぞれのキャリアがわかったら画像の拡張子部分をキャリアにあった拡張子を表示するようにした。また、キャリアごとのファイルを混合しないためにそれぞれAU用、ドコモ用、ソフトバンク用のフォルダに画像を収納して、キャリア判別時にフォルダ指定もするようにした。 例えば、 au/aaaa.png この場合、最初のauフォルダ、拡張子pngがキャリア判別でそれぞれ変更される。 これによって、それぞれのキャリアごとに適切な画像が表示されることになった。

more... »

木, 11月 18 2010 » HTMLについて, スタイルシートについて, ホームページ制作, モバイルサイト作成 » No Comments

marquee(マーキー)をxhtmlモバイルサイトで使うには

marquee(マーキー)タグを使い、モバイルサイト上を文字が流れるのをよくトップページでみかけます。 HTML 4.01の時だと <marquee bgcolor=”#FF0000″><font size=”2″ color=”#FFFFFF”>ああああ</font></marquee> こんな感じで、背景が赤色、文字サイズ2、文字色は白色のマーキーになります。 ただ、xhtmlの場合、このままだとダメなので以下のようにします。 <div style=”display:-wap-marquee; background-color:#FF0000; font-size:xx-small; color:#FFFFFF;”>ああああ</div> ちなみに、フォントサイズはピクセル指定でもいいのですが、ここでは、最小サイズで表示されるxx-smallにしています。

more... »

土, 10月 23 2010 » HTMLについて, ホームページ制作, モバイルサイト作成 » No Comments

モバイルサイトで拡張子.htmlのままPHPを使う

モバイルサイトでPHPを使用したい場合が結構あります。 だけど、拡張子は「.php」じゃなくて「.html」のままにして使いたい。 まず、.htaccessを編集。 自分の場合「AddHandler x-httpd-php .php .htm .html .xml .class」と記述。 これは、phpを以下の拡張子で使いますよってこと。 今回では「.php .htm .html .xml .class」がそれにあたる。 「.html」も記述してるので、拡張子.htmlでphpが使えることになる。 だけど、モバイルサイト制作だと、まだ問題がでてくる。 サイトのデザイン上、xhtmlで制作したい場合、このままだとうまくxhtmlで表示してくれない。 通常、携帯サイトの場合ヘッダー部分に 「<meta http-equiv=”Content-Type” content=”application/xhtml+xml; charset=Shift_JIS” />」 なんて入れてる。 「application/xhtml+xml」の部分が重要で、こうしないとxhtmlとして表示されない場合がある。 普通は、この記述だけでオーケイだが、PHPを使う場合は、もう一行記述しなければいけない。 htmlファイルの一番先頭に記述する(ドキュ宣言より上) <?php header(‘Content-Type: application/xhtml+xml; charset=Shift_JIS); ?> これで、xhtmlとしてデザインを表示できる。

more... »

金, 10月 22 2010 » HTMLについて, ホームページ制作, モバイルサイト作成 » No Comments

モバイルサイトのYAHOO!モバイルへのカテゴリ登録はSEOに有利?

YAHOO!モバイルにカテゴリ登録されているサイトを調べてみるとサイトに関連するキーワードで割りと上位に表示される。他の上位表示サイトを調べてみるとかなりの確率でYAHOO!モバイルカテゴリ登録サイトが占めていることがわかる。 YAHOO!モバイルにおける順位表示はカテゴリ登録サイトがかなり有利な状況にあるようだ。 モバイルにおいてカテゴリ登録がかなり有効なようだが、PCサイトの方はどうだろう? カテゴリ登録がSEOに効果的とはいえ、けっして上位表示される必須条件とはいえない。 しかし、最近ではかなりPCサイトの方もYAHOO!カテゴリへの登録が重要視されてきたように思える検索結果をよく見るようになった気がする・・。

more... »

水, 10月 6 2010 » ホームページのSEO, モバイルサイト作成 » No Comments

モバイルサイトの検索はgoogle?、YAHOO?

YAHOOモバイルにカテゴリ登録しているモバイルサイトはYAHOOモバイルの検索においてかなりSEO効果があるように思うのですが(実際自分の管理しているサイトは効果あり)googleではイマイチ・・。 そんな中、AUに引き続きDOCOMOもgoogleの一発検索の機能を載せちゃいました。 大手3キャリアの内、2つがgoogle、1つがYAHOOという感じで勢力がわかれYAHOOモバイルに重点を置いていたサイト管理人としては結構キツイ状態です。 googleの対策となると、PC同様、被リンク数やページランクが重要になってくるのでしょうか? googleでの対策を考えなければならないようです。

more... »

水, 10月 6 2010 » ホームページのSEO, モバイルサイト作成 » No Comments