JavaScriptだけでレコメンドシステムを作ってみた - TechTalkManiacs
Follow NowというTwitterのリアルタイムフォロワー推薦ツールを公開しました。 このツール、サーバーサイド処理はこちらでは一切作っていません。HTML+JavaScript+CSSにWebAPIを組み合わせただけなのです。 Follow Nowの仕組み WebAPIとJavaScriptだけでどうやってレコメンドシステムを作っているか、というと、鍵となるのはJSONPでの出力に対応したWebAPIです。 JSONを使ってクロスドメイン通信をするJSONPでの出力に対応したWebAPIは今質量共にものすごい数に上っていて、中にはTwitterや、Yahooのキーフレーズ解析なども含まれています。これらを使うことで、かなりのことがWebAPIとJavaScriptだけでできます。 流れとしては次のようになります。 1.アカウント名をもとに、Twitterからユーザーの投稿を取得 2
HTML＋JavaScriptでiPhone/Androidアプリを作れるTitanium Mobileとは
HTML＋JavaScriptでiPhone/Androidアプリを作れるTitanium Mobileとは：Web技術でネイティブアプリを作れるTitanium（1）（1/3 ページ） iPad/iPhone VS Androidに戸惑っているWebデザイナ／開発者のために、Web技術でネイティブアプリを作れるオープンソースの開発ツールを紹介し、その利点や使い方を連載で解説します iPad/iPhone VS Androidに戸惑っていませんか？ 2010年1月5日、グーグルがAndroid 2.1を搭載した「Nexus One」を発表しました（参考：Google、Android 2.1搭載の“スーパーフォン”「Nexus One」を発表）。高精細なディスプレイや高速なプロセッサによる快適な動作など、iPhoneのライバルとしての存在感が話題になりました。また1月21日には、NTTドコモ
iPhoneのJavaScriptアプリをAndroidに3行で移植 (2/4)
Gearsを設定する Android携帯がiPhone 3Gと大きく異なるのは、ローカルデータベースの部分です。Androidに搭載されているWebブラウザー（Chrome Lite）は、iPhone 3GのSafariのようにHTML 5のデータベースストレージには対応していません。その代わり、Gearsを標準で搭載しています。GearsはローカルデータベースとしてSQLiteを内蔵しており、JavaScriptを使ってアクセスできます。 初めに、Gearsの設定を確認します。Androidでは位置情報の取得にもGearsの機能を使いますので、GearsがオフになっているとGPSもローカルデータベースも利用できません。Gearsのオン／オフはブラウザーで設定します。
JavaScriptで作るiPhoneアプリケーション·Big Five MOONGIFT
iPhone向けのアプリケーションを開発する場合、Objective-Cを習得する必要がある。オブジェクト指向の言語ではあるが、習得のためにはコストがかかるのは確かだ。開発することで一気に世界が開ける可能性もあるが、利用範囲の限られた言語を覚えることに躊躇してしまう人もいるのではないだろうか。 スプラッシュスクリーン そこで普段使い慣れているHTMLやJavaScriptを使ってアプリケーションを構築しようと言うのがこのフレームワークだ。 今回紹介するオープンソース・ソフトウェアはBig Five、Webベースの技術で実現するiPhone/iPod Touchアプリケーションフレームワークだ。 Big Fiveは言わばプロキシを提供するソフトウェアだ。HTMLからJavaScriptを使ってiPhone/iPod Touchの各APIにアクセスを可能にするのだ。現在位置の取得、内蔵カメラを
MOONGIFT: » JavaScriptではじめるMac OSX用アプリケーション開発「JSCocoa」:オープンソースを毎日紹介
Mac OSX向けのアプリケーションを開発するにはCocoaやObjective-Cといった特有の言語を習得する必要がある。今はWebアプリケーションが盛り上がっているのに、特定のプラットフォームでしか動かない言語を習得するのは面倒くさい、そう考える方も多いはずだ。 アプリケーション一覧、プロセス一覧を表示するデモアプリケーション そんな方に朗報だ。JavaScriptを知っていればMac OSX向けアプリケーションが開発できる時代になってきたのだ。それを可能にするのがJSCocoaだ。 JSCocoaはGoogle Code上で公開されているオープンソース・ソフトウェアで、ライセンスはMITライセンスとなっている。 Mac OSXでは元々RubyCocoaと呼ばれるソフトウェアやPyObjCといったPythonとObjective-Cの橋渡しをするソフトウェアが存在している。この時に使わ
Web ブラウザに表示されている画面を直接編集する方法
これはすごい。Web ブラウザのアドレスバーに以下を入力し Enter すると、 今表示されている内容を直接編集できる。Firefox 3.0.14 と IE8 で出来 ることを確認した。 javascript:document.body.contentEditable='true'; document.designMode='on'; void 0 WEBブラウザーに表示されている画面を直接編集する方法 - sanonosa システム管理コラム集 追記(2009-10-04): 戻す方法はないものかなあ。‘false’ と ‘off’ では出来なかった。 追記(2009-10-17): 「戻す方法」というのは、「編集モードから閲覧モードに戻す方法」のこ とです。端折った書き方ですみませんでした。もう少し楽な方法が見つかっ たので、以下に追記します。 IE では、以下を入力し Enter
iPhoneのJavaScriptアプリをAndroidに3行で移植 (3/4)
Gearsで位置情報を取得する GearsのAPIを利用するために、以下のサイトからJavaScriptファイル（gears_init.js）をダウンロードします。 gears_init.jsは、以下のように<script>タグを使ってHTMLに組み込みます。 <script type="text/javascript" src="gears_init.js"></script> Android携帯のGearsとiPhone 3GSのSafariでは、GPSに関するメソッド名／パラメーターは同じです。ただ、オブジェクトと階層が異なっているため、iPhone 3G用に書かれたプログラムを大幅に変更しなければならず、少々面倒です。 そこで以下のコードを追加して、iPhone 3Gと同じ階層にオブジェクトをリンクします。 if(!navigator.geolocation) navigator.
[Javascript] nullとundefinedとfalseと0と空文字と
大抵の、特に変数の型宣言を行わないタイプの言語では、型の異なる値の条件式は悩みの種です。 Javascriptもご他聞に洩れずというか、undefinedとnullが異なる分だけ更にややこしくなっているようです。 暗黙の型変換で痛い目にあわないよう、ちょっと実験してまとめてみます。 実験にはとりあえず、手っ取り早いので Jash を使用。 一緒に試してみるならば、こちらのBookmarkletをクリックしてコンソールに入力しながら読むとわかりやすいかもしれません。 nullとundefined。たまに「同じもの？」と聞かれることもあるので、とりあえず確かめて見ます。 >> null==undefined true あれ、同じでしょうか？ >> null===undefined false もちろん違います。 しかし、== 演算子で比較する限りは「同じ」と言ってもよいようです。 では、実際は
[JavaScript]nullとundefinedとvoid演算子 / 文系大学的IT系の悲哀
2007-08-20 カテゴリ: Client Side タグ: JavaScript Tips JavaScriptのnullとundefinedとvoid演算子について調べたので忘れないうちにメモ。 typeof演算子 window.alert(typeof null); /* object */ window.alert(typeof undefined); /* undefined */ window.alert(typeof void('some value')); /* undefined */ nullはtypeof演算子に対してobjectという文字列を返すので要注意です。うっかり、 if (typeof obj == 'object') window.alert(obj.toString()); /* Bad Code */ のようなコードを書くと、objにnullが渡さ
JavaScriptでヒアドキュメントを使うライブラリを作った。 - こせきの技術日記
JavaScriptでヒアドキュメントを使うライブラリを作りました。 heredoc.js http://www.teria.com/~koseki/memo/jsheredoc/heredoc.js テスト http://www.teria.com/~koseki/memo/jsheredoc/test.html 外部ファイルサンプル http://www.teria.com/~koseki/memo/jsheredoc/tests.txt 使い方 scriptタグ内に直接書き込む使い方(インラインモード)と、外部ファイルを読み込んでコールバックを実行する使い方があります。 インラインモード <script src="heredoc.js"> # ここはscriptとして解釈されません。 str1 =<<EOT 複数行の文字列です。 下の行でおわりです。str1はグローバルになります。
T-01A/ベンチマーク/HT-03Aとの比較 - Javascript 実行速度編 - T-01A ドコモ 東芝 - Windowsケータイ
T-01AとGoogleケータイ HT-03Aどっちが速い? Javascript実行速度編で比較してみる T-01AとHTC Magic（海外版HT-03A）を使って、性能比較をしてみました。 SunSpider JavaScript Benchmark まず最初に測定に使用したのは、JavaScript のベンチマークでは大定番の「SunSpider JavaScript Benchmark」。あの Webkit の開発チームが手掛けたもので、大手の PC 系メディアでも実際に記事での JavaScript ベンチマークに使用されている。 下記が T-01A(Internet Explorer) と HTC Magic(Chrome Lite) を SunSpider JavaScript Benchmark でベンチマーク測定した結果をグラフ化したもの。数値の少ない方が速いということ
AndroidアプリをPython・Ruby・JavaScriptで開発する | エンタープライズ | マイコミジャーナル
Android Scripting Enviornment brings scripting languages to Android 最新版のiPhoneとなるiPhone 3G Sが発表された。さまざまな改善がほどこされているが、最大のポイントはアプリケーションが以前よりも高速に軽快に動作するようになったことだ。iPhoneの特徴は電話というよりもアプリケーションとサービスにある。実行速度の高速化は多くのユーザや開発者が望んでいたことだけに、この新製品は従来製品からの乗り換え組みを多いに満足させることになりそうだ。 iPhoneのネイティブアプリケーション開発はそれほど難しいものではないが、大きくみて2つの障壁がある。ひとつは開発環境がMac OS Xの特定のバージョン以降とアーキテクチャ向けにしか提供されていないこと、もうひとつは開発言語がObjective-Cであることだ。Obje
JsDoc Toolkitによる開発効率向上を目指して （1/3）－ ＠IT
JavaScript開発を見直そう（前編） JsDoc Toolkitによる開発効率向上を 目指して 遠藤 太志郎 株式会社インテック ネットワーク＆アウトソーシング事業本部 2009/6/9 JavaScriptを使った開発で、ソースの保守性や再利用性までを視野に入れたドキュメントを残しているだろうか。Ajaxを使った高機能なWebサービスなど、JavaScriptによる開発規模は拡大している（編集部） システムエンジニアならば、JavaScriptという言葉は誰でも聞いたことがあるだろう。Webブラウザ上で動作し、主にWebブラウザのユーザーインターフェイスの向上を目的に使用されるプロトタイプベースのオブジェクト指向型スクリプト言語だ。 JavaScriptは、世に出てからしばらくの間は特にそれほど脚光を浴びるような技術ではなかったのだが、2005年にGoogleがGoogle Map
javascript - にはクラスはない : 404 Blog Not Found
2009年06月13日22:00 カテゴリLightweight Languages javascript - にはクラスはない かえってわかりにくくなっている感じをかつてさんざん実感したので。 JavaScriptのオブジェクトについて考察してみた - あと味 JavaScriptにおけるほとんど全てのデータはオブジェクトである オブジェクトの定義にもいろいろありますが、ここでは「メソッドを持つ」という狭い意味においても事実だということです。実際に見てみましょう。 p(true.toString()); p("String".toString()); p((1).toString()); p((3.14159265).toString()); p([0,1,2,3].toString()); p({q:"answer to life, the universe, and everythi
Googleに学ぶ、ウェブページのパフォーマンスを最適化する方法
Web Performance Best Practices 下記、ウェブページのパフォーマンスを最適化するポイントをまとめたものです。 キャッシュの最適化 往復遅延時間を減らす HTTPリクエストを減らす ロードサイズを減らす レンダリングの最適化 関連書籍 1. Optimize caching キャッシュの最適化 ブラウザのキャッシュを活用 JavaScriptやCSSファイルや画像などのスタティックなリソースは、HTTPヘッダを使用してキャッシュをロードするようにします。 アドバイス スタティックなリソースは全て、積極的にキャッシュにセットします。 時々更新するリソースのキャッシュには、ファイルパスにフィンガープリントを埋め込みます。 IEでも確実にキャッシュされるように、Varyヘッダは削除します。 URLを自動生成している場合は、Fxのディスクキャッシュで使用している8文字のラ
About Wescript - Wescript
About Wescript Discovery userscripts made your web experience much better. Wescript is utility for userscript runtime environments, such as Greasemonkey. It's useful for finding popular userscripts and checking userscript updates. The only thing you have to do is installing Wescript Firefox Extension. It sends your usage of userscripts automatically. A developer of userscript runtime environment c
JavaScriptだけで開発、Palm webOSのSDKが登場 － ＠IT
2009/04/02 米Palmは4月1日、Palm webOS向けの開発環境「Palm Mojo SDK」のアーリーアクセスプログラムを開始した。申請フォームから、開発アプリケーションの種類や目的を同社に送付することで、審査を経てSDKのテストに参加できる。 webOSは2009年1月に同社が発表したモバイル端末向けのOSで、2009年後半にも第1弾の搭載製品「Palm Pre」が登場予定。マルチタスク処理が可能で、デスクトップ上に複数の“カード”を呼び出すスタイルで複数のアプリケーションを切り替えて使うことができるほか、外部サービスの異なるカレンダーやアドレス帳を一元的に扱う機能などが特徴。 開発面では、HTML/CSSとJavaScriptだけでアプリケーション開発ができるのが特徴で、MVCモデルに基づいたJavaScriptアプリケーションフレームワーク「Mojo」を利用している。
JSRuby から jQuery を使う ( Javascript 連携 ) (nakatani @ cybozu labs)
JSRuby は Javascript で実装された Ruby インタプリタです。 動作イメージ＆サンプルは記事「Javascript で実装した Ruby インタプリタ JSRuby 0.1 リリースしました。」を参照していただくとして、ここでは JSRuby の Javascript 連携まわりを解説します。 JSRuby は Javascript と自然な連携ができるよう、以下の機能を持っています。 JSRuby-Javascript 間での任意の Javascript オブジェクトの受け渡し Ruby で定義されたメソッドの Javascript 側からの呼び出し JSRuby 内での Javascript メソッド実行＆関数オブジェクトの呼び出し、インスタンス化 このあたりの機能を整理して使いやすくしたものを JSRuby 0.1.1 としてリリースしました。最新版の取得などは
Javascript で実装した Ruby インタプリタ JSRuby 0.1 リリースしました。 (nakatani @ cybozu labs)
« MyMiniCity 日本語化 | メイン | JSRuby から jQuery を使う ( Javascript 連携 ) » Javascript で実装した Ruby インタプリタ JSRuby 0.1 リリースしました。 あけましておめでとうございます。 １月からサイボウズ・ラボのオフィスが引っ越しました。新年から気分も新しくぶりぶり仕事します。よろしくです。 というわけでちょっとずつ作っていました Javascript で実装した Ruby インタプリタの "JSRuby" を一区切り付けるべくバージョン番号を付けてリリースしました。 JSRuby Project Page (CodeRepos) http://coderepos.org/share/wiki/JSRuby JSRuby Test Page http://labs.cybozu.co.jp/blog/naka
Javascriptでdiffる ( with 形態素解析 ) (nakatani @ cybozu labs)
Javascript で diff というのはいくつか試された例はあるようですが、まだこれといった決定打は出ていない様子です。 実は diff は見た目ほど軽い処理ではないので、Javascript にやらせるのはこれが結構大変…… diff の計算量は、おおざっぱに言うと比較対象の要素数の二乗に比例し（実際にはそれより小さくすることができるのですが、まあ話のイメージとして）、かつメモリを大量に消費するので、バッチ的な処理に最適化されていない Javascript にはどうしても荷が重いものとなってしまいます。 比較対象の要素数を減らせば当然計算量は減りますが、行単位で比較してもあまり嬉しくない（わざわざ Javascript で処理するということは自然文が対象と思って良いでしょう）。最小の文字単位だとギブアップ。 ということは形態素解析で分かち書きして、単語単位で diff するのが J
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
