« 2007年9月 | メイン | 2007年11月 »

2007年10月 アーカイブ

2007年10月31日

短いJavaScriptコードでテトリス

newsing(ニューシング)経由で知ったネタですが、初代スーパーマリオブラザースは、容量が40KBしかなかった、というお話。

 

往年の名作「スーパーマリオブラザーズ」、あの濃い内容でわずか40キロバイト - newsing(ニューシング)
■元ネタ:痛いニュース(ノ∀`):往年の名作「スーパーマリオブラザーズ」、あの濃い内容でわずか40キロバイト
■さらに元ネタ:ITmedia +D Games:レトロゲーム・アワード受賞! 「スーパーマリオブラザーズ」

これだけ濃い内容なのに、データ容量はわずか320キロビット、つまり40キロバイトということに驚く。今の携帯電話のゲームだって、短いものでも150キロバイトくらいはある。

 

ジブンもかつて一時期、ソースファイルの容量や、コンパイル後のバイナリファイルの容量をできる限り削ることに情熱を燃やしてたことがあったなー、と若い頃を回想。
はい、「痛いニュース」でいろいろ言われてますが、たしかにファイルサイズ容量とコンテンツの面白さはまったく関係がなくて、容量を削ろうとするモチベーションは、ハードウェア的な制約か、開発者の偏った情熱(?)か、どちらかがあって初めて成り立つもののような気がします。

 

で。
「痛いニュース」のなかで紹介されていた、JavaScriptの短いコードでテトリスが動く、というのが「へーー!」でした。
コードはこれだけ。コード容量は1KB以下。

<body onKeyDown=K=event.keyCode><script>X=[Z=[B=A=12]];h=e=K=t=P=0;function Y()
{C=[d=K-38];c=0;for(i=4;i--*K;K-13?c+=!Z[h+p+d]:c-=!Z[h+(C[i]=p*A-Math.round(p/
A)*145)])p=B[i];!t|c+4?c-4?0:h+=d:B=C;for(f=K=i=0;i<4;f+=Z[A+p])X[p=h+B[i++]]=1
if(e=!e){if(f|B){for(l=228;i--;)Z[h+B[i]]=k=1;for(B=[[-7,-20,6,17,-9,3,6][t=++t
%7]-4,0,1,t-6?-A:-1];l--;h=5)if(l%A)l-=l%A*!Z[l];else for(P+=k++,j=l+=A;--j>A;)
Z[j]=Z[j-A]}h+=A}for(i=S="";i<240;X[i]=Z[i]|=++i%A<2|i>228)i%A?0:S+="<br>",S+=X
[i]?"■":"_";document.body.innerHTML=S+P;Z[5]||setTimeout(Y,99-P)}Y()</script>

これが、こんなかんじで動きます。これはすごいっすねー。



カーソル左右で移動
enterキーで回転

 

2007年10月30日

スウェーデンからのハガキ

めずらしく海外からのハガキが届きました。発送元はスウェーデン。

 

20071029parallels.jpg

 

なにかと思ったら、以前購入した Parallels 英語版の、UPGRADEのお知らせでした。

 

なんでも、
・たった $50 で最新版 3.0 へアップグレードできるぜ
・しかも今なら iTunes ギフトカード $10 がついてくるぜ
らしいです。

現状で満足してるので僕は要りません。


(バージョン3.0での新たな機能はこちらなどで。)

2007年10月26日

RSS配信の仕様変更とRSS広告

アメブロのRSS仕様変更がらみで、一部でプチ炎上しているようですが、それはさておき。
(ニッパウさんは、ちょうど先日初めてお会いしたばかりのところだったので応援しております。)

 

前回のアメブロRSSさわぎのときもそうだったけど、ブログサービスのRSS配信システム側で仕様変更なりトラブルなりが発生した場合の話。
こういうとき、RSSリーダーに登録していて、でもずっと更新されていないブログたちが、RSS仕様変更の前後でいっせいに「新しい記事が投稿されました」って検出されてしまうわけで。
前向きな感想としては、「そういえばこんなブログも読んでたんだったな」と思い出すいい機会になりました。

 

一方、これって見方を変えれば、RSS広告のあたらしい手法になるんじゃないですかね。

 

RSSリーダーの新着検知アルゴリズムを逆手にとって、「新しい記事」とみせかけて広告urlをクリックさせるような使い方。
RSS広告ってーと、記事のdescription中に広告紛れ込ませたり、1エントリー丸ごと広告のitemを紛れ込ませたり、ってパターンがこれまで主流かと思いますが。

 

ちょうどこないだ、まとめてブログ検索のアクセスログをぼーっと見ていたら、検索結果RSSをリーダーに登録して使ってくれているかたが思ったより多いようなので、その気になれば自分もそういうことが実践できなくはないなあ、とかそんなことを考えたりしていました。
#たぶん実行には移さないです。。

 


2007年10月24日

katy(ケイティ)に新機能「しっかりページ作成ナビ」登場!

先週の話になりますが、マイネット・ジャパンで提供している携帯サイト作成無料サービスkaty(ケイティ)に、新たに「しっかりページ作成ナビ」機能をリリースしました!

 

HTMLを知らなくても、ウィザード型の入力画面にしたがって項目を入力していくと、お店の携帯サイトがとてもカンタンに作れてしまう!というものです。
以前からも同様の機能を提供していましたが、今回はハイクオリティ版ということで、3G携帯に特化したデザインリッチなテンプレートを多数用意しています。

 

今回も例のごとく、ジブンも開発にあたっていました。
今回こだわったのは、画像素材の扱い。クオリティの高い写真をちりばめると、サイトの印象が「ぐっ」と変わります。そのため、多くの写真画像を選んで配置しやすくして、より「おおっ」と思われるような携帯サイトができあがるような設計にしています。
裏側では、入力画面でJavaScriptを多用していて、最終動作確認で相当難航しました・・・が、苦労した分、使いやすいものができたかな、というかんじです。

 

くわしくは、こちら↓もご覧ください!

ワンランク上の携帯サイトの作り方|携帯サイト作成ツール katy(ケイティ)

 

katy(ケイティ)は、基本機能は無料で提供しています。
興味をもたれましたらぜひお気軽にお試しください。

携帯サイト作成無料ツール-katy(ケイティ)-

 

2007年10月23日

松崎しげるブログパーツ

こんなネタになってしまう松崎しげるはスゴい。ズルい。

【第一弾】

マウスカーソルで 頭を触ると→更に日焼けして・・ おでこを触ると→日焼け前です 鼻を触ると→夜、遭うとこんな感じ 口を触ると→ファニー!

 

 

【第二弾】

クリックすると、「しげる」「こげる」・・・と変化してゆきます。最後まで松崎しげるの変化を楽しんで下さい!

 

2007年10月19日

Macの調子が悪いときはPRAMクリア

作業中に前触れもなくMacの調子が悪くなって、マシン再起動しようとしたら再起動すらできなくなってしまいました。電源入れるとグレーで中央でくるくるがまわってる画面は表示されるんだけど、そこから先へ進まない。起動できない。

 

そんなときは、PRAMクリア(ピーラムクリア)すると復活できるケースがあります。

 

PRAMクリアのやり方は、電源を入れてすぐ、opt+cmd+P+Rの4つのキーを同時に押し続ける。すると「ぼーーん」っていういつもの起動音がなります(いつもより大き目の音量で)。この起動音が3回鳴るまで、ずっと4つのキーを押しっぱなしに。3回なったらキーを放してよいです。

これをやると復活できてしまうことが多い。です。困ったときにはお試しあれ。

 

昔っからmac使ってる人は常識なことだと思いますが、最近のハヤリに乗ってmacbook使い始めたような人は案外知らない人が多いのでは? ということで書いてみました。

2007年10月12日

携帯htmlでハマった。

これって常識?ぐぐっても事例見つからなかったんだけどさ。

 

htmlでフォームを作るときに、

<form method="post" action="">

というように、action属性を空にして記述すると、submitしたときに今とおなじurlへpostしなおします。ふつうのブラウザは。

 

でもドコモmova機種はこの書き方だとダメなようで、action属性が空だとsubmitボタンを押そうとしても次の画面へ移らない、という挙動になるようです。

<form method="post" action="hoge.php">

などのようにaction属性になにか記述すれば回避できました。

Google Adsenseのモバイル版が開始

http://adsense-ja.blogspot.com/2007/10/adsense.html

 

ということでさっそく、趣味で作っている「ちずったー」の携帯サイトに導入してみました。
どんな仕様なのか探りながら、作業してて思ったことメモ。

 

  • PC版と違ってJavaScriptは使えないので、perl/php/asp/jspのサーバサイド言語での埋め込みになる。
  • 元ページのhtml形式をchtmlとかxhtmlとかから選ぶ。これは携帯版sitemap.xmlの仕様とおんなじですね。
  • 埋め込んだページは、携帯に限らずPCブラウザでアクセスしてもちゃんと表示される。
  • PC版みたく背景色等の色指定ができるが、これが有効なのはxhtmlのときのみ。
  • 元ページの文字コードを、直接指定または自動検出から選ぶ。自動検出は、携帯機種によってたまに文字化けすることがあるようです。
  • 導入した直後は広告が表示されないことがある。広告が掲出されるはずのスペースはトルツメされるので、デザインレイアウト的に崩れることも。
  • たまに英語版の広告も表示される。英語版の中にはphonetoのものも混じっている模様。電話番号の桁数ちがうから日本からは掛けらんないじゃん。
  • コンテンツマッチはわりとうまく機能している模様。広告インベントリーはどのくらいあるんでしょう。
  • 自分で広告クリックした場合の不正検出ってどうやってるんでしょうね。広告掲出作業をするPC端末と、自分でつくった携帯サイトへアクセスする携帯電話端末とのひも付けはされていないので、自分でクリックしても不正検出できないのでは?

 

2007年10月11日

業界界隈の方々と、

昨夜は、ネット界隈のかたがたとの、突発的で男くさい呑み会に参加させていただきました。

なんつーか濃い時間でした。みんな世間のブログ見すぎ。初対面の方も多いながら、会話の密度が濃ゆすぎです。。(皆様ありがとうございました。)

 

ちなみに、こちらにbuzzurlの中の人と取っ組み合ってる写真が載っていたりしますが、、
http://blog.mynet.co.jp/tsuji/2007/10/post_21.html

これはもちろんヤラセです。
実際はこんなかんじの友好ムードです。(^^
http://onnoriki-blog.cocolog-nifty.com/blog/2007/10/post_f654.html

 

2007年10月 9日

IPAフォント 配布開始

先週のニュースですが、

高品位日本語フォント「IPAフォント」の一般利用者向け無償配布を開始 - 報処理推進機構

独立行政法人 情報処理推進機構(略称:IPA、理事長:藤原 武平太)は、環境を問わない共通の日本語基盤として、誰でも無償で自由に利用できるフォント「IPAフォント(アイピーエー フォント)の一般利用者への配布を2007年10月1日より開始しました。

 

だ、そうです。

 

フォントのライセンスは意外とシバリがいろいろあって、サーバに積んだフォントを使って、画像化したりロゴ作ったりするとフォントのライセンス違反になるケースがちらほら。
某脳内メーカーのような○○ジェネレータのたぐいもきわどいですね。はてなセリフでMSゴシックとかのメジャーどころが使えないのもたぶん同じ理由のはず。

そういったケースで、安心して使っていいですよー、というのが今回のIPAフォントの趣旨でしょう。
フォントデザインとしてはいたって平凡な感じですが、ライセンスの心配をしなくていい、というのはありがたいですね。

 

2007年10月 6日

「ウェブサービスインタフェース勉強会」に行ってきた。

百式さん主催の「ウェブサービスインタフェース勉強会」に参加してきました。

ユーザビリティコンサルティングのビービットさんの社内会議室にて。
いいかんじに脱力したゆるい雰囲気。30名ほどの参加者。妙に女性比率が高め。

 

3部構成の第1部は、海外のSNSサイトに見るこじゃれたインタフェースの紹介。

  • Gmailのコンタクトリストをインポートして、シームレス&一斉に招待状を送れる機能。

  • プロフィールの入力欄を入力率○○%ってゲージで表示して、100%入力させようと訴求するUI。

  • サムネイル画像のトリミング位置を、GoogleMapみたいなdorag&dropで調整できる。

などなどいくつか紹介されました。

いちばん目を引いたのは、badoo.comに実装されている、画像アップロードするときのインタフェース。ファイル選択ダイアログで、ctrlキー押しながら複数ファイルを選択すると、一括でアップロードできてしまうやつ。こんなの初めて見ました。

懇親会でこの話をしてたら、自分のようなプログラマーな人は「どうやって作るんだろう・・?」って考える一方、デザイナーな人は「アップロードボタンのアイコンがどっかの素材集で見た気がする」って感想持ったそうです。おなじものを見ても、感じるところがこんなにちがうんですねえ。

 

 
第2部は、ビービットの土井さんによる、インターフェースの改善事例。
細かいところへの気配りの積み重ね。細部に神は宿る。

会員登録フォームで、フォーム設計を改善することでコンバージョン10%アップしたってのはすごいなー。
ジブンがいま実際にあたっている仕事に直結しまくり。もっと細部にこだわる余地ありまくりだなー、と目ウロコな話ばかりでした。

 

 

最後は全員ブレスト会議。
SNS招待機能にあたらしい機能を考えよう、というお題。
自分のアイデアは、顔チェキとか脳内メーカーとかの爆発的な普及力を、うまくSNS友人招待に結びつけられないかなー、と考えたものでした。
優秀アイデアの、「目がうるうるされると断れない」とか「土下座」とかもいいですねー。


 

 

終わったあとは懇親会。
同じ年代の人が多くてとても話が弾みました。お会いできた方、ありがとうございました!


田口さん、開催ありがとうございました。今回は初の取り組みだそうですが、すごく充実してたのでぜひ今後も定期開催を楽しみにしてます!

 

(追記)ほかの参加者のブログ


2007年10月 3日

CEATEC JAPAN 2007へ行ってきた。感想。

今週幕張メッセで開催されているCEATEC JAPAN 2007へ行ってきました。

 

20071003ceatec01.jpg

 

広大なエリアに数多くのものが展示されて、とてもすべて見切れませんでしたが、気になったものをメモメモ。

SONY

20071003ceatec02yuuki_el.jpg

有機ELテレビ。会場には大画面TVも並んでいる中で、こちらはノートパソコン程度の大きさのディスプレイ。色の発色はたしかにキレイ。

あと、話題のRollyも出展。おねーさんが使い方を説明してくれるわけですが、「次の曲を聴く」「ボリュームを上げる」なんて基本的な操作から説明しないと始まらないこの製品。遊びなんだかわかりづらいんだか、実物を見てもやはり判断が難しい。。

 

SHARP

20071003ceatec05tv.jpg

超薄型大画面液晶。この写真の角度だとわかりづらいですが、横幅1mくらいあるのに厚さは3cm。たしかに激薄。

 

KDDI

au design projectの新作 INFOBAR2 のディスプレイに多くの人だかり。 個人的には先週始まったばかりのau oneも期待していたんですが、こちらのエリアはそれほど賑わってはおらず。雰囲気的に、「gmailとも連携する新しいもの!」というよりも「既存のdionを焼きなおしたもの」って程度の位置づけなのかな、なんてなんとなく思ったり。

 

DoCoMo

コンシューマー寄りで華やかさのあったKDDIブースとは一転、ドコモブースは技術研究の発表コーナーばかりの硬派な印象。 いろいろ展示されていましたが、個人的に目に留まったのは、

●ユーザーの行動履歴情報からマイニングして、スケジュール帳画面に「お店を予約」「近所の天気」とかの行動支援をレコメンド表示する研究。

→ 他の企業ブースでも、行動支援とか行動ターゲティングの紹介がありました。流行ってるんですかね。今後はよりレコメンドの精度向上に向かっていくのかなー。大学とかでの研究ネタとしてはとても面白がられそうだけど、実際にサービス展開するフェーズでは、めっちゃ大企業の思惑とか政治とかが介入してきそうが気がします。あまりこの分野詳しくないので素人の目ですが。

●携帯電話のキートップに「電子ペーパー」を組み込み

→ そうすることで、たとえば入力モードが日本語か英語かによってキートップの表示を「あいうえお」「ABC」に切り替えできる、というもの。なるほど、これは初めてデバイス触るような人には優しそうですな。

 

マイクロソフト

Windows MobileやWindows LiveやOfficeシリーズなどの展示。いまいち目新しさはなかったか。「アンケートに答えたら抽選でXBOXが当たります!」に多くの人が挑戦してた。

 

工人舎

私事ですがちょっと前に工人舎のミニPCを買って、そのとき初めて工人舎の名前を知ったんですが、今回けっこう大きめにブース出展してました。たしかにあの小ささながらあの価格で提供できるのは技術的にも誇れるものがあると思う。今後もっと注目浴びていきそうですね。 20071003ceatec04koujinsha.jpg

 

 

Yahoo! Japan 井上社長の講演

それから、Yahoo!Japan井上社長の講演を聴きました。 20071003ceatec03yahoo.jpg

ここ最近、Yahoo!は「オープン化」を声高に叫んでいて、昨日newsingもしれっとYahoo!ID連携をスタートさせたりなど、他社のいろんなwebサービスでも「Y!IDでログインできるようになりました」ニュースを最近耳にしまくりです。
朝日・日経・読売による新聞社連合ANYを迎え撃つ立場としてFACTA編集長のインタビューに答える内容も、その「オープン化」の戦略どおりと考えます。


そんな最近のニュースに関連してかしないでか、今回はCEATECでの講演ということで、家電メーカーへその「オープン化」を呼びかける内容。
SONYなどの大画面ネットTVや日産のカーナビなどとY!ポータルとを連携させる事例を紹介しつつ、さらなる賛同者を呼びかける。ネット家電のポータル奪取の争いは、これまでもいろんな企業があれこれ参入していて激戦区な感じですが、さらにそこへ名乗りを上げるように聞こえます。

講演中にデモがあって、「Yahoo!トップページを、大画面TV向けに見た目をデザインしなおした試作」が紹介された。朝の情報番組をモチーフにして、アナウンサーキャラがY!トップニュースを自動読み上げして、画面上部に天気予報なんかも表示させるもの。あれはなかなかおもろい。思わず連想したのはニコニコ動画。あれで使われてるような、みんなのコメントを横に流してみせるインタフェースを、自動音声読み上げにしたらまた別のおもしろさが生まれるだろうなーともやもや。

#話はそれるが、カーナビとかで使われているような自動音声読み上げ技術って、何気にクオリティ高いよね。最近やたらと初音ミクが流行っているけれど、あんな電子音まがいの声なんかより何10倍もクオリティ高いと思います。


個人的な感想としては、「webだけに閉じこもってちゃダメだなー」と痛感したこと。日本人の平均web使用時間は1日あたり40分だけらしいんですが、毎日12時間くらいPCの前にいる自分がいかに特殊な人なのかと思いなおすわけで。webの中だけで閉じた「なんか面白そうなweサービス」ではなくて、もっと毎日の生活の中で必要とされるようなサービスを提供していきたいー、と思い直しました。


 

 

そんなこんなで、書き出したら長くなってしまいました。
ITmediaなどにも、このブログよりもはるかに詳しいレポート記事が上がってますのでよろしければどうぞ。

 

2007年10月 2日

怪しい爆撃クローラ

なんかwebサーバが重い。
と思ったら、節操ないクローラが爆撃しに来ていました。

 

毎秒10回程度の頻度で、おなじurlにアクセスを繰り返していて、UAは Googlebot なんだが、よく見てみたらIPがいつもとちがう!

 

ua

"Mozilla/5.0 (compatible; Googlebot/2.1; +http://www.google.com/bot.html)"

IP

66.90.104.185

 

IPから調べてみたら、シカゴのよく知らない団体のものらしい。Googleを騙った偽クローラの模様。
とりあえず迷惑なのでIP指定でアクセス禁止の刑。
そしたら数秒でアクセスして来なくなりました。

 


about

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



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

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

About 2007年10月

2007年10月にブログ「treasuring misc.」に投稿されたすべてのエントリです。新しい順に並んでいます。

前のアーカイブは2007年9月です。

次のアーカイブは2007年11月です。