2010年1月26日

新しいPC!セッティングメモ。


仕事用のマシンとして、長いことMacを使っていたんですが、このたびWindowsに出戻りました!
以下、乗り換えに当たっての個人的な覚え書きです。

 

■ before

3年くらい前に購入したMacBook Pro。OSX10.4。ParallelsでWindowsも利用。

異常なくらい発熱がひどくて、夏場だとキーボード触ってるだけで全身が汗ばむほど。上げ底+USB扇風機の組み合わせでしのいでました。

OSXのバージョンを、購入時のままずっと上げずにいたら、dropboxやらgoogle日本語入力やらOSX 10.4 非対応アプリが徐々に増えてきていて、マシンも動作不安定になっててちょくちょくフリーズ→再起動に10分とかかかっていたので、そろそろ潮時だと思っていた次第。

 

1台でMacとWinが両方使えるのはとてもいいメリットでしたが、どうしても乗り越えられなかったカベがいくつか。
 

◆ マシンフリーズして再起動すると、Parallels WindowsのOSレベルの設定が吹っ飛ぶことがあった。
デスクトップ上のアイコン配置が初期化されるほか、日本語入力で単語登録したものや一部ソフトウェアのライセンス認証済み情報まで吹っ飛んでしまうという最悪なデストロイヤー現象。これが繰り返されるとPCをカスタマイズして使いやすくしていく気力ごと喪失してしまう。

 
◆ 全体的に動作がもっさり。
Macだとどうしてもしょうがないんですけどねえ。とくに日本語入力の切り替えの直後に重たくなるのはストレスの素でした。

 
◆ バッテリ寿命。
ずっと使い続けてきた結果、フル充電しても1時間たたないうちに充電切れしてしまうようになりました
1時間もたなくなってしまうと、会議室に持ち込むたびにACアダプタも持っていくのが必須になってしまいます。

 

そんなこんなで、買い替えとかパーツ交換とか含めて検討した結果、自分が出した結論は「Windowsに戻る」でした。

 

 

■ after

社内インフラ担当から「OSは、XPがいい?Windows7がいい?」と聞かれて、迷わず無難なXPを選んだ自分。ええ、新しモノはスキだけど人柱はイヤです。w

probook4510s.jpg

機種はHPのProBook 4510を与えられました。でかい。ノートPCのくせにテンキーまでついてる。ちなみにMacBookProよりもさらに若干大きいくらいのサイズです。

 

で、新PCにインストールしたもの・設定したもの。メジャーなやつは除いて、あまりメジャーではないものをいくつか紹介です。


◆ dropbox

以前から使っている、ファイル共有ソフトです。古いPCから設定ファイルを移動するのに今回重宝しました。


◆ TortoiseSVN + WinMerge

ソースコードをマージしたり、他の人のコードをレビューしたりするときに利用中。以前は連携設定が面倒だった記憶があるんですが、今回TortoiseSVNのあとにWinMergeをインストールしようとしたら、両者の連携設定まで勝手にやってくれて楽ちんでした。

WinMergeでマージ作業をするときなどに、2つのsvn管理下のディレクトリを比較しようとすると、「.svn」フォルダ内の管理用ファイルまで比較されてしまって非常に煩わしいです。それを回避するためのフィルタ設定として、次の内容のものを使っています。これは「.svn」内のフォルダに加えて、拡張子が「.bak」のファイルも対象外にするものです。

## This is a directory/file filter template for WinMerge
name: Original Filter
desc: .svn

## Select if filter is inclusive or exclusive
## Inclusive (loose) filter lets through all items not matching rules
## Exclusive filter lets through only items that match to rule
## include or exclude
def: include

## Filters for filenames begin with f:
## Filters for directories begin with d:
## (Inline comments begin with " ##" and extend to the end of the line)
f: \.bak$ ## Filter for filename
d: \.svn$ ## Filter for directory


◆ bookmarklet

拙作のこれが、ブログをかいたり社内でURLを回覧するときなんかに便利です。
ブックマークレットをつくってみた。いま見ているページのtitleをコピペしたい。 (treasuring misc.)


◆ キーボードの設定

