2007年12月14日19:50 by 山崎泰宏 OpenSocialのJavaScript APIを少しだけ実装してみた(動くデモ付き) カテゴリJavaScriptRuby Tweet sparklegate Comment(0)Trackback(1) OpenSocialのサンプルについて来たコードが弊社のグダグダなSNSサービス「あくしゅ!β版」で動いた。 ただし、サンプルはGoogle先生専用のコードが混じっているので、そこのところは修正する必要があります。 "Learn Once, Write Anyware"なんだから仕方ない。 これは日本語にすると「大体そんな感じ、動かそうと思ったら書き直せ」と訳します。 Google先生の場合:http://code.google.com/apis/opensocial/docs/javascript/index.html#ListFr
2007年09月12日19:45 by 山崎泰宏 TinyMCEでページ任意部分の動的な編集を実現する カテゴリJavaScriptCMS Tweet sparklegate Comment(0)Trackback(0) 「RailsでTinyMCEを使う」というエントリにもあるけれど、TinyMCEはロードされた直後のtextareaなどへ適用するのはとても簡単でお手軽に使えるが、動的に任意のtextareaをTinyMCEを有効にしたり無効にしたりするには若干使い勝手が悪い。 コードを読むと分かるんだけど、execCommandが便利なようで案外使えない。 僕がずっと愛用しているバージョンは2.1.0 (2007-02-13リリース版)なので、今は変わっていたりするかも知れないと思い、2.1.2 (2007-08-21リリース版)も読んでみたけど、変わってなかった。 ここでは調べてもあ
Mozilla のレイアウトエンジン Gecko をアプリケーションに組み込むにはどないすりゃーいいんじゃと思っていたら,こんなの発見. ままならない日記 2007-06-05 ■[Ruby][Gnome]Gtk::MozEmbed 20:23 これはGeckoエンジンをGUIコーポーネントとして使うためのライブラリです。とてつもなく便利です。試しに適当なコードを書いてみたところ、69行でブラウザが書けました。 てなわけで,リンク先のサンプルコードを実行してみたら,本当にちゃんと動いてちょっと感動. # apt-get install libgtk2-ruby libgtk-mozembed-ruby パッケージリストを読み込んでいます... 完了 依存関係ツリーを作成しています... 完了 以下の特別パッケージがインストールされます: libatk1-ruby libcairo-ruby
2007年07月21日20:14 by 山崎泰宏 JavaScriptでprototype.jsだけを使った簡単なアニメーションを作る カテゴリJavaScript小技 Tweet sparklegate Comment(0)Trackback(0) JavaScriptでprototype.jsだけを使った簡単なスムースアニメーション。 HTMLを色々ごちゃごちゃ作ってしまった後で、急に一部をアニメーションさせたいと思ってScript.aculo.usを使ってみたが、うまく動かなかったので手作りしたのがきっかけ。 画面をクリックするとその場所を目標にしてRailsのロゴがすいすい追いかけて動きます。 durationを小さくすれば短い時間でアニメーションが終わります。関数が悪くてあまり長い時間を指定してもゆっくりにはなりません。 intervalを小さくすればよりスムースなアニメーション
2007年07月18日18:08 by 山崎泰宏 1emが何ピクセルなのか自動計算する方法(not for IE) カテゴリJavaScript小技 Tweet sparklegate Comment(1)Trackback(1) 調べてみたが無かったEm Calculatorこれはブラウザのベースとなるサイズを入力すれば、あとは入れ子になっていくフォントサイズを計算していける、と言う便利ツール。故に万能ではあるが、入力しないと使えない。JavaScriptによるCSSの操作こちらにgetComputedStyleについて書かれている。OperaとFirefoxならemがpxに変換されるとのこと。 参考になるのはこれくらいでした。 そこで、上の知識を組み合わせて、自動的にemのベースとなるサイズを取得してくるコードを書いて実験してみた。 残念ながらIEでは動かないのが問題。 実験のコード<
2007年07月11日18:06 by 山崎泰宏 JavaScriptでオートセーブ(自動保存)機能をデザインする カテゴリJavaScriptデザイン Tweet sparklegate Comment(0)Trackback(0) オートセーブ(自動保存)は便利です。比較的最近のアプリケーションであるブログの編集でも、投稿前の下書きがあれば、いちいち保存のボタンを押す必要があります。 Gmailはメールを書いている途中で、下書きの保存がされます。 今日はそれと似たような動作をさせるための簡単なデザインをメモしておこうと思います。 変更を監視することが重要です。「文章の変更があるたびに、そこから放っておいて数十秒経過したら保存される」ように作るのはやや複雑になります。 以下のように考えを整理してみましょう。 文章の変更があるたびに、保存が必要であることを知らせるフラグを立てるだけにします
2007年07月10日16:58 by 山崎泰宏 prototype.js + Railsでテキストファイルをやり取りする方法 カテゴリJavaScriptRuby Tweet sparklegate Comment(2)Trackback(1) またしても変なところでハマったのでそのメモを。orz 要件としては、「prototype.jsにてAjaxを使ってTextファイルをサーバに送信、サーバ側はRailsで受信したい」というだけです。 思いつくままに実装してもダメで、クライアントとサーバそれぞれに少しだけやらなければならないことがありました。 クライアント側ではAjax.Requestのパラメータ指定が重要:パラメータとして2つのポイントがあります。 contentTypeを指定することContent-Typeヘッダとして付与されるようになります。ここではtext/plainを指定し
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く