読者です 読者をやめる 読者になる 読者になる

ワラワラフォトの種明かし

Baidu.jp不自然言語処理コンテストの表彰式が終わったので、ワラワラフォトの種明かしをします。 実はワラワラフォトでやっているのは、「w」と「twitpic」をTwitterの日本語検索に投げているだけなのです。 言葉にならない気持ちを言葉にする Baiduの言う不…

ぼんやり見ているだけで旬なネタ画像が降ってくる…かも?

ワラワラフォト、というサービスを公開しました。 ただぼんやりと見ているだけで、旬でステキなネタ画像やかわいいぬこが降ってくる…かもしれません。 また、画像をネタにつぶやいて友人と楽しい時間を共有することもできます。 虫眼鏡のアイコンやサムネイ…

Googleの根本的なミッションとは?

AppleやMicrosoftと異なり、少なくとも開発者からはGoogleはあまり敵視されていません。それはなぜなのか? 開発者のような一定以上の知識を有している人間にとっては納得せざるをえないレベルの課題を提示し、着実に答えを積み重ねているというのが大きいの…

Google APP Engineで複数のプロパティにまたがる範囲検索

理由は解りませんが、残念ながらデプロイ環境では動作しないようです。 Google APP Engineでは、従来のシステムのRDBMSに相当する(実際はKVSですが)データストアをデータの保存、検索に使用します。 このデータストアにはいくつかの制限があるのですが、その…

非公式RTでお気に入りのUSTREAMのライブをお勧めできるようにしました

「ライブ」をTwitter上でサポートするbotに新機能を搭載しました。 非公式RTでお気に入りのチャンネルをお勧めできるように 一言添えて非公式RTすると、その一言を中継してくれます。USTREAMチャンネルのURLさえ残っていれば、他はカットしても反応してくれ…

USTREAMのライブ情報を流すbotを公開しました

livernal.netのバージョンアップ計画の一環なのですが「ライブ」をTwitter上でサポートするbotを作ってみました。 現在はUSTREAM専用で、以下の機能があります。 日本語(と判断される)ライブがスタートしたのを検知して流す 盛り上がっているライブを見つけ…

Twitter APIでホワイトリストを申請するときのコツ

TwitterではAPI制限があり、一時間に150までにアクセスが制限されています。それを解除してくれるのがホワイトリスト申請です。 livernal.netの次期バージョンの関係でTwitterにホワイトリスト申請したのですが、そのさいのやり取りからちょっとしたコツみた…

JavaScriptだけでレコメンドシステムを作ってみた

Follow NowというTwitterのリアルタイムフォロワー推薦ツールを公開しました。 このツール、サーバーサイド処理はこちらでは一切作っていません。HTML+JavaScript+CSSにWebAPIを組み合わせただけなのです。 Follow Nowの仕組み WebAPIとJavaScriptだけでどう…

Google APP Engineでできることできないこと

実際にエントリーを書いてみて解ったのですが、Google APP Engineはかなり巨大になっていて、すべてを網羅しつつ技術的に詳細を解説しようとすると相当な分量になります。逆に言うと、やりたいことができるかどうかを調べるだけで相当な手間がかかるでしょう…

Google APP Engine Python入門(2010年2月版)

Google APP Engineについては初期のころのまとめはあるのですが、Pythonですとリリースからそろそろ2年近くになり内容も大きく様変わりしています。最速マスターシリーズでもGoogle APP Engineについてのまとめが無く、そろそろアップデートの必要があると思…

JavaScript基本概念最速マスター

