Twitterをけっこう利用するようになって、楽しみがだいぶわかってきました今日この頃。
情報サイトやブログで「つぶやく」ボタンをけっこう見ます。
Twitterのクライアントソフトとか使っている場合は、あまり重宝しないかもしれないですが、テキストのコピペ（ページタイトル）とかなんか面倒なんてーときには、サイトで用意されているこのボタンをポチっとすると自分のtwitter.comへ、タイトルとページリンクを送ってくれます。

自サイトから利用者につぶやいてもらうためには、アカウントとかパスワードとか入力してもらったり、サービス利用のために認証みたいなもの（しっかり調べてなくてすいません...）をしないといけないわけですが、このつぶやくボタンだったら、そういうことも気にしなくていいし、設置側は大変らくです。

ニコニコ動画なんかは、このつぶやくボタンの内容に動画の#のハッシュタグいれたりして、同じ動画についてつぶやいているユーザーのつぶやきが検索できるようになっていて、ユーザーが楽しめるようになっていました。
これで、つぶやくボタンを設置した運営側もユーザーの反応を見れますしね。一石二鳥な感じです。

というわけで、PCサイトでは簡単につぶやくボタンを導入できるわけですが、携帯サイト（モバイルサイト）はどうなんだという話です。

お久しぶりのウェブネタ。
ＭＴのページ分割ってまだ、デフォルト搭載されてないんでしょうかね...？MT5を触ってないのでそこらへんちょっと分からないのですが。

MT4でメジャーなページ分割プラグイン「pagedarchives」ですが、吐き出されるページリストがいまいちなんですよね。
ただリンクのついた数字がならんでいるだけという。

テンプレで区切り文字とかいれちゃおうかと思うわけですが、タグが<MTPAPageList>で、全て完結されてしまっているために手出しできないという状態なんですね。
それでも、<a>とか<b>とかをcssで表示を整えてあげればなんとかなっちゃたりするかもなんですが、もっとカスタマイズしたいという場合には、プラグイン本体pagedarchives.plをちょっと弄っちゃうのが早いと思います。

やっつけではありますがー、このブログのモバイル版をつくりました。

http://hmscope.net/m/



アメブロ意識で。
エントリーのアーカイブは、月間のみで。カテゴリーのアーカイブは作ってません。日記垂れ流し系の構成です。

一応、ドコモ、au、ソフトバンクともに見られると思いますが。。。動作確認はauのみなので、実際はどうか知りません。

以下、使ったツールまとめます。

サイトがPCとモバイルで公開されている場合、基本はPC用とモバイル用でHTMLとか制作をしていくわけですが、ニュース系の内容でいちいちそれをやっていると、些細な内容でも作業は2倍です。
ホント、面倒くさいです。うっかりモバイルサイトの方の更新わすれた！なんてそんなことも起きてしまうわけですね（それはないか...）。

というわけで、ひとつ更新すればPCとモバイルともに反映されるのがベスト！

最近自分が作業していたサイトのリニューアルに、MTを導入して、更新が頻繁にあるこのサイトの作業の効率化を色々図っています。とりあえずPCの方はできたので、あとはモバイル！
以前の私のエントリーで、モバイル用の制作に対して憂いていましたが、やってみると割と簡単にモバイル対応ができました。便利なプラグインとアーカイブの公開プロファイルの設定を工夫すればｏｋでした。　以下メモです。

モバイルサイトの確認に、今までブラウザのスレイプニルのオプション＞ビューの設定で、モバイルのエージェント設定を変えて確認してたりしたんですけど、あまり賢い機能ではないので、めんどくさいなぁと思っていました。

こんなに、モバイル盛り上がってるなら、フリーのソフトかなんかそろそろ出てるんじゃ～とふと思って検索したら、Firefoxのアドオンで素敵なものがありました。

FireMobileSimulator
http://firemobilesimulator.org/

これは便利！
ぽちっと設定をオンにすると、モバイルを表示してくれます。
横幅も設定設定されてくれるので、ウィンドウ幅を自分で調節しなくてもイイヨ。

で、やっぱりFireFoxなんだな。ってことで。
普段使うブラウザを、FireFoxにしたいんだけど、スレイプ好きなんだよなぁ。
スタイルの表示があまりすきなじゃないんだ＜FireFox
でも、それだけの理由なので早々に切りかえしよう。要は慣れですよね。慣れ。

 

case:MobileDesign! モバイルサイトのデザイン
http://d.hatena.ne.jp/mobile_design/
あと、話は変わって、モバイルサイトのデザインを集めたサイトがありました。
モバイルサイトのキャプチャと、QRが付いているので、自分の携帯ですぐにアクセスできるステキ。

