http://webos-goodies.jp/
WebOS Goodies
WebOS の未来を模索する、ゲームプログラマあがりの Web 開発者のブログ。
2017-05-05T07:33:21+09:00
Chihiro Ito
http://webos-goodies.jp/archives/5_pitfalls_of_indexeddb_on_ios8.html
2014-10-01T03:32:00+09:00
2014-10-01T03:40:43+09:00
iOS8 で IndexedDB を使うための 5 つの注意点
<div class="dokuwiki">
<p>遅ればせながら、 iOS8 がついにリリースされましたね。 OS レベルでのたくさんの機能追加にあわせて、 Web ブラウザ (Safari) の HTML5 対応も大きく進展しました。そのひとつが、クライアントサイドの NoSQL データベースである <a href="http://www.w3.org/TR/IndexedDB/">IndexedDB</a> のサポートです。 IndexedDB を使うことで、Webブラウザ側に大量のデータをキャッシュし、効率的に検索できるようになります。しかも iOS8 がサポートしたことで<a href="http://caniuse.com/#search=indexeddb">現行のほとんどの Web ブラウザで動作する</a>ようになったので、活用する場面が増えていくことは間違いありません。</p>
<p>私が開発しているフィードリーダー <a href="https://www.feedeen.com/">Feedeen</a> でも、少し前から一部のデータのキャッシュに使い始めていて、 iOS8 でもそのまま動く...はずだったのですが、まあ世の中そう甘くはありません。サポート直後によくあることとはいえ、 iOS8 の IndexedDB 実装はまだいろいろ不具合があり、いくつか手直しが必要になりました。これから IndexedDB を使い始めようという方も多いと思うので、現時点で私が把握している注意点を以下に書き留めておきます。</p>
<p>ちなみに、 Mavericks 上の Safari 7.1 でサポートされた IndexedDB も iOS8 とほぼ同じ実装になっているようです。以下の事柄は、 Safari 7.1 でもそのまま当てはまります。</p>
</div>
<p><a href="http://webos-goodies.jp/archives/5_pitfalls_of_indexeddb_on_ios8.html">>> 続きを読む</a></p>
Chihiro Ito
http://webos-goodies.jp/archives/how_to_migrate_from_openid_to_openid_connect.html
2014-05-15T02:22:59+09:00
2014-05-15T02:23:00+09:00
Google アカウントの認証を OpenID から OpenID Connect に移行する方法
<div class="dokuwiki">
<p>なんと 10 ヶ月ぶりの投稿になってしまいました・・・。これまでは空き時間のほとんどを <a href="http://feedeen.com">Feedeen</a> (フィードリーダー)の強化に回していて、 <a href="http://feedeen.blogspot.jp/2013/12/new-features-2013-12-04.html">Evernote への投稿を実装したり</a>、 <a href="http://feedeen.blogspot.jp/2013/12/new-features-2013-12-29.html">埋め込み動画の再生に対応したり</a>、<a href="http://feedeen.blogspot.jp/2014/03/introducing-tablet-version.html">タブレット版を追加したり</a>してました。現在は<a href="http://feedeen.blogspot.jp/2014/04/no-more-invitations.html">招待コードなしで登録できる</a>ようになっているので、興味のある方はぜひ使ってみてください。</p>
<p>さて、その Feedeen ですが、先日ひそかにユーザー認証の方法を OpenID 2.0 から OpenID Connect に移行しました。 Google の OpenID 2.0 認証は<a href="https://developers.google.com/+/api/auth-migration#timetable">来年の 4 月に廃止予定</a>となっており、 <a href="https://developers.google.com/accounts/docs/OpenID">OpenID Connect への移行が推奨されている</a>ためです。</p>
<p>OpenID Connect への移行はやってみればとても簡単でした。 OpenID Connect での認証時にパラメータをひとつ追加するだけで OpenID 2.0 のユーザー識別子を一緒に返してくれるので、ユーザーに手間を掛けることもなく(承認画面が一回表示されるだけ)、ほぼシームレスに移行できます。</p>
<p>せっかくですので、<a href="https://developers.google.com/accounts/docs/OpenID">ドキュメント</a>の説明不足なところを補いつつ、移行に必要な情報をまとめてみました。 OpenID Connect での認証処理(および OpenID 2.0 のユーザー識別子の取得)を行う Ruby のクラスも記事末に付けましたので、これから OpenID Connect に移行する方は、ぜひ参考にしてください。</p>
</div>
<p><a href="http://webos-goodies.jp/archives/how_to_migrate_from_openid_to_openid_connect.html">>> 続きを読む</a></p>
Chihiro Ito
http://webos-goodies.jp/archives/feedeen_revisited.html
2013-06-12T02:32:56+09:00
2013-06-12T02:32:57+09:00
Feedeen その後 - 外部サービス連携、ショートカットのカスタマイズなど
<div class="dokuwiki">
<p>先月<a href="http://webos-goodies.jp/archives/introducing_feedeen.html">このブログで公開</a>したフィードリーダーの「<a href="http://feedeen.com/">Feedeen</a>」ですが、多数のご登録をいただき、たいへん嬉しく思っております!予想を大幅に上回る登録数だったため受け入れに時間がかかってしまいましたが、ようやく態勢が整い、おそらく今週中には登録いただいているすべての方々に招待コードをお送りできる見通しとなりました。まだ届いていない方も、もう少しご辛抱くださいませ。</p>
<p>また、ユーザー枠拡大のの努力と並行して、サービスをより実用的なものにするための機能追加も進めています。とくにスケールに一定の目処がたったここ一週間でいくつか大きな機能追加を行いましたので、本日はそれらをご紹介したいと思います。まだ様子見で登録していないという方は、ぜひこの機会に登録をご検討ください!</p>
</div>
<p><a href="http://webos-goodies.jp/archives/feedeen_revisited.html">>> 続きを読む</a></p>
Chihiro Ito
http://webos-goodies.jp/archives/introducing_feedeen.html
2013-05-09T04:04:00+09:00
2013-12-29T00:49:48+09:00
オレオレGoogleリーダーを作ったので、ベータテスターを募集します
<div class="dokuwiki">
<div style="margin-bottom:20px;"><img style="width:100%;" src="http://cache.webos-goodies.jp/cache/farm8.staticflickr.com/7454/8716910371_6cd529317f_o.jpg"></div>
<p>Google リーダー、全 Web アプリケーション中でダントツ No.1 の使用率だったんですよ。デスクトップと合わせても、たぶん Web ブラウザ、 Emacs に次ぐ 3 位くらいなんですよ。購読フィードの数が多い上に iPhone や Nexus 7 でも読むから、他のリーダーじゃダメなんですよ。それなのに・・・<strong>猶予期間たった 4 ヶ月</strong>で終了とかどういうことなんですか、 Google さん。もーほんとに勘弁してほしいです。</p>
<p>そんなわけで、怒りにまかせて、やってやりましたよ。オレオレ Google リーダー、名付けて「Feedeen」をでっち上げました。他にも作る人いるかなーと思っていたのですが、さすがに類似サービスも多いのにスクラッチで作るようなバカは私くらいですかね(笑)</p>
<p>ゴールデンウィークに頑張って作業して、まだボロはあるものの他人様に見せられる程度にはなってきたので、少人数ではありますがベータテスターを募集します。以下で特徴などを紹介しているので、もし使ってみたいと思われましたら、ぜひご登録ください。アカウントの取得方法などは、記事の最後で説明しています。</p>
</div>
<p><a href="http://webos-goodies.jp/archives/introducing_feedeen.html">>> 続きを読む</a></p>
Chihiro Ito
http://webos-goodies.jp/archives/introducing_maltybrew.html
2013-03-14T03:31:58+09:00
2013-03-14T03:31:58+09:00
Homebrew の複数運用支援ツール「Maltybrew」を公開しました
<div class="dokuwiki">
<p>既に何回か書いていますが、私はオープンソースなソフトウェアを開発環境 (Mac) にインストールするとき、 Homebrew などのパッケージ管理ツールを使わずに自前でビルドしていました(<a href="http://webos-goodies.jp/archives/how_to_build_mysql_on_mac.html">MySQL</a> とか、 <a href="http://webos-goodies.jp/archives/ssl_proxy_using_nginx.html">nginx</a> とか、 <a href="http://webos-goodies.jp/archives/asynchronous_web_server_using_tornado.html">Tornado</a> とか)。フリーで仕事をしている関係上、基本システムはなるべく素の状態のままにしておきたいからです。</p>
<p>でも、実は Homebrew ってひとつのマシンに複数インストールしたりもできるんですよね。それなら複数の Homebrew を切り替えて使えば万事解決なんじゃないか・・・なんて以前から考えていたことをエイヤッとやってみたのが、本日ご紹介する「Maltybrew」です。なんという安直なネーミング。</p>
<p>rvm (rbenv) とか virtualenv とか nvm とか使うまでもなく、 Homebrew の環境ごと一気に切り替え。そんなドライなお付き合いをしたい方にお勧めです。</p>
</div>
<p><a href="http://webos-goodies.jp/archives/introducing_maltybrew.html">>> 続きを読む</a></p>
Chihiro Ito
http://webos-goodies.jp/archives/weekly_20130302.html
2013-03-02T21:02:48+09:00
2013-03-02T21:02:48+09:00
今週の話題 : HTML 上での凝った文字装飾の実現方法
<div class="dokuwiki">
<p>今日、嫁さんが蒲田にあるイワキメガネで花粉症対策眼鏡を買っていました。メガネの周囲の隙間を透明なプラスチックで塞ぐやつですね。嫁さんいわく、 JINS や Zoff では品切れで売ってないんだとか。同様の眼鏡をお探しの方は、イワキメガネが穴場かもしれません。私も軽い花粉症なので、あまり他人事ではないのですが。</p>
<p>それでは、本日も今週の話題、いってみましょう!</p>
</div>
<p><a href="http://webos-goodies.jp/archives/weekly_20130302.html">>> 続きを読む</a></p>
Chihiro Ito
http://webos-goodies.jp/archives/how_to_use_goog_crypt.html
2013-02-26T04:10:01+09:00
2013-02-26T04:10:02+09:00
Closure Library の暗号化モジュールの使い方
<div class="dokuwiki">
<p>だいぶ前になりますが、 <a href="http://webos-goodies.jp/archives/gas_password_manager.html">Google Apps Script で動くパスワード管理ツール</a>を公開しました。このツールでパスワードの暗号化に使っているのが、 Closure Library の暗号化モジュールである <a href="http://closure-library.googlecode.com/svn/docs/namespace_goog_crypt.html">goog.crypt</a> です。これを使えば、 AES 暗号化や各種ハッシュ関数、 HMAC などをブラウザ上の JavaScript で利用できます。</p>
<p>最近は Web Storage や Indexed DB などの利用機会も多くなってきたと思いますが、 goog.crypt を使えばそれらに保存するデータを簡単に暗号化できます。今後はクライアントサイドの暗号化が必須の技術になっていくでしょう。そこで、本日はこの goog.crypt を使った暗号化の実装方法をまとめてみました。</p>
</div>
<p><a href="http://webos-goodies.jp/archives/how_to_use_goog_crypt.html">>> 続きを読む</a></p>
Chihiro Ito
http://webos-goodies.jp/archives/weekly_20130217.html
2013-02-17T21:53:10+09:00
2013-02-17T21:53:11+09:00
今週の話題 : JavaScript で音声合成など
<div class="dokuwiki">
<p>今年から<a href="http://webos-goodies.jp/archives/migrating_to_amazon_s3_static_web_hosting.html">ブログのバックエンドを Amazon S3 に移行しましたが</a>、転送量が意外と多くてびっくりしました。たしかに先月はトラフィックがけっこう多めでしたが、まさか 10GB を超えるとは・・・。料金自体は月額 300 円程度なので問題ないものの、このぶんだと画像も含めた S3 への移行は難しいですね。 Cache-Control ヘッダなどの設定でどこまで減らせるか、少し工夫してみようと思っています。</p>
<p>それでは、週末恒例の「今週の話題」、いってみましょう!</p>
</div>
<p><a href="http://webos-goodies.jp/archives/weekly_20130217.html">>> 続きを読む</a></p>
Chihiro Ito
http://webos-goodies.jp/archives/weekly_20130203.html
2013-02-03T17:38:27+09:00
2013-02-03T17:38:28+09:00
今週の話題 : B-Tree を使用した STL 互換のコンテナライブラリなど
<div class="dokuwiki">
<p>1/23 に開催された appengine ja night #23 の動画が公開されていたので、先ほど見てみました。</p>
<p><iframe width="560" height="315" src="http://www.youtube.com/embed/kkxfUrVQ7pM" frameborder="0" allowfullscreen></iframe></p>
<p>講師は Google の Johan Euphrosine> 氏と Brian Dorsey 氏で、それぞれ GAE のパフォーマンス Tips と Compute Engine の動向などを解説されてました。ちょうど今 GAE で簡単なアプリでも作ろうかと思っていたところなので、良いウォーミングアップになりました w</p>
<p>それでは、週末恒例の「今週の話題」、いってみましょう!</p>
</div>
<p><a href="http://webos-goodies.jp/archives/weekly_20130203.html">>> 続きを読む</a></p>
Chihiro Ito
http://webos-goodies.jp/archives/gas_password_manager.html
2013-01-30T03:23:52+09:00
2013-01-30T03:23:52+09:00
Google Apps Script でパスワード管理ツール作りました
<div class="dokuwiki">
<p>皆さん、 Web サービスなどのアカウント情報(パスワード)の管理はどうしているでしょうか。よく使うパスワードは出先でも確認できるようにしたい反面、アクセスが手軽すぎると万が一の漏洩が心配です。 <a href="https://agilebits.com/onepassword">1Password</a> 等の便利なサービスもありますが、パスワードの管理を完全に他人任せにするのもちょっと不安。</p>
<p>ここはやはり自分なりの管理ツールを作ろうと思いたち、年末の空き時間と Google Apps Script 、そして Closure Library の暗号化モジュールを使ってでっち上げてみました。その名も「GAS Password Manager」です。</p>
<p><a href="http://cache.webos-goodies.jp/cache/farm9.staticflickr.com/8327/8420178201_0468697ef1_o.png"><img src="http://cache.webos-goodies.jp/cache/farm9.staticflickr.com/8327/8420178201_41ec9ae9e7.jpg"></a></p>
<p>Web ベースのパスワード管理ツールで、入力されたパスワードを Web ブラウザ側の JavaScript で暗号化し、 Google Apps Script を介して Google Drive (Spreadsheets) に保存します。そして、サイト名やユーザー名などで検索して、やはり Web ブラウザ側の JavaScript で暗号化を解除、パスワードを表示できます。特徴は以下のようなところでしょうか。</p>
<ul>
<li>ブラウザ側で暗号化するので、生のパスワードがネットに流れない</li>
<li>Web ブラウザとネット回線があればアクセス可能</li>
<li>iPhone や Android のブラウザでも使用可能(JS のパフォーマンスの関係上、動作がかなり重いですが)</li>
<li>データは Google Spreadsheets に保存されるので、バックアップ等も簡単</li>
</ul>
<p>まあ、さすがに私が作ったものをそのまま使う気にはならないでしょうが、ソースコードを公開しているので、自分なりの管理ツールを作るための参考にでもしていただければ幸いです。</p>
</div>
<p><a href="http://webos-goodies.jp/archives/gas_password_manager.html">>> 続きを読む</a></p>
Chihiro Ito