プログラミング言語の文法をまとめた最速基礎文法マスターが流行っていますが、それだけだと物足りないので少し視点を変えてJavaScriptという言語の基礎となっている概念について簡単にまとめてみようと思います。(基礎文法についてはこちらを参照してくださ…

お手軽に付箋を作るjQueryプラグインjQuery Sticky Notes Plugin

少し前に、AjaxとjQueryで付箋を作るセットが話題になりましたが、これのjQueryプラグイン版といえるものがjQuery Sticky Notes Pluginです。 Ajax機能や、サーバーサイドスクリプトはセットにありませんが、そのかわり付箋の直接編集が可能ですし、オプショ…

Canvas要素のアニメーションライブラリcakejs

HTMLで規定されている、2次元画像用の要素Canvasで簡単にアニメーションできるライブラリがcakejsです。 なぜか日本では紹介されていませんが、2008年ごろからリリースされている歴史のあるライブラリで複雑な図形やそれを使ったアニメーションを簡単に書く…

Google Mapをぐるぐる回すサンプルを作ってみました

CSS3のtranceformを利用してJSとCSSのみでGoogle Mapをぐるぐる回すサンプルを作ってみました。PCでは、Firefox 3.1以上、Safari 3.1以上、Google chromeで動作します。 また、HTML5のgeoloiocationに対応していてiPhone3GSでアクセスすると公式のGoogleMaps…

FirebugでのjQueryのデバッグを支援するプラグイン JQuery Lint

定番開発ツールであるFirebugにおけるjQueryを使った開発において、JavaScriptいでは発見しづらい引数ミスなどの問題のある使い方のチェックやエラーの詳細を報告してくれるプラグインがjQuery Lintです。 レベルは3つまであり(jQuery.LINT.levelで設定)、3…

jQueryでMacのドック風のメニューを作るチュートリアル

MacのDoc風に、マウスオーバーでアイコンがドロップダウンするメニューの作り方のチュートリアルです。 コード自体もシンプルにすむのは、さすがにjQueryですね。

Rubyライクな文法でJavaScriptを記述できるCoffeeScript

Rubistな方には朗報、なのでしょうか? Rubyライクな文法でシンプルにJavaScriptを記述することができるCoffeeScriptが公開されています。 コンパイラはRubyで記述されていて、コマンドラインオプションによって簡単なデバッグ支援がされています。また、変…

 jQueryのセレクタをエスケープしてくれるプラグイン「jQuery escape」

jQueryのセレクタは便利なのですが、「.」などが含まれるために「特定のURLを含むリンクをどうにかしたい」などという時には不便です。そういうときに、ちょこっとエスケープしてくれる便利なプラグインがjQuery escapeです。 例えば、http://test.example.c…

コミュニティが財産となる時代へ「コカ・コーラパークが挑戦する エコシステムマーケティング」

コカ・コーラパークが挑戦する エコシステムマーケティング作者: 江端浩人,本荘修二出版社/メーカー: ファーストプレス発売日: 2009/11/12メディア: 単行本(ソフトカバー)購入: 4人 クリック: 35回この商品を含むブログ (2件) を見る SNSやマイクロブログ…

Ruby EventMachineでWeb Socketsサーバーを実装するチュートリアル

HTML5 APIの一つであるWebSocketがGoogleChromeの開発版で初めて実装されました。 Javascriptのみでサーバープッシュ通信を可能にするWebSocketsのサーバーサイド側ライブラリとしてはPython製のpywebsocketが有名ですが(サンプル)、RubyのEventMachineとい…

MySQL製のチェスボード

あまり知られていないのですが、utf-8にはいくつか絵文字があります。それを利用して、MySQLのテーブルをチェス版のようにした人がいました。 最終的にはこんなのが表示されるそうです +---+------+------+------+------+------+------+------+------+ | x |…

jQueryベースのJavaScript用MVCフレームワークcorMVCのチュートリアル

jQueryをベースとしたいわゆるMVCフレームワークであるcorMvcのチュートリアルが公開されています。 corMVCはまだリリースしたてでドキュメントなどがない状態なのでありがたいですね。 ルーティングなどはかなり見慣れた形式で、なかなか使いやすそうです。…

イベント管理を手助けしてくれるjQueryプラグイン behavior

以前、JavaScriptとクロージャとデザインパターンというエントリーを書きましたが、この中で行ったのとほぼ同じことをjQueryプラグインとしてまとめたものがありました。 jQuery.behaviorというエレメントに対してオブジェクトを結びつけてくれるプラグイン…

Gmailチームが明かすHTMLアプリケーション起動の高速化テクニック

などという煽り気味なタイトルをついつけてしまいたくなる記事がGoogleCodeBlogに掲載されていました。 最初のほうはごく普通にJavaScriptを使ったRIAアプリケーションはどうしても起動が遅くなるため、それをどう減らすか、というテーマにそって書かれてい…

プライバシー団体がFaceBookのプライバシー設定についてFTCに申し立て

もう少ししたら日本でも報道されるかもしれませんが、12月9日にFaceBookが行った新しいプライバシー公開設定をめぐる問題で、電子プライバシー情報センター(Electronic Privacy Information Center:EPIC)というプライバシー擁護団体がFTCに申し立てを行っ…

script.aculo.usのUIライブラリscripty2のβ版プレビュー

Ruby on Railsに同梱されていることで知られるscript.aculo.usのUIライブラリ、scripty2のベータ版がgithubで公開されています。 作者のエントリーによると ノキア携帯のマルチタッチのサポート キーボードイベントのサポート jQueryUIのテーマ作成ツールへ…

JavaScript+HTML5でテキストの読み上げ(ただし非公式api使用)

HTML5のAudio要素とJSの組み合わせで英語のテキストの読み上げを試している人がいました。 面白いのはいいのですが難点もありまして MP3はGoogle Trancerateの動作をfirebugで覗いて、URLの法則性を解析して入手している Audio要素によるMP3に対応しているブ…

PHPでメタプログラミング 可変なお話

PHP

PHPはWeb特化言語という特性上他の言語では見られない強力な仕組みがあります。その特徴は他の言語では参照で取り回すところを文字列で取り回すところである、と言えるでしょう。 参照そのものを取り回す仕組みは便利なことも多いのですが、現在Webサイト周…

CSS3関連の日本語記事のまとめ

diggに33 Must Read CSS3 Tips, Tricks, Tutorial Sites and Articlesというエントリーが上がっています。これはCSS3に関するリソースのまとめですが、当然英語のみです。 そこで、いい機会なので日本語リソースをまとめてみました。 変形・アニメーション関…

Akamai勉強会@Yahoo!JAPANに参加してきました

え×ぺ主催で、以前からどうしても行きたかったAkamaiの勉強会に行ってきました。二本立てで、一つはAkamaiさん、もうひとつはYahooの実例でした。 インターネットのトラフィックの2割を支え、Googleさんもご推奨、某国政府も全面的に依存しているAkamaiはや…

流行語大賞のサイト構築事例

提案から終了まで一週間 一つのSmallインスタンス Windows2003さーバー いちばん簡単な使い方 リリースでは数万倍となってましたが、実際は200倍です アクセスは非常にピーキーだか、安価に対応可能 困った点 S3のACLが上位の設定を引き継がない よかった点 …

Amazon EC2を実際にビジネスレベルで利用してみて

モニターからの分析が仕事 システム運用費用が1億くらい セキュリティ面、レイテンシ等に不安あり 問題の切り分けが困難 セキュリティ SecurityGroupに加え独自のセキュリティ対策を施す ルールを確立 セキュリティは意外と堅牢 AMIのコピーは意外と早い UI…

heroku

Ruby On Railsのホストサービス google app engineライクなサービス メッシュからDynoという単位を通じてPosgresにアクセス 抽象化されていて細かいことを気にする必要がない RailsによらずRackやシナトラなども 5メガバイトまで無料 アドオンでAmazonRDSに…

けんてーごっこ(クイズ投稿サイト)の事例(五十嵐さん)

サイトがテレビに紹介されて、その結果起きたスパイクに対応した事例 以前に経験ある→リベンジ! 紹介される予定だった 放送二日前になってようやく対応(^^;) インスタンスを200第申請→20台 AMIとファイルをコピーして二時間ていど 実際には放送はされなかっ…

Amazon EC2を活用したASP構築事例

SI屋がどうやって生き残るか? 本の宣伝に来ました! 設計/運用といった部分もフォーカスを当てています 社内SNSをsaas化して公開した事例 レイテンシについて どうしても海外からなので遅い コンテンツ配信サーバーを国内に設置 ストレージはEBSがお勧め シス…

ウェブポの事例紹介

年賀状をテンプレートから選んでSNS上のフレンドに送れるサービス 年末に集中する負荷にスケールに対応 バックエンドはPostgreSQL

Tokyo Cloud Developers Meetupに参加してきました

リクルートのメディアテクノロジーラボに開催されたTokyo Cloud Developers Meetupに参加してきました。 今回のテーマはAmazon Web Services。残念ながらAmazonのエヴァンジェリストの講演は危機のが増したが、それを差し引いてもかなりの濃いイベントでした…

流行語大賞のサイト構築事例

提案から終了まで一週間 一つのSmallインスタンス Windows2003さーバー いちばん簡単な使い方 リリースでは数万倍となってましたが、実際は200倍です アクセスは非常にピーキーだか、安価に対応可能 困った点 S3のACLが上位の設定を引き継がない よかった点 …

Amazon EC2を実際にビジネスレベルで利用してみて

モニターからの分析が仕事 システム運用費用が1億くらい セキュリティ面、レイテンシ等に不安あり 問題の切り分けが困難 セキュリティ SecurityGroupに加え独自のセキュリティ対策を施す ルールを確立 セキュリティは意外と堅牢 AMIのコピーは意外と早い UI…

heroku

Ruby On Railsのホストサービス google app engineライクなサービス メッシュからDynoという単位を通じてPosgresにアクセス 抽象化されていて細かいことを気にする必要がない RailsによらずRackやシナトラなども 5メガバイトまで無料 アドオンでAmazonRDSに…

けんてーごっこ(クイズ投稿サイト)の事例(五十嵐さん)

サイトがテレビに紹介されて、その結果起きたスパイクに対応した事例 以前に経験ある→リベンジ! 紹介される予定だった 放送二日前になってようやく対応(^^;) インスタンスを200第申請→20台 AMIとファイルをコピーして二時間ていど 実際には放送はされなかっ…

Amazon EC2を活用したASP構築事例

SI屋がどうやって生き残るか? 本の宣伝に来ました! 設計/運用といった部分もフォーカスを当てています 社内SNSをsaas化して公開した事例 レイテンシについて どうしても海外からなので遅い コンテンツ配信サーバーを国内に設置 ストレージはEBSがお勧め シス…

ウェブポの事例紹介

年賀状をテンプレートから選んでSNS上のフレンドに送れるサービス 年末に集中する負荷にスケールに対応 バックエンドはPostgreSQL

Tokyo Cloud Developers Meetupに参加してきました

リクルートのメディアテクノロジーラボに開催されたTokyo Cloud Developers Meetupに参加してきました。 今回のテーマはAmazon Web Services。残念ながらAmazonのエヴァンジェリストの講演は危機のが増したが、それを差し引いてもかなりの濃いイベントでした…

JavaScriptでJPEGをエンコーディング

Ajaxianより。JavaScriptでJPEGエンコーディングを試してみた人がいました。JavaScriptは基本的にインタプリタなのに関わらず、コンパイラであるActionScriptと比べてそれほど遅くない結果になっています。 方法は Canvasタグ(参考)をHTMLに作ってそこにJPEG…

英語版Googleの検索結果にTwitterの呟きが含まれるように

Mashable.comより。Googleが数日中に英語圏でロンチすると発表したリアルタイム検索ですが、現在すでに動いているようです。検索設定で言語を英語に指定すると検索結果にTwitterを初めとするソーシャルウェブの検索結果が含まれるようになります。

サイトの最適化に役立つ(?)ブックマークレットstaty

最近、googleが熱心なWebサイトのチューニングですが、本格的なチューニングの前に手軽にサイトの統計を見ることのできるstatyというブックマークレットが公開されています。 このブックマークレットをブックマークして分析したいサイトで開くと、Webサイト…

JavaScriptとクロージャとデザインパターン 

html5-developers-jpで「GoFデザインパターンのJavascript版があったら様相がかわるかも?」という話が出ました。 デザインパターンが拡張性を確保する手段の一つがメソッドの書き換えなのですが、Javavscriptの場合、通常の継承とは違う特有のメソッドのオ…

JavaScriptでswitch文を使わずに条件分岐

JavaScriptでは関数もオブジェクトです。またJavaScript独自の特徴として、オブジェクトがそのままハッシュになります。なので、これを利用すると条件分岐が簡単に書けるようになります。 これはHTML5のAPIやセレクトボックスで操作を切り替える場合のように…

マッシュアップアワードはあたらしい技術を試す機会です

なかじまんさんの応募体験談 新しい技術を試す機会 もっとアピールを!