サイト制作の最近のブログ記事

今更ながら、2ちゃんねる顔文字をブログなどで使うにはどうするか。


2ちゃんねる顔文字辞書 MatsuConで、Windowsであれば「MS-IME版」と「ATOK版」がそれぞれ用意しているので、ダウンロードし登録作業を行います。


ブログやテキストエディターやメールなどに入力するときに、


「はぁ」などと打ち、変換のスペースキーなどをたたくと変換され ヾ( ゚д゚)ノ゛ハァァァァァ・・・・・・・! と表示れます。顔文字がいくつか登録されていれば以下のように選ぶことが出来ます。


2ちゃんねる顔文字「はぁ」


とても便利です。

  • 2ちゃんねる顔文字をブログなどで使うには?をはてなブックマークに追加 はてなブックマーク数
  • 2ちゃんねる顔文字をブログなどで使うには?をdel.icio.usに追加
  • 2ちゃんねる顔文字をブログなどで使うには?をYahoo!ブックマークに追加 Yahoo!ブックマーク数
  • 2ちゃんねる顔文字をブログなどで使うには?をPOOKMARK Airlinesに追加
  • 2ちゃんねる顔文字をブログなどで使うには?をlivedoorクリップに追加 livedoorクリップ ブックマーク数
  • 2ちゃんねる顔文字をブログなどで使うには?を@niftyクリップに追加
  • 2ちゃんねる顔文字をブログなどで使うには?をnewsingへ投稿
  • 2ちゃんねる顔文字をブログなどで使うには?をbuzzurlに追加 buzzurl ブックマーク数
  • 2ちゃんねる顔文字をブログなどで使うには?をChoixへ追加
  • 2ちゃんねる顔文字をブログなどで使うには?をFurlへ追加
  • 2ちゃんねる顔文字をブログなどで使うには?をBlinklistへ追加
  • 2ちゃんねる顔文字をブログなどで使うには?をReddit.comへ追加

Googleでのモバイル サイトマップの作成は携帯とPCに区別がなく、
登録する歳に、PCなのか携帯なのかを選び、マークアップ言語をXHTML モバイル プロファイル(WAP 2.0)、WML(WAP 1.2)、CHTML(iMode)を選んで登録を行っていた。


新しく形式が変わり、変更を促すメッセージが長く出ていました。


つい最近、上記の登録方法がなくなった。


ということは、新しいモバイル用のサイトマップを作成しないと、PCと携帯が区別がつかないということ。判断する基準のすべてではないが、やらないよりはやった方がいいので。


新しい形式で登録するようにしましょう。


※赤が変更部分

<?xml version="1.0" encoding="UTF-8" ?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"
xmlns:mobile="http://www.google.com/schemas/sitemap-mobile/1.0">

<url>
<loc>http://www.kamitani79.com/m/</loc>
<mobile:mobile/>
</url>
</urlset>


モバイルGoogleサイトマップ作成支援サイト
携帯SEO対策:モバイルGoogleサイトマップ自動生成

  • Googleでのモバイル サイトマップの作成(変更、重要かも??)をはてなブックマークに追加 はてなブックマーク数
  • Googleでのモバイル サイトマップの作成(変更、重要かも??)をdel.icio.usに追加
  • Googleでのモバイル サイトマップの作成(変更、重要かも??)をYahoo!ブックマークに追加 Yahoo!ブックマーク数
  • Googleでのモバイル サイトマップの作成(変更、重要かも??)をPOOKMARK Airlinesに追加
  • Googleでのモバイル サイトマップの作成(変更、重要かも??)をlivedoorクリップに追加 livedoorクリップ ブックマーク数
  • Googleでのモバイル サイトマップの作成(変更、重要かも??)を@niftyクリップに追加
  • Googleでのモバイル サイトマップの作成(変更、重要かも??)をnewsingへ投稿
  • Googleでのモバイル サイトマップの作成(変更、重要かも??)をbuzzurlに追加 buzzurl ブックマーク数
  • Googleでのモバイル サイトマップの作成(変更、重要かも??)をChoixへ追加
  • Googleでのモバイル サイトマップの作成(変更、重要かも??)をFurlへ追加
  • Googleでのモバイル サイトマップの作成(変更、重要かも??)をBlinklistへ追加
  • Googleでのモバイル サイトマップの作成(変更、重要かも??)をReddit.comへ追加

