Inkdrop v4 プライベートβ公開のお知らせ

Inkdrop v4 プライベートβ公開のお知らせ

Inkdrop v4 プライベートβ公開のお知らせ

コア機能の大幅な改善: エンドツーエンド暗号化・より使いやすい検索UI・スマートスクロール同期機能など

英語の元記事はこちら

こんにちは、TAKUYAです。

Inkdropは強力なMarkdownエディタと端末間データ同期機能を備えたノートアプリです。お陰様で1,000人近いユーザの方が購読してくださり、本プロジェクトは無事3年目を迎えました!🥳 そして本日、素敵なニュースがあります。

約半年前、ロードマップ(vol.3)で説明した通り、アプリに抜本的改善を施すために再構築することを決断しました。モバイル版の再構築には6ヶ月を要しましたが、今回も同じく7ヶ月かかりました。長い旅でした。多くの作業を経て、ようやくプライベートβの公開に漕ぎ着けました。まだ改善の余地はありますが、リリースしたいと思います。課金ユーザの皆様はこちらからテストに参加できます。正直言うと、長い期間アプリを更新しないことで多くのユーザ離脱が発生するのではないかと怖かったです。大変おまたせしました。ご意見お待ちしています。

では、Inkdrop v4の改善点をご紹介します。

ノートを沢山書き溜めているノートアプリがある日突然消えてしまったら大変です。なのでプロジェクトの継続性は最重要事項です。しかしながら、実装面においてアプリは問題点を抱えていました。それは、依存ライブラリが古くなっていたり、既に廃止されたものになっているからです。それが他の依存関係に衝突を起こしたり、脆弱性の可能性を孕んでいました。これらをモダンなものに置き換えるべく、アプリのコアモジュールの書き直しが必要でした。それがアプリの再構築に踏み切った理由です。例えば、依存ライブラリは以下のように更新されました:

  • React 0.14 → 16
  • AltJS → Redux
  • Webpack 3 → 4
  • Babel 6 → 7

Inkdropのほとんどのコードはモバイルとデスクトップの両方で動作します。それによって大幅にメンテ性が向上しました。つまり、僕は1つの共通コードベースからなるアプリを5プラットフォームで動作させながら比較的簡単にメンテナンスすることが出来ます。この共通コードベースには以下のものが含まれます: Fluxアーキテクチャ(redux)、データモデル、データ同期、全文検索など。

なぜそのような事が出来たかというと、デスクトップとモバイルのアプリは両方ともにJavaScriptで書かれているからです。デスクトップ版はElectron、モバイル版はReact Nativeで開発されています。もちろん、単にJavaScriptで書けるからといってこの取り組みはそう単純ではありません。プラットフォームの違いを取り扱う必要があるからです。そのために多くの問題を解決する必要がありました。これについてはまた別途記事を書きたいと思っています。

データはすべてクライアント上で暗号化・復号化されます

今回、アプリはエンドツーエンド暗号化(E2EE, End-to-end Encryption)に対応しました。

データをサーバ上で暗号化しているとはいえ、僕はただの個人開発者なので、一部の方々はデータを預けるのが不安と言っていました。SOC2を取得した大企業でも無い限り、簡単にシステムの安全性を信用するのが難しいのは深く理解できます。その上、データがHTTPSで転送されていても、アプリケーションレイヤーでは平文データです。そのため、多くの人のデータを取り扱うのは僕にとっても恐怖でした。

以上の理由からエンドツーエンド暗号化を実装しました。これはアプリケーションレイヤーにおいて、すべてのデータがクライアント上で暗号化・復号化される通信方式です。デスクトップとモバイルの両方で動作します。この通信方式によって、僕らはより安心してアプリを利用し、サービスを運用できるでしょう。課金ユーザ用のフォーラムから暗号化モジュールのソースコードにアクセスできるようにしました。安全性が気になる方は覗いてみて下さい。

このリリースに伴って、サーバ上で暗号化する旧方式のAPIは将来的に廃止する予定です。