コントロールパネルの「キーボード」のプロパティで、「表示までの待ち時間」を最短にするのが好みです。キーを押しっぱなしにしたときに連続入力されるまでの一瞬の間が短くなります。


◆ フォルダ表示オプション

Windowsのデフォルト設定だとファイル一覧がただしく表示されないのが嫌いで、エクスプローラの設定カスタマイズが欠かせません。

  • 「システムフォルダの内容を表示する」
  • 「すべてのファイルとフォルダを表示する」
  • 「登録されている拡張子を表示する」
  • 「保護されたオペレーティングシステムファイルを表示する」
これを「すべてのフォルダに適用」で。これは過去これまでに触ってきたWinXPマシンすべてに実施している。


◆ 日本語変換の単語登録

やっとこの機能が活用できるようになった!日々の生産性を向上させる常套技ですね。
・「まいね」→「マイネット・ジャパン」
・「おせわ」→「お世話になっております。」
・「<あ」→「<a href=""></a>」
などなど。あとはほか珍しい姓名のひとのをいくつか。


◆ ディスプレイの色合いがちょっと青い

製品元来の仕様なのか、液晶表示がちょっと青みがかかっているのが気になった。もともと液晶がきれいなMacから乗り換えたので余計気になるのかも。
探したら「グラフィックプロパティ」で調整できるのを発見したので、好みに調整。青のコントラストを下げたらいい塩梅になりました。

20100126display.png

 

◆ ディスプレイ回転のショートカットキー

ctrl+alt+カーソルキーを押すと、ディスプレイ内の表示向きが上下左右に大回転する機能。おそらく機種固有の機能だと思うがHP以外にDellのノートPCでも見たことあります。このショートカットキー、何かの不意につい押してしまって、表示内容が大回転してしまってえらくビビることがあります。で、戻したら戻したで、各Windowの表示サイズがリセットされてしまったりして、えらく不都合。これも「グラフィックプロパティ」のなかで回転機能自体をoffにすることができたので、無効にしてしまえ。

 

 

ざっとこんなところでしょうか。なにかほかにマニアックな使い方があったら教えてくださいー。

 

2009年12月17日

SEO対策と検索エンジン技術の最新動向の話 @ユーザーローカルセミナー