携帯サイト コーディング&デザインを読みました。


携帯サイト コーディング&デザイン


インプレス「モバイルユーザビリティ・デザイン」と異なり、物凄い役に立ちます。現在出ている書籍で一番いい


CHTMLベースではなく、すべてXHTMLベースの内容で書いてある。
ソースもCHTML、XHTML混同ではなく、XHTMLのみで書かれている。
普通で考えたら当たり前のことなのですが・・・。


素晴らしい。フルカラーでわかりやすいし、コードの比較で3キャリアが並んでいて非常に違いなどとてもわかりやすい。


著者に感動です


これを見れば、意外と面倒なXHTMLベースの3キャリア対応の携帯サイトが構築できると思います。



携帯ホームページを作ろう! -ちょっと詳しいモバイルサイトの作り方-

  • 携帯サイト コーディング&デザインをはてなブックマークに追加 はてなブックマーク数
  • 携帯サイト コーディング&amp;デザインをdel.icio.usに追加
  • 携帯サイト コーディング&amp;デザインをYahoo!ブックマークに追加 Yahoo!ブックマーク数
  • 携帯サイト コーディング&amp;デザインをPOOKMARK Airlinesに追加
  • 携帯サイト コーディング&amp;デザインをlivedoorクリップに追加 livedoorクリップ ブックマーク数
  • 携帯サイト コーディング&amp;デザインを@niftyクリップに追加
  • 携帯サイト コーディング&amp;デザインをnewsingへ投稿
  • 携帯サイト コーディング&amp;デザインをbuzzurlに追加 buzzurl ブックマーク数
  • 携帯サイト コーディング&amp;デザインをChoixへ追加
  • 携帯サイト コーディング&amp;デザインをFurlへ追加
  • 携帯サイト コーディング&amp;デザインをBlinklistへ追加
  • 携帯サイト コーディング&amp;デザインをReddit.comへ追加

インプレスからモバイルユーザビリティ・デザイン出ており、読みました。


インプレス「モバイルユーザビリティ・デザイン」


携帯サイトをこれから作るひと向けです。
最初に読むには結構良いかもしれません。


今回の著者も携帯サイト制作&携帯システム開発の老舗「ゆめみ」が書いてます。
サイトに行くとあきらかに数年リニューアルしていないサイトが出てきます。制作会社に多いんだけど、クライアントのサイトは作るが、自分達のサイトは作らない。っていうパターン。しかもクライアントには定期的に更新してくださいね。みたいなことを言う。笑える。


何でしょう、インプレスと組むと良くないのでしょうか。


きちんとした情報が書かれていない。言い方を変えれば嘘を付いている。
疑う箇所が何箇所もありました。特にモバイルSEOの章。


例えば、検索エンジンのクローラーが来るように各エンジンが提供しているツールのところで、Yahoo!のサイトエクスプローラーが携帯非対応って書いてあるが、日本版は対応していなだけで、英語版は対応している。のに書いていない。


ディレクトリ登録サービスで、エフルートが無料審査を行っているが、有料審査も行っている。のに有料審査のことは書いていない。


動的ページを静的ページに変換する必要があるみたいなことが書いてあったが、今は動的ページでも問題なくなってきているが、いつの時点の話をしているのか。


どうしたものか。


携帯サイトの構築もCHTMLとXHTML混ぜて書いてある。ぐっちゃぐちゃ。


何で?


例で紹介されているソースはめちゃくちゃ、XHTML表記だったり、CHTML表記だったり。
docomoのXHTMLの場合、文字の多きさを変えるfontタグは使えない。って書いているのにも関わらず、例のソースにはfontタグを使っている。CHTML表記なのかと思ったら、改行のbrタグにXHTML表記の閉じタグになっている。わけわからん。