新しい検索UIはよりシンプルに、かつ直感的にノートを検索できるように改善しました。旧UIでは「book:Blog -status:completed -status:dropped」というように常にコンテキストの検索クエリが表示されていて、いささか冗長でした。そのUIは検索クエリが入力しづらいと結構不評でした。新しいサーチバーではこのコンテキストクエリが非表示なので、見やすくて入力を邪魔しません。

デフォルトでは現在のコンテキストにてノートを検索します。サイドバーの “Search All” の項目をクリックするか、Cmd-Shift-F/ Ctrl-Shift-F キーの入力で、グローバル検索モードに切り替えられます。このモードではコンテキストのフィルタが適用されず、データベース全体に渡ってノートを検索できます。

モバイル版の全文検索機能はインデクシングのオーバーヘッドがとても酷くて、検索のパフォーマンスが著しく低い問題がありました。そこで、全文検索エンジンをPouchDBからSQLite3のFTSに置き換えました。この改善によって、旧バージョンよりも大幅にスピードが向上したことを体感できると思います。

v4はノートの整理をより一層支援します。

ノートにタグを追加するにつれて、タグリストはすぐに長くなって探すのが大変になります。同様に、ノートにステータスを設定すると、どれがアクティブなノートなのか探すのが難しくなります。新バージョンではノートブック・サブメニューに対応しました。この機能は、ノートブック内でのみ使用されているタグとステータスを表示します。このメニューからすばやく目的のノートを見つけられます。

そして、サイドバーの各項目の右側にカウントバッジを表示するようにしました。このバッジは、その項目に相当するノートの数を示しています。この数字を見れば、あなたのノートの統計がすぐに確認できます。

Side-by-sideモードはエディタとプレビューのスクロール位置を同期します。しかしこの同期する位置は全体の割合ベースで合わせられるため、あまり正確ではありませんでした。MarkdownとHTMLではレンダリング後のドキュメントの縦幅が異なるからです。特に長いノートの場合、その現象は顕著でした。

スマートスクロール同期機能は、行ベースで同期することでこの問題を解決します。アプリのMarkdownレンダラーはMarkdownからHTMLに変換する際、各ブロックに該当する行番号をマークします。このマークに基づいて、プレビューまたはエディタをスクロールした時、どの行がペインの一番上に来るべきかを判断します。

モバイルネットワークは不安定でいつも速いとは限りません。なので画像をすばやく表示出来ない時がありました。これは少し面倒だったので、画像をローカルにキャッシュするようにしました。一度画像を読み込んだら、次回からはキャッシュから表示します。これでパリの地下鉄で移動していても画像が確認できますね!

みなさんのご協力がなければここまで辿り着けませんでした。そこで、本テストはまず課金ユーザのみなさんに提供したいと思います。

プライベートβに参加するには、以下のステップに従って下さい:

  1. フォーラム
  2. βテストのトピック
  3. トピック内に記載された手順にしたがって参加してください。

いつもアプリのご利用ありがとうございます!

— TAKUYA

Read more

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
2025年個人開発活動の振り返り

2025年個人開発活動の振り返り

どうもTAKUYAです。もう1月も半ばに差し掛かっているけど、2025年の自分の活動の振り返りをしたい。去年を一言で言うなら、本厄を満喫した年だった。 厄年とは、人生の節目にあたって、体調不良や災難が起こりやすいと経験的に言われる年齢のこと。数え年で42歳、確かにもう若さに任せた事は出来ないなと痛感した年だった。(ところであなたの国ではこのような年はありますか?) 夏に体調を崩して2~3ヶ月動けなくなった 暖かくなり花粉が飛び出した頃に、持病のアトピーが悪化しだして、まともに生活出来なくなってしまった。酷さで言うと、2019年に脱ステした時と同じぐらい。 脱ステに無事成功したから、この地獄は二度と味わうことはないだろうと高を括っていたが、まさか7年後にまた味わうとは思わなかった。当時の独身時代と違い、妻も子供もいる中で、周りに多大な迷惑をかける事となった。夏の子供との思い出が全く無い。悲しい。 現在はQoLもほとんど元の状態まで復活できた。写真を撮って症状の変化を記録したので、機会があればシェアしたい。食事療法など色々試したが、結局歩くのが一番自分に効いた。それ以来、一日一万歩

By Takuya Matsuyama