アプリのダウンロードを高速にしたらユーザさんが大喜びしてくれた

アプリのダウンロードを高速にしたらユーザさんが大喜びしてくれた

アプリのダウンロードを高速にしたらユーザさんが大喜びしてくれた

MarkdownエディタのInkdropを一人で開発して脱受託を目指しているフリーランスです。

デスクトップ版はなんだかんだでファイルサイズが100MBを超えているため、ダウンロードに数分以上の時間が掛かるという問題がありました。地域によっては10分を超えることも。これを数秒でダウンロード出来るようにしたところ、ユーザさんが大喜びしてくれました。本稿ではこの体験からの学びをシェアしたいと思います。

かかっていたダウンロード時間は数分から十分程度です。しかしこの数分が苦痛なんですね。待っていられない。ダウンロードしている間にアプリを使いたいというモーメンタムはどんどん萎えていき、遂にはキャンセルボタンを押した人がきっと何人もいたに違いありません。

ユーザ登録という高いハードルをわざわざ越えて来たのに、そこから更に数分待たせるというのは接客としてどうなんでしょうか。フリーウェアならまだ許せるかもですが、有料アプリでその体験をさせられると「これ、サービスを使わせる気あるのか?」と思ってしまいます。

実は、これまでにユーザ登録をしても結局アプリを使わないままの人がちらほらいました。彼らの一部はきっとダウンロードの遅さに耐えかねて、使う気が無くなってしまった人たちでしょう。これは看過できない問題です。つい先日、ダウンロードの遅さに耐えかねたユーザさんからTwitterで以下のようなメッセージを頂きました。

画像はダウンロード途中のもので、226 KB/sの速度を示していました。残り時間は2分と出ています。彼は「これ配信元は日本?EUからだとすごく遅いよ。USかEUに移動しない?」と言っています。

僕はいい機会だと思ったので早速対策を講じることにしました。

Inkdropはいろんな国で使われているので、普通にAWS S3でファイルを配信すると離れた国ではダウンロード速度が著しく低下します。しかし、転送料を少し高めに払うことで各地のエッジサーバにデータを置くことが出来て、地域によらず高速にファイル配信が出来るようになります。これをS3のTransfer Acceleration機能と呼びます。転送料金は 0.04 USD/GB が上乗せされます。

設定方法は単純です。バケットのプロパティ画面で、Transfer accelerationのパネルのEnabledにチェックを入れるだけです:

Amazon S3の設定画面

新たに東京リージョンのバケットを作ってこの転送高速化を有効にしました。試しにNew YorkにあるDigitalOceanのサーバから通常の場合と高速化した場合でダウンロード速度を比べてみました:

  • 高速化した配信: 3.5秒、19.5MB/s
  • 通常の配信: 18分、250KB/s

こ、こんなに違うとは・・数分どころでは無かった。思っていたよりずっと深刻でした。18分も待たされたら正直アプリを信用出来なくなります。ユーザさんの報告がなければこの先ずっと問題視しなかったと思われるので、本当に感謝です。ウェブサービスならCloudFrontなどのCDNを使うのが当たり前という認識でしたが、アプリのダウンロードまではその意識が及んでいませんでした。

早速報告して下さったユーザさんに試してもらったら、めちゃくちゃ喜んでくれました。

「死ぬほど速い、数秒でダウンロードできたよ :)」とのこと。ダウンロード速度も重要なUX要素である事が今回のことで分かりました。有料アプリは特に、快適なダウンロード速度の提供にはケチらずお金をかけたほうがいいでしょう。簡単に登録後のリテンション率(利用継続率)を上げられるんですから。

monoさんから以下の指摘がありました。

今回Transfer Accelerationを利用したのは、件のユーザさんに薦められたから使ってみたというのが正直な理由です。自分も気になったのでCloudFrontとS3 Transfer Accelerationの違いを調べてみました:

大きな違いは、Transfer Accelerationの方ではアップロードの高速化が主眼に置かれているという事です。なのでコンテンツデリバリーだけならCloudFrontで必要十分です。もうひとつ大きな違いは、CloudFrontの方が安く済む点です。S3→CloudFrontの転送料は無料なので、CloudFront→インターネットの転送料だけで済みます。

という訳で早速切り替えておきました。ご指摘ありがとうございました!!ブログに書いてよかった。

https://www.inkdrop.app/

Read more

「一汁一菜」にAI時代の生き方が詰まっている

「一汁一菜」にAI時代の生き方が詰まっている