担当者がわかっていないのか、それともわざとやっているのか。
真面目にやってくださいよ。と言いたい。


詳細の話を抜きにすれば、参考にはなるかな。内容は薄く値段は高いので微妙。

  • インプレス「モバイルユーザビリティ・デザイン」を読みました。をはてなブックマークに追加 はてなブックマーク数
  • インプレス「モバイルユーザビリティ・デザイン」を読みました。をdel.icio.usに追加
  • インプレス「モバイルユーザビリティ・デザイン」を読みました。をYahoo!ブックマークに追加 Yahoo!ブックマーク数
  • インプレス「モバイルユーザビリティ・デザイン」を読みました。をPOOKMARK Airlinesに追加
  • インプレス「モバイルユーザビリティ・デザイン」を読みました。をlivedoorクリップに追加 livedoorクリップ ブックマーク数
  • インプレス「モバイルユーザビリティ・デザイン」を読みました。を@niftyクリップに追加
  • インプレス「モバイルユーザビリティ・デザイン」を読みました。をnewsingへ投稿
  • インプレス「モバイルユーザビリティ・デザイン」を読みました。をbuzzurlに追加 buzzurl ブックマーク数
  • インプレス「モバイルユーザビリティ・デザイン」を読みました。をChoixへ追加
  • インプレス「モバイルユーザビリティ・デザイン」を読みました。をFurlへ追加
  • インプレス「モバイルユーザビリティ・デザイン」を読みました。をBlinklistへ追加
  • インプレス「モバイルユーザビリティ・デザイン」を読みました。をReddit.comへ追加

Web STRATEGYの「ケータイサイト集客のヒケツ」とモバイルを極める 広告・集客の・サイト運営の大原則を読みました。


Web STRATEGYの「ケータイサイト集客のヒケツ」


モバイルを極める 広告・集客の・サイト運営の大原則


最近、各雑誌が「携帯」についての特集を始めましたね。
変革の時代が来ているということは皆の共通点ということでしょうか。


どちらも特に新しい発見はなかったのですが、今年を振り返るにはちょうど良い内容です。
「携帯」でこれからビジネスを始めようと思っている方や興味はある方は読むといいかもしれません。

  • ケータイサイト集客のヒケツ & モバイルを極めるをはてなブックマークに追加 はてなブックマーク数
  • ケータイサイト集客のヒケツ &amp; モバイルを極めるをdel.icio.usに追加
  • ケータイサイト集客のヒケツ &amp; モバイルを極めるをYahoo!ブックマークに追加 Yahoo!ブックマーク数
  • ケータイサイト集客のヒケツ &amp; モバイルを極めるをPOOKMARK Airlinesに追加
  • ケータイサイト集客のヒケツ &amp; モバイルを極めるをlivedoorクリップに追加 livedoorクリップ ブックマーク数
  • ケータイサイト集客のヒケツ &amp; モバイルを極めるを@niftyクリップに追加
  • ケータイサイト集客のヒケツ &amp; モバイルを極めるをnewsingへ投稿
  • ケータイサイト集客のヒケツ &amp; モバイルを極めるをbuzzurlに追加 buzzurl ブックマーク数
  • ケータイサイト集客のヒケツ &amp; モバイルを極めるをChoixへ追加
  • ケータイサイト集客のヒケツ &amp; モバイルを極めるをFurlへ追加
  • ケータイサイト集客のヒケツ &amp; モバイルを極めるをBlinklistへ追加
  • ケータイサイト集客のヒケツ &amp; モバイルを極めるをReddit.comへ追加

Ping一括配信サービスの「Pingoo!」さんが「Pingoo!プロジェクト」を発足。募集をしていたので、参加をしました


--
Pingoo!プロジェクトとは、ブログで発信した思いから思いがつながり、実現可能な新しい価値と可能性が生まれていく、そんな社会づくりに挑戦するプロジェクトです。だそうです。
--