ユーザーローカル社で昨日セミナーが行われたそうで、自分は参加できなかったんですがなかのひとのなかのひとたちがtwitterで実行中継してくれていて、赤松さんの話がとても興味深かったです。(ハッシュタグ #userlocal)(Ustream

興味ついでにちょっと発言をまとめてみました。

 

 

2009年11月30日

Google Analyticsが携帯サイト解析に対応!さっそく導入してみました。

Google Analyticsといえば広く普及しているアクセス解析ツールですが、JavaScript型のビーコンを使用しているため、JavaScriptに対応していない携帯電話向けサイトでは正しく解析ができない、というのがこれまでの通説でした。
が!
Analyticsを携帯電話でも利用できるようにする、とGoogleがアナウンスしたのが先月のできごと。まずはパイロット版として特定のパートナーだけの限定スタートとなっていましたが、気がついたら自分のアカウントでも利用できるようになっていました! さっそく自分のサイトに導入してみました。

導入方法がちょっとわかりづらかったので、以下手順を書いておきます。

 

 

まず、Google Analyticsにログインして、左上の「Analytics設定」をクリックします。

新しくプロファイルを追加する場合は、ページ下の「プロファイルの追加」へ、
既存のプロファイルで携帯サイト用のコードを取得したい場合は、「編集」へ進んで「ステータス確認」をクリックします。

するとこんな画面になります。


20091130ga.png

 

「アドバンス」タブをクリックして、「何をトラッキングしますか」のなかの「A site built for a mobile phone」をクリックします。
すると解析用コードの言語が、PHP、Perl、JSP、ASPXから選べます。

 

以下、PHPを選択した場合で話を進めますが、基本構成はどの言語でも同じようです。

解析を始めるには、3つの作業が必要になります。

1. 対象ページの <html> タグの手前にPHPコードを貼り付ける。

コードの内容を見ると、ビーコン用の画像ファイルのURLパラメタを作成しているだけで、 <html> タグの手前である必要はなさそうに見えますが、一番先頭に貼り付けるのがGoogle推奨です。

 

2. 対象ページの </body> タグの直前にPHPコードを貼り付ける。

この場所に1ピクセル×1ピクセルのビーコン画像が埋め込まれます。ビーコン画像自体は次の手順で配置する ga.php が出力しています。配置するディレクトリを変更したい場合は適宜パス指定の修正が必要になります。

 

3. サーバのルートディレクトリに ga.php を配置する。

管理画面内の「ga.php」をクリックするとソースコードファイルがダウンロードできます。これをサーバのルートディレクトリ直下におきます。たとえば解析対象サイトが http://example.jp/ であれば、 http://example.jp/ga.php にあたる場所におきます。場所を変更したい場合は手順2でパス指定を変更すれば対応できそうです。

【リバースプロキシ内部でwebサーバを運用している場合】
これはGoogle Analyticsに限った話ではないですが、リバースプロキシを置いたwebサーバ構成にしている場合は、 ga.php のなかで使われている $_SERVER["REMOTE_ADDR"] が正しく取得できない場合があります。この場合は $_SERVER["HTTP_X_FORWARDED_FOR"] を参照するようにすると解決できることがあります。

 

 

これで導入はおしまいです。

 

1日くらい待っていると、データが取得されてAnalytics管理画面で解析できるようになります。
以下、まだ日数が浅くてデータ数少ないですが、参考までにキャプチャをいくつかどうぞ。

 

20091130ga02.png

これは「ブラウザとOS」の画面。携帯電話のキャリア別に判別できています。ソフトバンクっぽいものがなくて代わりにNetFrontが多いですがこれはちょっと謎。また、PVとUUも個別に計測しているようで、平均PVや平均滞在時間なんかも表示されています。

 

20091130ga03.png

次にこれは「すべての参照元」。
ezwebやyahooのから検索流入も表示されています。これらの平均ページビューが1って悲しいですね。みんな直帰かよ。(;_;)

 

20091130ga04.png

検索キーワードもこのとおり。ちゃんと日本語にも対応しています。

 

20091130ga05.png

これはトップページの「ナビゲーション一覧」。どこのページから来て、どのページへ行ったか。携帯サイトでこんな分析までできちゃうって素敵。

 

 

ほか、まだ試していないですが、コンバージョンの設定や分析なんかもPCサイトと同様に利用できそうです。

 

ということで、アクセス解析の本命ともいえるGoogle Analyticsの携帯サイト対応版のレビューでした。セッションやリファラなどの解析にもバッチリ対応していて、これは相当便利そうです。

 

2009年11月27日

等身大パネル<現在>

不在時もこのとおり。

 

 

マイネット 上原仁 等身大パネル

 

 

<関連>

 

2009年11月12日

デザイン勉強会2ndいってきました。

こんにちは。このブログおろそか気味な最近でありますが、
きのうは久しぶりに外部の勉強会にいってきました。
まめこさん主催のデザイン勉強会2ndです。

 

ノンデザイナー向け、と銘打っていたせいか、参加者の面々がばらばらで多様。エンジニアが一大勢力のほかhtmlコーダーや発注側、いろんな業界のweb担当者などなど。
PhotoShopの操作デモを見ていると、自分の知らないショートカットキーを駆使していて新たな発見でした。
あとデザイナーさんそれぞれ、作業過程の思考プロセスがてんでばらばらなのが面白かったです。
本編はもとより、その後の懇親会も楽しゅうございました。

 

またもw百式飴をいただいたり
いいめものひとと話しこんだりとか
元グリムスのアイカワさんが、またなにやら新しいものを準備進めているだとか
先日某所でで話題を見かけた@barimiさんと初めてお会いしたり、
経営学部の女子大生とJavaScriptの話をしたり、
ヨーヨー世界チャンピオンの方に毎日どんな生活をしているかって話を聞いたり、
そんなかんじでした。

 

主催・運営のみなさま、ありがとうございました。

本編の内容が詳しくかかれてます。これは完璧すぎる。
「デザイン勉強会2nd」とってだしレポート - カイ士伝

 

2009年9月24日

駅名と市区町村

ちょっと所用で、駅名と市区町村の関係について調べてみました。
あまり地理マニアではないので間違ってるところがあるかもしれませんが。

 

  • 目黒駅は目黒区ではなく品川区にある。同様に品川駅は品川区ではなく港区。
  • 東京に「青山」という地名は、町名にも駅名にも存在しない。町名的には「北青山」か「南青山」。駅名的には「青山1丁目」。
  • 「麻布」も○麻布とか麻布○○町という町名はあるが「麻布」だけの町名はない。過去には麻布区という地名があった。
  • 千代田区に「神田○○町」という地名は26種類。
  • 「市役所前」という駅名は、日本全国に9個存在。おもに市電の駅。
  • 「県庁前」は7個。
  • 首都圏以外にも同名の駅があるもの。日本橋、京橋、八丁堀、新富町、三田、など。読み方が異なるものもありますね。

 

駅 - Wikipediaあたりを見始めるとあっという間に時間が過ぎますね。

2009年8月17日

携帯ウェブ開発についてのセミナーがありました。

気がついたら前回ブログ書いてから1ヶ月以上たってました。twitterに頻繁につぶやくようになってこっちが減った、と思いたいが、ドラクエ9に没頭していたからだ、といわれると発売日があまりにシンクロしていて(7月11日)われながら言い訳ができません。

 

さて。そんなこんなで紹介もできていませんでしたが、去る8月4日に、パソナテックさん主催で携帯サイト開発についてのセミナーを開催させていただきました。

Mobile Developer Night VOL.1
携帯ウェブ開発10の鉄則×3つの落とし穴

携帯サイトにまつわる現状や、携帯サイトを開発するうえで欠かせないノウハウについて、されどのひとと話をさせていただいています。あまり人前で話すのも不得手なので反省点ばかりですが、、、ご来場いただいたみなさまありがとうございました。

 

会の様子は、決断ポトフのそらのさんがUstreamで中継してくださっていて、永久保存版的にいまも閲覧できる状態で残されています。こりゃ相当恥ずかしいですねー!自分で見るのはあまりに耐えられなくて冒頭の1分しか見れていません。。。ああプレゼンもっとうまくなりたい。

 

それからlivedoorニュースでも、このときの様子が記事になって公開されています。

livedoor ニュース - 携帯ウェブ開発10の鉄則×3つの落とし穴【左脳をシゲキするエンジニア】

エンジニアブログ「あすなろブログ」やエンジニア支援の「てくらぼ」など、エンジニアのための派遣サービスを展開するパソナテックによる「Mobile Developers Night」の第1回が開催された。
第1回は、マイネット・ジャパン 開発リーダー 平島浩一郎氏とマーケティング部長 辻将也氏による「携帯ウェブ開発10の鉄則×3つの落とし穴」だ。

内容をさっと見るにはこちらの記事が便利と思います。

 

 

【関連】

2009年7月 9日

Google Coupon Feeds

GoogleのAPI一覧のページを眺めてたらこんなものを見つけました。なんだこれ?初めて聞いたぞ。

 

Google Coupon Feeds

Google Coupon Feeds では、Google の検索結果に企業のクーポンを一覧表示できます。クーポン フィードを使用すると、クーポンを無料でウェブ上で簡単に配布できます。エンドユーザーはクーポンを無料で検索し、印刷して使用できます。

 

ぐぐってみてもぜんぜん日本語の情報は出てこないようですね。2006年に米国でスタートした、という記事が見つかったくらい。
グーグルマップでサンフランシスコあたりを見てみたら、いくつかのお店でクーポンが利用できるものをみつけました。

 

20090709googlecoupon.png

 

日本のグーグルマップでは、すこし探してみた感じこのようなクーポン情報はなさそうですね。APIのドキュメントは日本語化されているけれど、国内のお店ではまだ展開されていないんですかね?

 


2009年7月 6日

そのホームページが携帯向けのサイトかどうかをhtml内部要素からスコア付けするアルゴリズム

モバイル特有のHTMLタグは有効なのか:マーケティング - CNET Japan

2001年にヤフーが出願した「ウェブ検索サービス技術」における特許文献にはモバイルサイトとしての適合性を判定する指標についての記述がある。この適合性ポイントが高ければ、検索エンジンはそのコンテンツをモバイルサイトとして認識し、モバイルサイト用の検索結果に表示させる。


特許情報はすべて特許庁のサイトで詳細に公開されています。ということで、公開されている特許情報の元情報を探して見てみました。「特開2002-259432」という文書番号のもののようですね。出願が2001年ということでいまのモバイル業界の歩みの速さからすると相当古い情報だし、実際に今どのような実装がなされているのかは分かりませんが、考え方として分かりやすくていいですね(特許権の侵害には気をつけましょう)。モバイルサイトっぽいかどうか、という観点でさまざまなポイントから加点・減点方式でポイント付けをする方式のようです。

 

以下個人的に気になったところを抜粋。

【0016】■iモード向けサイトに特有のタグ等:5ポイント 例えば、iモード向けWEBページでは、"&#"の後に所定範囲内の2バイトの数値を指定することにより絵文字を表現することができる。したがって、記号"&#"に続けて上記所定範囲内の数値を含むWEBページはiモード向けサイトであると判断できる。そこで、"&#[XXYY]"(XXYYは上記の2バイト数値)には、適合ポイントとして5ポイントを付与することとしている。同様に、タグ<A accesskey >、<A href="tel:~>、<INPUT ... istyle~>"はiモード向けサイトのみで用いられるため、これらについても5ポイントを付与することとしている。

【0017】■iモード向けサイト・パソコン向けサイトに共通に用いられるタグ等:1ポイント
タグ<A ~>(上記の<A accesskey ~>、<A href="tel:~>を除く)、<BASE~>、<BLOCKQUOTE>等は、パソコン向けサイトおよびiモード向けサイトに共通に用いられるタグである。すなわち、これらのタグを含んでいるからといってiモード向けサイトであるとはいえないが、少なくとも携帯電話機16での表示には全く問題がない。そこで、これらのタグには適合ポイントとして1ポイントを付与することとしている。

【0018】■iモード向けサイトに含まれることは有り得ないが、含まれていても携帯電話機での表示に支障がないタグ等:0ポイント
タグ<ADDRESS>、<BIG>、<CODE>等は、パソコン向けサイトにしか用いられないが、これらのタグが含まれていても、携帯電話機16での表示には特に支障はない。すなわち、携帯電話機16への適合性に関しては中立であるので、適合ポイントとして0ポイントを付与することとしている。

【0019】■携帯電話機での表示に悪影響を与えるおそれのあるタグ等:-1ポイント
例えば、タグ<CAPTION>や<TABLE>はテーブル表示に関して用いられるタグであり、携帯電話機16での表示を乱す可能性がある。このように携帯電話機16での表示に悪影響を与えるおそれのあるタグには、適合ポイントとして~1ポイントを付与することとしている。

【0020】■パソコンでの閲覧を前提としたタグ等であって携帯電話機での表示に悪影響を与えるおそれが大きいタグ等:-3ポイント
タグ<FIELDSET>、<LEGEND>はフィールドに関するタグであり、また、<LINK>はスタイルシートに関するタグであって、何れも、携帯電話機16での表示に携帯電話機での表示を乱してしまう可能性が大きい。このように携帯電話機16での表示に悪影響を与えるおそれの大きいタグには、適合ポイントとして-3ポイントを付与することとしている。

【0021】■携帯電話機での表示に重大な障害を与えることが確実なタグ等:-50ポイント
例えばタグ<APPLET>はJAVA(登録商標)アプレットを指定するためのタグであり、また、タグ<AREA>はクリッカブルマップを指定するためのタグである。これらのタグを含んだWEBページを携帯電話機16で表示しようとすると、レイアウトが大きく乱れる等の悪影響が出ることは確実である。また、WEBページにおいて用いられている文字コードがSJIS以外のコードであり、あるいは、WEBページのメディアタイプが"text/html"、"text/plain"、または"image/gif"以外である場合は、携帯電話機16では表示を行うことができない。このように、携帯電話機16での表示に重大な障害を与えることが確実なタグ等は、携帯電話機16への適合性が全くないので、適合ポイントとして-50ポイントを付与することとしている。なお、WEBページで用いられている文字コードは、WEBページデータを解析することにより検知される。また、メディアタイプは、ロボットエンジン部20がWEBページへアクセスした際に、そのWEBページへメディアタイプを問い合わせることにより取得される。

【0022】 ■データサイズが表示可能な上限値を超える場合:-50ポイント携帯電話機16で表示することが可能なWEBページのデータサイズには上限が定められており、WEBページのデータサイズがこの上限サイズ(例えば5kバイト)を超える場合には、携帯電話機16で閲覧することはできないと。そこで、WEBページデータのサイズが上記の上限サイズを超える場合には、適合ポイントとして-50ポイントを付与することとしている。

【0023】なお、図2のポイントテーブル22aに示すポイント設定は単なる一例であり、各適合ポイントが、携帯電話機16におけるWEBページ表示への適合度を反映するように、適宜定めればよい。


2009年6月24日

PHPで携帯サイトを開発するためのサンプルプログラム本が出ます!

タイトルですべてを言い切ってしまいましたが・・・、「PHP×携帯サイト 実践アプリケーション集」という本が発売になります!執筆したのは私をはじめマイネット・ジャパンのエンジニア陣になります。


PHP×携帯サイト 実践アプリケーション集: 株式会社マイネット・ジャパン, 平島 浩一郎, 伊藤 祐策, 中元 正也
↑できたばっかりのホヤホヤ!


この本は、携帯ブログ、画像投稿写真アルバム、位置情報利用、携帯SNS、といった携帯サイトでよくあるようなWebアプリケーションを、PHPで作るためのサンプルプログラム集になっています。それぞれソースコードが付録CDROMに完全収録されています。
掲載されているサンプルアプリケーションを通じて、文字コードの扱い、絵文字変換、ログイン認証、空メールの受信処理、画像の取り扱い、位置情報、といった携帯サイトならではの処理について、単にソースコードの解説にとどまらず、それぞれの予備知識や実際の運用例にも触れています。紹介しているソースコードは本書のサンプルアプリケーションに限らず他でも扱いやすいようなライブラリ設計になっていて、とくに絵文字処理については、表示、フォーム入力、メール、それぞれでキャリア互換できる変換ライブラリが収録されています。開発者のかたの創意工夫でいろいろ応用してもらえると幸いです。


マイネット・ジャパンでは、携帯サイト作成ASPのkaty(ケイティ)や、その利用店舗を集めた3キャリア公式サイトどこでも!ケイティ、最近はPCだけでなくモバイルも好調なユーザー参加型ニュースサイトnewsing(ニューシング)など、数々の携帯電話向けサイトを開発・運用しています。そのなかで培ってきた開発ノウハウをこの1冊に集結させました。


想定している対象は、PHPでのPC向けウェブサイトの開発経験が多少ある方、としています。PC向けサイトなら開発したことがあるけれど携帯サイトは未経験という方、あるいは携帯サイトをかじったことはあるけれどイマイチ苦手意識が抜けないような方にとって、この本がとてもお役に立てる1冊になるのではないかなと思います!よろしければどうぞ。

 

さらっと目次を紹介すると、こんなラインナップになってます。

  • Chapter 1. PHP携帯サイトへの誘い
  • Chapter 2. RSSニュース表示アプリ
  • Chapter 3. 簡易BBSアプリの開発
  • Chapter 4. 絵文字対応BBSの開発
  • Chapter 5. 携帯ブログの開発
  • Chapter 6. 写メールアルバムの開発
  • Chapter 7. 携帯電話にメールを送る
  • Chapter 8. GPSとWebサービスのマッシュアップ
  • Chapter 9. 携帯SNSアプリの作成

 

アマゾンではこちらから!
Amazon.co.jp: PHP×携帯サイト 実践アプリケーション集: 株式会社マイネット・ジャパン, 平島 浩一郎, 伊藤 祐策, 中元 正也: 本


about

平島浩一郎
株式会社マイネット・ジャパン



katy(ケイティ) - 携帯サイト作成無料CMS
newsing(ニューシング)
終電jp
まとめてブログ検索
あわせて読みたい

Powered by Movable Type
株式会社マイネット・ジャパン