どうも個人アプリ作家のTAKUYAです。 今回は、AI時代を開発者・クリエイター・表現者としてどう健やかに生きるか、について考えていることをシェアしたいと思います。ここでの「健やかに生きる」とは、心身の健康を保ちながら、ものづくりを楽しみ続けるという意味です。 読者の中にも、最近のAIの急速な進化の中でどう生き残り、さらに活躍していくかを悩んでいる方は多いのではないでしょうか。正直、すべてに対する正解はわかりません。未来を正確に予測できる人はいないからです。 でも自分は、ソフトウェア寄りのアーティストとして生きる上で大事なのは、「戦略」や「堀(moat)」を築くことよりも、「生きる方向性」 だと思っています。 人生とは速度ではなく方向である – ゲーテ 自分はどこに行きたいのか?何を見たいのか?それが大事です。戦略は状況に合わせて柔軟に変えればいいからです。 今回は、日本の文化からいくつかの生き方の原則を探ってみたいと思います。 最近、料理研究家の 土井善晴 さんの 「一汁一菜でよいという提案」 を読んで、日々のリズムを健やかに保つためのヒントがたくさん詰まっていると感じまし

By Takuya Matsuyama
Claude Codeをtmuxのポップアップウィンドウで継続的に走らせる方法

Claude Codeをtmuxのポップアップウィンドウで継続的に走らせる方法

💡本記事は英語ブログの日本語訳です。 どうも、TAKUYAです。 AIコーディングでは専らClaude Codeを使っています。最初はtmuxでターミナルの右側にペインを分割して使っていたのですが、幅が狭すぎてメッセージやdiffがまともに表示できず、使いづらかったです。 <Prefix>+zでペインを最大化すればいいのですが、毎回やるのは面倒でした。 そこで、ポップアップウィンドウでClaude Codeを起動するようにしました。キーバインドを押せばセッションが開き、閉じてもバックグラウンドで動き続けるので、すぐに再開できます。 この記事では、それを実現するためのtmuxの設定方法を紹介します。 動画で見る(英語): ポップアップウィンドウはサブプロセスを維持できない tmuxのdisplay-popupコマンドを使うとポップアップウィンドウを表示でき、ちょっとしたツールにすぐアクセスするのに便利です。 僕はlazygitでgitの状態をサッと確認するのに使っています: bind -r g display-popup -d '#{pane_current_path}'

By Takuya Matsuyama
Keychron K2 HEを無刻印化する手順

Keychron K2 HEを無刻印化する手順

どうもTAKUYAです。KeychronさんにK2 HEをお願いしたら音速で送ってくれたので、無刻印化してみました。どうやったのか過程をシェアします。 Unboxing 上はKeychron Q1です。これは3年間ぐらい使ってきました。キーキャップが若干くたびれていますね。でも問題なく今まで使えていました。そろそろ飽きてきたので新しいキーボードを試したいと思い、前から気になっていたK2 HEを試すことにしました(写真下)。 Amazon | 【国内正規品】Keychron K2 HE ラピッドトリガー ワイヤレス カスタムキーボード、ホールエフェクトGateronダブルレール・マグネットスイッチ、2.4GHz・Bluetooth無線対応、QMKプログラム可能、アルミ+ウッドフレーム、USレイアウト、RGBライト、Mac Windows Linux対応 (ブラック) | Keychron | パソコン用キーボード 通販【国内正規品】Keychron K2 HE ラピッドトリガー ワイヤレス カスタムキーボード、ホールエフェクトGateronダブルレール・マグネットスイッチ、

By Takuya Matsuyama
ノート駆動AIコーディング術の提案

ノート駆動AIコーディング術の提案

どうもTAKUYAです。みなさんはAIエージェントを普段のコーディングで活用されていますか。ちょっと面白いワークフローを思いついたのでシェアします。それは、ノート駆動のエージェンティック・コーディング・ワークフローです。最近Claude Codeのプランモードを使っていたら、ターミナル内で生成されたプランを読むのが辛かったんです。それで、じゃあMarkdownノートアプリであるInkdropをプランの保存先バックエンドとして使えば解決するんじゃないかと思って、 試してみました。こちらがそのデモです(英語): こちらがClaude Codeの設定ファイル群です: GitHub - inkdropapp/note-driven-agentic-coding-workflow at devas.lifeComplete Claude Code configuration collection - agents, skills, hooks, commands, rules, MCPs. Battle-tested configs from an Anthropic hackathon w

By Takuya Matsuyama