そもそもPingとは、ブログが更新されたことを通知する機能をPingと言います。
Pingの機能の更新通知を受けるウェブサイトのことをPingサーバーと言います。


当ブログも「Pingoo!」さんを利用しています。無料・有料がありますが、わたしは有料を利用しています。有料のメリットはPingサーバーが増えたときやなくなったときに、追加や削除をしてくれるというところ。


プロジェクトの参加は以下より行えます。個人・法人問わず参加が出来ます。
Pingoo!プロジェクト

  • Pingoo!プロジェクトに参加してみました。をはてなブックマークに追加 はてなブックマーク数
  • Pingoo!プロジェクトに参加してみました。をdel.icio.usに追加
  • Pingoo!プロジェクトに参加してみました。をYahoo!ブックマークに追加 Yahoo!ブックマーク数
  • Pingoo!プロジェクトに参加してみました。をPOOKMARK Airlinesに追加
  • Pingoo!プロジェクトに参加してみました。をlivedoorクリップに追加 livedoorクリップ ブックマーク数
  • Pingoo!プロジェクトに参加してみました。を@niftyクリップに追加
  • Pingoo!プロジェクトに参加してみました。をnewsingへ投稿
  • Pingoo!プロジェクトに参加してみました。をbuzzurlに追加 buzzurl ブックマーク数
  • Pingoo!プロジェクトに参加してみました。をChoixへ追加
  • Pingoo!プロジェクトに参加してみました。をFurlへ追加
  • Pingoo!プロジェクトに参加してみました。をBlinklistへ追加
  • Pingoo!プロジェクトに参加してみました。をReddit.comへ追加

Yahoo!Japanは、2008年12月4日、Yahoo!Japanの検索エンジン(YST)のアルゴリズム更新を発表した。今回は毎月恒例となったインデックス更新より、検索エンジン部分の更新になるので大幅な順位変動が予想される。


2週間程かなりの順位変動が行われる。


スパム的にSEO対策を行っているサイトの順位が下がっている模様。


また、検索結果でのオーバーチュアのスポンサーサイトの表示の色が黄色から白色に変更されています。区切りは灰色の罫線のみ。差別化がなくなりました。オーバーチュアの効果は上がっていると予想されます。


Yahoo!スタッフブログ
Yahoo!検索 アルゴリズム Update

  • Yahoo!Japanの検索エンジン(YST)、アルゴリズム更新(12/4)をはてなブックマークに追加 はてなブックマーク数
  • Yahoo!Japanの検索エンジン(YST)、アルゴリズム更新(12/4)をdel.icio.usに追加
  • Yahoo!Japanの検索エンジン(YST)、アルゴリズム更新(12/4)をYahoo!ブックマークに追加 Yahoo!ブックマーク数
  • Yahoo!Japanの検索エンジン(YST)、アルゴリズム更新(12/4)をPOOKMARK Airlinesに追加
  • Yahoo!Japanの検索エンジン(YST)、アルゴリズム更新(12/4)をlivedoorクリップに追加 livedoorクリップ ブックマーク数
  • Yahoo!Japanの検索エンジン(YST)、アルゴリズム更新(12/4)を@niftyクリップに追加
  • Yahoo!Japanの検索エンジン(YST)、アルゴリズム更新(12/4)をnewsingへ投稿
  • Yahoo!Japanの検索エンジン(YST)、アルゴリズム更新(12/4)をbuzzurlに追加 buzzurl ブックマーク数
  • Yahoo!Japanの検索エンジン(YST)、アルゴリズム更新(12/4)をChoixへ追加
  • Yahoo!Japanの検索エンジン(YST)、アルゴリズム更新(12/4)をFurlへ追加
  • Yahoo!Japanの検索エンジン(YST)、アルゴリズム更新(12/4)をBlinklistへ追加
  • Yahoo!Japanの検索エンジン(YST)、アルゴリズム更新(12/4)をReddit.comへ追加

