サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
掃除・片付け
kissrobber.hatenadiary.org
分からない人結構いそうなので書く. XFBMLを使っていいねボタンを設置している場合は何もしなくてOK. Iframeでいいねボタンを設置している場合は,Layout Styleを'standard'にして,Widthを400px以上にすればOK. って公式ドキュメントに書いてます. http://developers.facebook.com/docs/reference/plugins/like/
ちゃんとしたFacebookアプリ作る時はFacebookのダイアログは嫌でも使わないといけないと思いますが、 Dialogs Overview ダイアログの枠のデザインがアプリにマッチしなかったり、画面設計、画面フロー的にダイアログだとスムーズじゃない事もあると思います。 そんな時の為に、ダイアログはiframeでもpageでも使えるって事も覚えておくといざという時に役立つかもです。 (pageってのはこんな感じで完全にアプリの外に一回出る感じなので、逆に使いどころ難しいかな http://www.facebook.com/dialog/feed?app_id=123050457758183&redirect_uri=http://www.example.com/response/) iframeだと、こんな感じでアプリ内の任意の場所に埋め込む形で結構使えると思います。 デモ http:
application.rbのrails/allを読み込んでいるところを修正します。 #require 'rails/all' %w( action_controller action_mailer active_resource rails/test_unit sprockets ).each do |framework| begin require "#{framework}/railtie" rescue LoadError end end active_recordを外しますが、 Rails3.1からsprocketsが追加になっているので注意(3.0までは無かった) これが無いとassets pipelineが動いてくれません
https://github.com/facebook/connect-js/blob/master/src/core/content.js#L113 // Dear IE, screw you. Only works with the magical incantations. // Dear FF, screw you too. Needs src _after_ DOM insertion. // Dear Webkit, you're okay. Works either way. var guid = FB.guid(), …続く 親愛なるIEへ、 死ね。 謎の呪文を使わないと動かない… 親愛なるFFへ、 お前も死ね。 DOM挿入後にsrc設定必要 親愛なるWebkitへ、 お前はいいだろう。 どっちでも動く。
深刻なjavascript力不足から徐々に抜け出せつつあるような気がしている今日この頃ですが、 jQueryプラグインというものを初めてリリースしてみました。 CircleList jQuery Plugin http://kissrobber.appspot.com/circlelist_jquery_plugin/ ↑のデモのような感じで、htmlのリストをGoogle+のサークルっぽい感じで表示する事ができるプラグインです。 最初はプラグインとかじゃなくて普通にGoogle+っぽくアイコンをうごかすページを作ってたんですが、 jQuery UIの機能(draggableとかselectableとか)と連携したくなった時にプラグインのルールにしたがって作っといた方が連携しやすい事に気がついて、 作り直して、 あ、これ公開できるじゃんって感じで公開してみました。 いろいろ学んだ事はあるん
SVGに興味を持ちました。 んで、色々いじってたらなんか出来ました。 SVGおっぱい SVGだと現在のメジャーバージョンのIEでは動かないので、 http://raphaeljs.com/ を試してみなのですが、動きはいまいちでした… このライブラリを使うと、IEの場合だけVMLで描画してくれるんですが。 https://github.com/DmitryBaranovskiy/raphael/ だいぶ更新されていませんが、 バージョン2の方は精力的に活動しているっぽいので期待できるか (バージョン2もちょっと試したけど、上手くいかないところがあったのでバージョン1にもどしました) やっぱりIEも含めてヌルヌル動かすにはやっぱりFlashしかないかな 悩む。 あと、AndroidもなんとSVGダメっぽいですね。 って事で まだ使うには色々微妙。
node.jsを使ってWebサイトにインスタントメッセンジャー (Google Talkでも、Yahoo!メッセンジャーでも、MSN Messengerでも、Facebook ChatでもXMPP対応のもの) を組み込む方法の紹介(というかメモ)です。 デモ (IEだとAjaxでエラーになっているっぽいです。ライブラリはIEでも動くっぽいので何かがおかしいのだと思いますが、何がおかしいか分かる人いたら教えてください。) XMPPって何よ? あんまり理解してなくてもWebに組み込む程度なら出来ますが、詳しく知りたい人は自分で調べてください。 Extensible Messaging and Presence Protocol - Wikipedia Webサイトで対応する場合の仕組み XMPPはHTTPプロトコルでは無いので、直接ブラウザから使用する事はできません。 なんらかの手段でHTTP
Task Queue Sortは, Google App Engineの並列処理の仕組みTaskQueueを使ってソート処理を行う,クラウド時代の新しいソートアルゴリズムです. (クラウドソートとも言う) ネタ元 http://d.hatena.ne.jp/gfx/20110519/1305810786 http://www.yuyak.com/1339 http://togetter.com/li/137698 重要な仕様 ソートした結果のソート順は保証されない. たまにソート対象の要素が増える事がある. Java(slim3)での実装例 TaskQueueを投げる側 public class IndexController extends Controller { @Override public Navigation run() throws Exception { addToQue
なんか最近のXSSネタとか見てるとWeb開発者には常識なのかもしれない気がしているけど、 自分は全然知らなかったし、検索してもなかなか出てこないので書いてみる。*1 1.FacebookをIEで動かす為というか、IEのセキュリティレベルを下げずに(デフォルトのままで)クッキーを有効にする為にやること サイトにプライバシーポリシーの設定をしないといけない これは超面倒くさい作業でした。 もし私同様に知らなかった人は「p3p.xml」とかで検索して自分で調べてください。 役立ちそうなツールとか http://www.nmda.or.jp/enc/privacy/ 2.FacebookをIEで動かす為というか、IEのiframe内の別ドメインのページでクッキーを有効にする為にやること プライバシーポリシー情報をHTTPヘッダで設定しないといけない これは超意味不明な作業でした。 もし私同様に知ら
前回に続き、また新しいFacebookアプリをRubyで作りました。 アプリはこちら 今回は新感覚誕生日占いアプリです。 きっとビックリな結果が待っていると思います。ぜひ使ってみてください。 http://apps.facebook.com/butsumeticbirthday/ 開発について 今回は前回とは別のFacebook SDKを使ってみました。 Ruby1.9 Rails3 使ったFacebook SDKは、facebooker2とmogliです。 この二つは一緒に使います。 mogliがRuby用のFacebookのGraph APIライブラリで、 facebooker2はmogli用のJavaScriptまわりの拡張といった感じでしょうか。 このライブラリは、koalaやfb_graphには無い、Facebookアプリ作成で躓きそうなところ(詳細はまた今度書きます)のサポート
AWS超初心者ですが、Auto ScalingとElastic Load Balancingの設定してみました。 http://aws.amazon.com/jp/documentation/ 公式マニュアルで、いろんなところにeasyだのeaseだの書いているけど、普通にこういうような設定をやった事ない俺にとっては十分に難しかったです。 一応本買ったけど Amazon Web Services ガイドブックってのを買ったけど、 なんか自分にとっては余計な説明が多すぎ&欲しい情報がない。あんまり役に立たなかったです。 あと、Auto ScalingとElastic Load Balancingの設定については、本の通りに進めていくとコマンドがDEPRECATEDになっていたりして、 公式マニュアルとか --help とかみながらやった方がよいかもです。その方がわかりやすいし。 で、 いまさ
今回はRubyで作ってみました。 アプリはこちら このアプリを使うと、自分の年齢や性別などを一切入力する事なく、自分が厄年かどうかを教えてくれます! http://apps.facebook.com/yakudoshi/ 開発について Ruby1.9 Rails3 Facebookライブラリはkoalaを使ってみました https://github.com/arsduo/koala/ まだrcバージョンだったり、名前が変な感じだったりして少々不安でしたが、 別の開発で使ったfb_graphと比較してとてもシンプルで、わかりやすくて、結構良い感じでした。 他、説明するのが面倒くさいのでソースそのまま貼っときますので、必要であれば勝手に見てください。 (Ruby勉強中なのでイケてないところとかあったら教えてください) こまった事 前回のPHPはリダイレクト方式ログインだったので、今回はJava
Facebook公式のRubySDKがないけど、 オープンソースのライブラリだとどれをつかうのが良いんだろ? Facebook APIは結構頻繁に更新されているから、ちゃんと活動しているプロジェクトじゃないと使えないかな プロジェクト URL 最終更新 koala https://github.com/arsduo/koala 2011-04-12 facebooker2 https://github.com/mmangino/facebooker2 2011-04-02 fb_graph http://rubygems.org/gems/fb_graph 2011-03-31 mogli https://github.com/mmangino/mogli 2011-03-31 fgraph https://github.com/jugend/fgraph 2011-02-25 mini_
最近いろいろあって、Rubyをちょっと真面目にイジり始めましたが、 WindowsマシンでRubyの開発環境を構築するのは超めんどくさい事がわかりました (JavaとかC#とかJavaScriptとかFlexとかPHPとかと比較してって意味です) サーバー側(今回はCentOS5.6)をyumとかgemとかで簡単にセットアップしても、Windowsマシンの環境でバージョン合わせたりするのが結局大変(逆パターンも) あと、Windowsだと動いてくれないライブラリとかあったりとかして悲しくなります (俺が未熟で動かせられないだけかもしれないですが) んで、 開発入る前の環境構築(=準備段階)でこんなストレス感じるのは良くないので、 (まぁ結構楽しかったりもするけど) Windowsでもサーバに合わせた環境構築が簡単にできて、さらに超快適に開発できる環境構築する方法を考えました この方法を使う
なんかWin7には標準でNFSクライアント機能あるみたいですね まず機能を有効にする 「コントロールパネル > プログラム > Windowsの機能の有効化または無効化」 で、 「NFS用サービス」 ってのがあるから、この中の 「NFSクライアント」 にチェックすれば使えるようになります。 使い方 再起動したら、コマンドプロンプトから、 mount -o nolock \\サーバーのIP\共有名 * って感じで実行するとテキトーなドライブにマウントされる。 アンマウントは、 umount ドライブ名: でOK。 その他 mountする時は、nolockのオプションを指定してないとなぜかマウントしたコマンドプロンプト以外からの書き込みが上手く動きません。 エラー 0x80070021: プロセスはファイルにアクセスできません。別のプロセスがファイルの一部をロックしています。 って感じでエラー
TwitterのユーザーをSQLっぽく検索するTUQLの日本語マニュアル FirefoxとChromeは動くっぽいです。 IEだと何かエラーになります。とりあえず自分が使えればいいので直しませんが、誰か直せる人いたらどこが悪いのか教えてください。javascriptは良く分からないです。 TUQLはツイッターのアカウントをSQLっぽく検索できます。 http://kissrobber.appspot.com/tuql/ TUQLの基本機能. @kissrobberのフォロワーを取得したい場合のTUQL followers from @kissrobber @kissrobberがフォローしているユーザーを取得したい場合のTUQL following from @kissrobber SQLでいうunion(和)が使えます。intersect(交差)や except(差)も使えます。 fol
ここでいう階層構造とは木構造の事です。 Google App Engineで階層構造のデータを扱う場合 いろいろアプローチはあると思いますが、たとえば、 自己参照をつかって親のキーを保持する場合だと、 GAEはRDBMSのようなサブクエリや、OracleのCONNECT BYのような関数が使えない為、 親子関係を取得する場合に面倒くさい事になります。 他には、リストプロパティ等を使って祖先パスを保持する方法等もあるとおもいますが、 階層構造に変更が発生するようなデータを扱う場合は変更が面倒くさい事になります。 とはいえ、 そんなに頻繁にカテゴリの階層構造が変わるようなシステムはあまり無いと思いますので、 上記の方法でも問題ないわけですが、 もし頻繁に更新するような階層構造データを扱う場合はどうするか? 入れ子集合モデルが良くね?って思いつきです。 入れ子集合モデルについてご存知で無い方はこ
GAEアプリって結構Objectのシリアライズ使うことあるよね?(俺だけ?) 転置インデックスとか、ビュー(クエリの結果をまるごとシリアライズして1エンティティに保持してるやつ)とか、 結構いろいろと使ってるんだけど、微妙に遅いので速くならないかなーと。 Javaの標準シリアライズ以外に、シリアライズのライブラリって色々あるみたいです。 Apache Thrift GoogleのProtocol Buffer http://code.google.com/intl/ja/apis/protocolbuffers/ HadoopのWritable Message Pack http://msgpack.org/ 等 んで、速そうな奴&簡単に使えそうな奴って事で、 HadoopのWritableと、Message Packを試してみました。 サイズ的には、 Java標準 > HadoopのWr
※Androidに関しては今後勉強して行きたいと思っている超初心者です。一応念の為。 11/8にAndroidの会に初参加してきました。 日本Androidの会11月の定例イベント http://android.siprop.org/index.php?%CA%D9%B6%AF%B2%F1%2F2010%C7%AF11%B7%EE%A4%CE%A5%A4%A5%D9%A5%F3%A5%C8 Androidの勉強って言うか、端末のタッチ&トライ目的で行ったのですが、 AIRで作るAndroidアプリの講演を聞いて、 S3BlazeDSのコミッタとしてAIR for Android + Google App Engineのサンプルぐらい公開しておかないとイケない気がしたので作ってみました。 作ったもの ツイッターっぽい何か。 ※エミュレータの画面です。 このイメージみたらなんとなくわかると思い
appengine ja night11で紹介した裏技1について、もうちょっときちんと測定した結果を書いときます。 limit無し測定で使ったプログラム List<Key> keys = null; log.info("log 0."); keys = Datastore.query(getMeta()).query().asKeyList(); log.info("limit無し. :" + keys.size()); limit有り測定で使ったプログラム List<Key> keys = null; log.info("log 0."); keys = Datastore.query(getMeta()).query().limit(110000).asKeyList(); log.info("limitあり. :" + keys.size()); データ件数100,450件での測定結
Google App Engineで全文検索、階層カテゴリ検索のデモ作りました。 追記 appengine ja night #11の発表の録画をこちらで視聴できます。 http://kissrobber.appspot.com/gae_full_text_search/ とりあえず、データ件数は10000件ちょいのデモですが、速いです。 まだ試してないですが、もっとデータ増えてもイケるはずです。 もし要望があれば、実装の詳細は公開します。 GAE上での日本語対応の全文検索は、luceneを動かす試みや、compass?の様な実装等あったりしますが、 どれもデータ件数が多いと動かなかったり(数千件が上限でしょうか)、レスポンスが返ってこなかったりして、 実用レベルのものはまだ無いのではないかと思います。 既にある全文検索の仕組みをどうにかしてGAE上で動かすのではなくて、GAEスペシャルな
http://anond.hatelabo.jp/20100803163235 で、信用無い個人がTwitterのOAuth認証アプリを配布するにはどうすればいいのかな? 録画ッターはもともとrubyのソースを配布してたんだけど、BASIC認証禁止されるので、Twitterアプリ登録してOAuth認証に対応した。 だけど、ソースに録画ッターのConsumer keyとConsumer secretを載せて配布するわけにはいかないから、録画結果をTwitterにつぶやく処理だけはGoogle App Engine経由でつぶやくようにした。 Consumer keyとConsumer secretはGoogle App Engineで管理してるから配布する録画ッターのソースに含める必要は無いので配布側としてはOK。 なんだけど、今なんだかんだ問題になっている件に関して、確かに録画ッターでもDM
FlexBuilderのメニュー「Export Release Build...」からAIRファイルを作成できるけど、 環境毎に設定ファイルとか、エンドポイントのURL(AIRの場合はコンパイル時に固定される)とかの変更したい場合は、該当するファイルを修正したり、置き換えたりする必要があってめんどくさい。 で、Antで自動化してみた。 いろいろはまって1日半かかったぞ。 テスト環境用(airapp_test_v1.0.air)と、本番環境用(airapp_honban_v1.0.air)のAIRファイルをAntで生成する。 ※v1.0のところは-app.xmlのversionの値を入れたい。 今回対象のプロジェクト構成 / build.xml (Antのビルドファイル) src/ (AIRプログラムソース) com/ (AS、MXMLソース) css/ icon/ app.properti
普通にやってもAMFでキーを渡せないみたいです。 キーの値がnullになってしまう。 BeanProxyってのを実装すればオブジェクト変換をごにょごにょできる事がわかったので GAEのKey変換を作ってみました。 Java側でKeyを変換するKeyProxyクラス slim3に依存してます。 public class KeyProxy extends BeanProxy { public Object createInstance(String className) { return new KeyStub(); } public Object getValue(Object instance, String propertyName) { Key key = (Key) instance; if (propertyName.equals("keyStr")) { return KeyFa
環境 Ubuntu Server 9.10 64bit (とりあえずテストなのでUSBにインストールしてUSBブート) CPU Atom Memory 1G ICカードリーダーは、SCR3310-NTTCom PT2ドライバのインストール ドライバをゲットして解凍する。 $ wget http://hg.honeyplanet.jp/pt1/archive/tip.tar.bz2 ※パスがpt1だけどOK ドライバをビルドする為に必要なパッケージゲット $ sudo apt-get -y install build-essential linux-headers-`uname -r` ドライバをビルドする 解凍したフォルダ/driveに移動して $ make -C /lib/modules/`uname -r`/build M=`pwd` V=1 $ sudo make -C /lib/m
このページを最初にブックマークしてみませんか?
『kissrobberの日記』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く