tag:blogger.com,1999:blog-39044038253541317142011-11-28T08:57:10.640+09:00http://sticka.jp/ の開発ブログです。masuidrivehttp://www.blogger.com/profile/05026573192865372251noreply@blogger.comBlogger91100tag:blogger.com,1999:blog-3904403825354131714.post-58645278642781773112008-02-07T01:41:00.001+09:002008-02-07T01:48:09.876+09:00テクノロジープレビュープログラムに参加いただいた方から、早速、多くのご意見を頂きました。ありがとうございます。<br />まずは、この中から簡単に対応できるものを早速対応させていただきました。<br /><ul><li>携帯版のパスワード欄を通常のテキスト入力にしました</li><li>メモにタブ文字を入力できるようにしました</li></ul>バグの報告などもいくつか頂きましたが、これらについても早急に対応するようにしていきますので、これからもよろしくお願いします。<div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/3904403825354131714-5864527864278177311?l=sticka-dev.blogspot.com' alt='' /></div>masuidrivehttp://www.blogger.com/profile/05026573192865372251noreply@blogger.com0tag:blogger.com,1999:blog-3904403825354131714.post-330289185620946982008-02-06T07:07:00.000+09:002008-02-06T07:47:46.035+09:00昨年、登録していただいた、ユーザ様にテクノロジープレビュー版公開しました。<br /><br />機能としては、メドが立ってきたので、多くの人に使ってもらいつつ、機能強化をするための公開です。<br />多くの意見やバグ報告を心からお待ちしています。<br /><br />招待状を受け取ってはいないけど、使ってみたいという方がいましたら、 masuiあっとmasuidrive.jpまでメールください。<br /><br />p.s<br />すみません、メール配信後30分ほどアクセスできない状況でした。<br />ポートの設定ミスで、RailsがMySQLにアクセスできなかった事が原因でした。<br />申し訳ありません。<div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/3904403825354131714-33028918562094698?l=sticka-dev.blogspot.com' alt='' /></div>masuidrivehttp://www.blogger.com/profile/05026573192865372251noreply@blogger.com0tag:blogger.com,1999:blog-3904403825354131714.post-72646535364259842812008-02-01T00:55:00.000+09:002008-02-01T00:58:40.620+09:00左のメモをドラッグすると、順番が変えられるようになりました。<br />メモをドラッグしたままスクロールさせると、メモがずれますが、近いうちに直します。<div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/3904403825354131714-7264653536425984281?l=sticka-dev.blogspot.com' alt='' /></div>masuidrivehttp://www.blogger.com/profile/05026573192865372251noreply@blogger.com0tag:blogger.com,1999:blog-3904403825354131714.post-39547444497588443932008-01-23T17:29:00.000+09:002008-01-23T18:00:55.623+09:00メモごとに20世代の履歴を見る機能が付きました。<br /><br />実はリリース直後から、内部的にはバックアップを持つようにしてあったのですが、ユーザインタフェースを作らないままになっていました。<br />しかし、今日、自分でメモを間違って消してしまったので、急遽実装しました。<br /><br />今のところ、保存した物をすべてバックアップにまわして20世代保存していますが、この辺は30分以上経ったものだけ、保存するようにして15世代保存とか、調整する予定です。<br /><br />なお、メモを削除すると履歴も削除されます。履歴を消したい場合は、新しいメモに内容を移し、履歴の付いたメモを削除してください。<div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/3904403825354131714-3954744449758844393?l=sticka-dev.blogspot.com' alt='' /></div>masuidrivehttp://www.blogger.com/profile/05026573192865372251noreply@blogger.com0tag:blogger.com,1999:blog-3904403825354131714.post-21736093506257618642008-01-16T08:08:00.000+09:002008-01-16T08:09:02.802+09:00[Ctrl]+↑↓でのカーソル移動が早くなりました。<br /><br />本文を読み込むときにブロックしていたのを、並列動作するようにしました。<div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/3904403825354131714-2173609350625761864?l=sticka-dev.blogspot.com' alt='' /></div>masuidrivehttp://www.blogger.com/profile/05026573192865372251noreply@blogger.com0tag:blogger.com,1999:blog-3904403825354131714.post-41816219204957911232008-01-09T17:27:00.000+09:002008-01-09T17:31:32.497+09:00OSXでEmacsのキーバンドを使っている場合など、いくつかのキーがショートカットと衝突してしまっているというご意見があったので、ショートカットをオフにできるようにしました。<br /><br />画面上部のアカウントメニューの中にありますので、ショートカットが邪魔な人はオフにしてみてください。<br /><br />今回、将来AIR版なども考え、クライアント毎にプロパティーを設定できるようにしました。<br />今は実装していませんが、ショートカットのキーバインドなども変更可能ですので、要望があれば実装します。ぜひ欲しいという方は、コメントかチャットにご意見お願いします。<div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/3904403825354131714-4181621920495791123?l=sticka-dev.blogspot.com' alt='' /></div>masuidrivehttp://www.blogger.com/profile/05026573192865372251noreply@blogger.com0tag:blogger.com,1999:blog-3904403825354131714.post-66699574517953333112008-01-07T03:36:00.000+09:002008-01-07T07:59:59.236+09:00Stickaはアクセスしてから表示するまでちょっと遅かったのですが、今回<a href="http://developer.yahoo.com/yslow/">YSlow</a>などを使いつつ高速化しました。<br />主軸はHTTPコネクション数を減らす事です。<br /><br />まずは、JSやCSSはファイルを一本にまとめて<a href="http://developer.yahoo.com/yui/compressor/">YUI compressor</a>で圧縮しました。<br /><br />一番ファイル数が多いのはアイコン画像なので、IE6以外でアクセスした場合は<a href="http://www.google.com/search?q=data+url+scheme">data url scheme</a>を使ってCSSに画像を埋め込みました。<br />YUI Compressorは、data url schemeに対応していないようなので、compressorにかけてから、data url schemeに画像を展開する必要があります。<br /><br />IEでも画像へのアクセスを減らすために<a href="http://www.google.com/search?q=css+sprite">CSS Sprite</a>を試したのですが、IE6ではPNG24での透過をサポートしておらず、PNG8では画像を結合したときに色数がなりなくなるので、対応をあきらめました。<br />はじめから、統一したパレットでアイコンを書いていればCSS Spriteは有効だと思います。<br /><br />このため、IE6は他のブラウザより起動速度が若干落ちています。<br /><br />またCSSをリファクタリングして、レンダリングしながら画像を読み込める様にしました。具体的には、画像の指定はすべてCSSで行い、スタイルのbackgroundで行う様にしています。<br /><br />この辺でメンテナンス性が悪くならない様に、圧縮やdata url schemeへの展開はcapistranoのタスクで行う様にしています<br /><br />サーバ側では、ETag, Expiresの設定、deflateの設定をして、効率的にコンテンツ配信ができる様にしました。<br /><br />これで、起動速度がかなり上がっていると思います。<div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/3904403825354131714-6669957451795333311?l=sticka-dev.blogspot.com' alt='' /></div>masuidrivehttp://www.blogger.com/profile/05026573192865372251noreply@blogger.com0tag:blogger.com,1999:blog-3904403825354131714.post-11566187367580572282008-01-07T02:44:00.000+09:002008-01-07T03:27:32.946+09:00要望の最も多かった<span style="font-weight: bold;">タグ</span>を実装しました。<br /><br />ほんとは分類じゃなくて、全文検索だけでって思ってたんですが、予想通り要望が多かったので実装してみました。<br /><br />先に検索キーワードを指定しておく「スマートフォルダ」みたいなモノとどっちが良いのか迷ったのですが、フォルダ構造はいまいちUIが思いつかなくて、タグにしました。<br /><br />タグはブラウザ側で実装しているので、速度の低下が心配です。特にIE6はJavascriptが遅いので。<br />100件ぐらいまでは大丈夫そうなのですが、この辺は一度ベンチマークを取りながらチューニングしようと思ってます。<div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/3904403825354131714-1156618736758057228?l=sticka-dev.blogspot.com' alt='' /></div>masuidrivehttp://www.blogger.com/profile/05026573192865372251noreply@blogger.com0tag:blogger.com,1999:blog-3904403825354131714.post-17347457107632326662008-01-01T16:32:00.000+09:002008-01-02T08:19:22.352+09:00Webメモ帳「Sticka」のクローズドベータを開始します。<br />私はすでに2ヶ月以上使っていますが、他のユーザに使っていただくのは今回が初めてなので、まずは近しい人から徐々に公開していく予定です。<br /><br />Stickaの特徴は下記の通りです。<br /><ul><li>見やすい2ペイン構造</li><li>軽快な動作<br /></li><li>全文検索</li><li>書いたメモを書庫に保存しておける</li><li>携帯をサポート</li><li>メモはメールで毎日バックアップ</li></ul>個人のメモは、サーバに保存されているため、データベースを直接操作すれば見る事が可能です。<br />しかし、管理画面などではユーザのメモを見る機能は実装しておらず、基本的に私が触る事はありません。<br /><br />今回のテストで特に試してほしいところは下記の点です。<br /><ul><li>各種ブラウザでの挙動</li><li>使い勝手</li><li>欲しい機能</li><li>速度感</li></ul>特に、ブラウザによって画面がおかしくなる、エラーが出るなどの点は非常に欲しい情報ですので、よろしくお願いします。<br /><br />既知の問題点は下記の通りです。<br /><ul><li>アクティベーションやバックアップのメールの本文がない</li><li>ユーザ登録後の画面がない</li><li>携帯版で書庫と検索がない</li><li>バックアップのXMLをインポートする方法がない<br /></li><li>Operaで検証されていない</li><li>ヘルプが無い</li></ul>妄想している機能<br /><ul><li><strike>Adobe AIRでオフラインでも使えるクライアント</strike> → AIRが日本語ダメなのでしばらく無理</li><li>Google Gearsでオフラインサポート → 準備中</li><li>共有機能 → 要望があるので考え中 → これは欲しいって人はコメントとかください<br /></li><li>API公開 → 独自APIは実装済み 公開は様子見て考えます</li><li>ブラウザのローカルストレージを使って高速化 → <a href="http://rakuto.blogspot.com/2006/11/javascript-iefirefox20client-side.html"><span style="color: rgb(102, 102, 102);"><span style="color: rgb(0, 0, 0);">Client Side Storage</span></span></a><br /></li></ul>ご意見は、画面上部の「ご意見ボックス」か、MSNメッセンジャーのmasui@hisec.co.jp、Lingrの<a href="http://www.lingr.com/room/hJooi5QjuKh">http://www.lingr.com/room/hJooi5QjuKh</a>へお気軽にメッセージください。<br /><br />よろしくお願いします。<div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/3904403825354131714-1734745710763232666?l=sticka-dev.blogspot.com' alt='' /></div>masuidrivehttp://www.blogger.com/profile/05026573192865372251noreply@blogger.com1