Movable Type 4.2のセキュリティアップデートの提供が行われてます。


アプリケーションの脆弱性がありMovable Type4のバージョンで影響受けるということで、早速ダウンロードして、FTPでアップロード


アップデートは、すぐ終わりましたよ〜ん


Movable Type 4.23になりましゅた


脆弱性なので対象のひとは、速やかにアップデートした方がいいと思いま〜す。


参照記事
[重要] セキュリティアップデート Movable Type 4.23 の提供を開始

  • Movable Type4.2 セキュリティアップデートをはてなブックマークに追加 はてなブックマーク数
  • Movable Type4.2 セキュリティアップデートをdel.icio.usに追加
  • Movable Type4.2 セキュリティアップデートをYahoo!ブックマークに追加 Yahoo!ブックマーク数
  • Movable Type4.2 セキュリティアップデートをPOOKMARK Airlinesに追加
  • Movable Type4.2 セキュリティアップデートをlivedoorクリップに追加 livedoorクリップ ブックマーク数
  • Movable Type4.2 セキュリティアップデートを@niftyクリップに追加
  • Movable Type4.2 セキュリティアップデートをnewsingへ投稿
  • Movable Type4.2 セキュリティアップデートをbuzzurlに追加 buzzurl ブックマーク数
  • Movable Type4.2 セキュリティアップデートをChoixへ追加
  • Movable Type4.2 セキュリティアップデートをFurlへ追加
  • Movable Type4.2 セキュリティアップデートをBlinklistへ追加
  • Movable Type4.2 セキュリティアップデートをReddit.comへ追加

Web担当者 現場のノウハウ 2009冬号「SEOスペシャル」を購入。


Web担当者 現場のノウハウ 2009冬号「SEOスペシャル」


んまあ、いいんじゃない。程度。


初心者には良くまとめられていると思います。

  • Web担当者 現場のノウハウ 2009冬号「SEOスペシャル」をはてなブックマークに追加 はてなブックマーク数
  • Web担当者 現場のノウハウ 2009冬号「SEOスペシャル」をdel.icio.usに追加
  • Web担当者 現場のノウハウ 2009冬号「SEOスペシャル」をYahoo!ブックマークに追加 Yahoo!ブックマーク数
  • Web担当者 現場のノウハウ 2009冬号「SEOスペシャル」をPOOKMARK Airlinesに追加
  • Web担当者 現場のノウハウ 2009冬号「SEOスペシャル」をlivedoorクリップに追加 livedoorクリップ ブックマーク数
  • Web担当者 現場のノウハウ 2009冬号「SEOスペシャル」を@niftyクリップに追加
  • Web担当者 現場のノウハウ 2009冬号「SEOスペシャル」をnewsingへ投稿
  • Web担当者 現場のノウハウ 2009冬号「SEOスペシャル」をbuzzurlに追加 buzzurl ブックマーク数
  • Web担当者 現場のノウハウ 2009冬号「SEOスペシャル」をChoixへ追加
  • Web担当者 現場のノウハウ 2009冬号「SEOスペシャル」をFurlへ追加
  • Web担当者 現場のノウハウ 2009冬号「SEOスペシャル」をBlinklistへ追加
  • Web担当者 現場のノウハウ 2009冬号「SEOスペシャル」をReddit.comへ追加

携帯サイトを作成する際に、全角カタカナより半角カタカナの方が、見栄えがよくなります。容量削減のためにも使われてもいます。


全角カタカナから半角カタカナへ変換するPHPを紹介しますので、SSIは必須ですが利用してみてください。


必要であるかないかは今回微妙です。
簡単なプログラムです。


※バックスラッシュ問題が解決していません。誰か教えてください。
なのでダブルクォート(")でくくる場合、ダブルクォートの前にバックスラシュ(\)が必要です。

例)
<a href="">リンク</a>
→ <a href=\"\">リンク</a>


SSIをHTMLで読み出す場合、.htaccess等に
以下を追加し、PHPと同じディレクトリに置きます。


