考え
2月中に開発は終わらせたい
機能
初回リリースまでに必須のものだけ
- DB から全文検索でキーワードの順不同での検索
- 音声ファイルの再生
- 波形の再生位置の表示
- クリップボードにコピー
- Spotlight 風の使い勝手
- お気に入り
- アプリ名
- ロゴ
- ドメイン取得
- 設定画面
- ドキュメント風の設定
- 一般的な設定
- スタートアップ時起動
- Window モードと Panel モード
- サンプルフォルダの追加・削除
- ショートカット
- 概要・ライセンス
- ハイライト
- チュートリアルを表示 (サンプルフォルダが指定されていないとき)
- 波形をクリックで再生
- ファイルの DnD
- ファイルが追加されたり削除されたときの DB への処理
-
electron-builderの適切な設定 - 複数の macOS バージョンでのテスト
- 様々なディレクトリ構成でのテスト
- 英語以外の言語でのテスト
ファイルが追加されたり削除されたときの DB への処理
アイデア1
- 起動時に DB とファイルシステムの情報を比較して、差分があれば DB に追加・削除
- アプリ起動中はファイルシステムの変更を監視して、変更があれば DB に追加・削除
実現
fs.watchorchokidar
学び
タイポグラフィ
- 文字の内側のスペースと文字間のスペースの視覚的な量が同じくらいになるようにする
- 文字に水が流せるとしたら、文字の内側と文字間の水分量がおなじくらいになるように
- 視覚的な調整
- 縦棒より横棒のほうが狭くする
- 斜めの線は縦棒より太くする
- 曲線は縦棒より太くする
- 円は四角よりも大きくする
- 円は四角よりも専有面積が小さいため、少し大きくしないとバランスが取れない
- 同じように三角も四角より大きくしたほうが良さそう
- ベジェ曲線
- ハンドルは極力水平か垂直に伸ばす
- ハンドルが直行する点よりもオーバーしないようにする
やったこと
- Settings のウインドウを追加
- ショートカットから設定を呼べるように
メモ
react-hotkeys-hookではなく hotkeys-js を使おうかな- より詳細に設定できるし自分で hook にすればいい
- 設定の保存に electron-store を使ってみる