ＭＴのモバイル対応をやってみようと前から思っていたんですけども。

まずは、いい感じのプラグインがあればなーとおもって探したところ、イイ感じのものはすべて有料ですね。あと、モバイル対応が、サービスになっていたりして。
そんな中で、よさげなモバイルテンプレートのプラグインを公開されていたので、さっそく使ってみることに。

◆鳥取ホームページ制作アクセスアート - 携帯用テンプレート　[Link]
こちらで紹介されているものを利用して、モバイル用にインデックスとアーカイブ、個別エントリー関連のテンプレートをさくっと導入することができました。
やや、テンプレートに不具合がありましたが、それはテンプレートを修正すれば直せるのは問題ナシ。
ここから、自分が好きなようにデザインを仕上げていけばいいと思います。

ただ、このテンプレートのままだと文字コードがUTF-8になるので、携帯によっては表示できませんが。...趣味のサイトなら問題ないですｗ

ここから追加修正したいと思っているのが
・全角カタカナ→半角カタカナ
・アーカイブのページ送り
・ナビゲーションの追加
・デザインの修正
ここら辺の内容は↓のところのものを参考にすれば実現できそうですね。
◆web2.0的ラボ - Movabletypeで携帯サイト作成　[Link]

という感じで...また時間つくってやってみたいと思います。

でもやっぱり、Shift-JISがいいなぁ・・・。
もう少し調べてみたいけど、テンプレートUTF-8じゃー、単純にはいかないような...。

週末本屋めぐりにて。やっぱりモバイル制作の需要が急激に伸びているんだなーと実感。

多分1年、2年前にモバイルでサイトを見る人が増えだして、最近のモバイルサイトの作り込みがスゴイ。モバイルの通信料も定額がかなり普及してきているだろうし、モバイルサイトでも画像をガンガンつかうし、動画もみれちゃうよ。

そう、アメブロがなんであんなに人気なんだろうと好奇心でアカウントとって、通勤中の暇な時間でぼやきブログをやってみたんだけど。やーよくできてると思いました。
コンテンツが基本テキストですからね。携帯の方がじっくり読めます。PCで読むより本で読んでる感覚がある。って伝わらなそうな語彙力ですいません･･･。


もちろんビジュアル的な面で、制作側からするとPCで見てもらえればいろいろ感じてもらるメリットがありますけど、情報を受け取る側からしたら正直、欲しい情報だけ見れればいいわけですからね。
しかも、最近の携帯は画面解像度高いから、画像も美しく表示してくれますから。商品画像を携帯画面のサイズに合わせて作れば、しっかり伝わります。


やっぱりウェブに画面レイアウトのルールがあるように、モバイルにもレイアウトのルールが存在します。でふぁくとすたんだーどってやつでしょうか。
でもこういうモバイルのデザインルール関係の書籍ってあまりなかったんです。欲しかったんですけど。だれかまとめてくれてないかなぁ～とかなり他力本願。

とおもっていたら、モバイルサイト関係の本が出始めていました。

PHP×携帯サイト デベロッパーズバイブル 荒木 稔 ソフトバンククリエイティブ 2008-09-27 売り上げランキング : 946 おすすめ平均 Amazonで詳しく見る by G-Tools

携帯サイト制作 WEBデザインの新しいルール ファーストビット 翔泳社 2008-10-22 売り上げランキング : 2401 おすすめ平均 Amazonで詳しく見る by G-Tools

上の「PHP×携帯～」っていう本はぱらぱら見ていて、あ欲しいな～と思ったんですけども。
それほど今自分に必要な感じがしなかったので見送り。
下のやつは、コンテンツ系の内容です。1冊あったら制作におけるとっかかりがつかめそうな内容でしたけど、内容盛りだくさんでそれぞれ深くふれられてる感じがしなかったので見送り。

見送りばっかだなｗ

あ、前々回に紹介した本のMTの本は買いました。いろいろできそうで、見てるとニヤけます。

あと、なんか勢いで買った本。

アンガー・マネジメント―アメリカ・エグゼクティブの間で爆発的に普及! イライラ、ムカムカを一瞬で変える技 安藤 俊介 大和出版 2008-09 売り上げランキング : 12868 おすすめ平均 Amazonで詳しく見る by G-Tools

最近感情の導火線が短くて；
ちょっと前までは、怒りとか腹が立つって言う感情には疎かったんですけどもねぇ...。自分の考えとか芯みたいなものができてきたり、年をとるにつれて考えが凝り固まってきちゃったんでしょうね...ｱﾊ。