AddHandler server-parsed html
AddType application/xhtml+xml .html
AddType application/xhtml+xml .xhtm .xhtml




■こちらをそのままコピーするか、
以下ファイルをダウンロードするかになります。

hankaku_convert.txt[右クリック・ダウンロード]
(拡張子をphpに変更してください。)


完全フリーです。著作権もありません。改変もどんどんやっちゃってください。


<?php
$moji = mb_convert_kana($_GET["data"],"ka","Shift_JIS");
if (get_magic_quotes_gpc())
{
$moji = stripslashes($moji);
}
print $moji;
?>




■読み出しこちらをになります。任意のフォルダで良いと思います。
PHPの場所はトップディレクトリから相対パスで指定してください。

<!--#include virtual="/php/hankaku_convert.php?data=文字"-->




■htmlソースはこんな感じでしょうか。

<!--#include virtual="/php/doctype.php"-->
↑前々回分↑
<meta name="keywords" content="キーワード1,キーワード2" />
<meta name="description" content="サイトの紹介文" />
<title>サイトのタイトル</title>
</head>
<body>
<!--#include virtual="/php/fontsize.php"-->
↑前回分↑
<!--#include virtual="/php/hankaku_convert.php?data=本文(全角カタカナ)"-->
↑今回分↑
</div>
</body>
</html>




Movable Typeで利用するときはとても便利になるかと思います。
ブログ名前のタグは「<$MTBlogName$>」。

以下のように使うと全角カタカナが半角カタカナに変換されます。
<!--#include virtual="/php/hankaku_convert.php?data=<$MTBlogName$>"-->



少しでもXHTMLベースの携帯サイトが増えることを祈っています。

  • 携帯サイト作成での全角カタカナから半角カタカナへ変換(PHPをSSIにて利用)をはてなブックマークに追加 はてなブックマーク数
  • 携帯サイト作成での全角カタカナから半角カタカナへ変換(PHPをSSIにて利用)をdel.icio.usに追加
  • 携帯サイト作成での全角カタカナから半角カタカナへ変換(PHPをSSIにて利用)をYahoo!ブックマークに追加 Yahoo!ブックマーク数
  • 携帯サイト作成での全角カタカナから半角カタカナへ変換(PHPをSSIにて利用)をPOOKMARK Airlinesに追加
  • 携帯サイト作成での全角カタカナから半角カタカナへ変換(PHPをSSIにて利用)をlivedoorクリップに追加 livedoorクリップ ブックマーク数
  • 携帯サイト作成での全角カタカナから半角カタカナへ変換(PHPをSSIにて利用)を@niftyクリップに追加
  • 携帯サイト作成での全角カタカナから半角カタカナへ変換(PHPをSSIにて利用)をnewsingへ投稿
  • 携帯サイト作成での全角カタカナから半角カタカナへ変換(PHPをSSIにて利用)をbuzzurlに追加 buzzurl ブックマーク数
  • 携帯サイト作成での全角カタカナから半角カタカナへ変換(PHPをSSIにて利用)をChoixへ追加
  • 携帯サイト作成での全角カタカナから半角カタカナへ変換(PHPをSSIにて利用)をFurlへ追加
  • 携帯サイト作成での全角カタカナから半角カタカナへ変換(PHPをSSIにて利用)をBlinklistへ追加
  • 携帯サイト作成での全角カタカナから半角カタカナへ変換(PHPをSSIにて利用)をReddit.comへ追加

ウェブページ

ケータイ[携帯]サイト

リンク

Yahoo!ログール

gooあしあと

Creative Commons License
このブログのライセンスは クリエイティブ・コモンズライセンス.
Powered by Movable Type 4.23-ja

このアーカイブについて

このページには、過去に書かれたブログ記事のうちサイト制作カテゴリに属しているものが含まれています。

前のカテゴリはゲームです。

次のカテゴリはテレビドラマです。

最近のコンテンツはインデックスページで見られます。過去に書かれたものはアーカイブのページで見られます。