Electronでリストランチャーアプリを作る
code:.sh
mkdir listlauncher
cd listlauncher
npm init
npm install --save-dev electron
code:package.json
{
"name": "listlauncher",
"version": "1.0.0",
"description": "Hello World!",
"main": "main.js",
"author": "Jane Doe",
"license": "MIT"
}
pageage.jsonのscriptに"start": "electron ."を追加
npm startでスタートするが、main.jsがないので何も表示されない
main.js,index.html,preload.jsを作って再びnpm start
https://gyazo.com/dcd14a5dbe4e264a4533ce724d65eeb4
無事表示された。
あとはindex.htmlをTextBoxを参考にしながら改造していけばいい。 ローカルファイルの読み書きが必要
2023/1/2
ほぼサイドバーとおなじ動きが実現できました
https://gyazo.com/8fc95f084015537733e18149bb17e53a
ただしサイドバーではないので別のUIがいいかもしれません。
Spotlightのように入力におうじて展開していく形式が望ましい
まず最初にテキストの入力があり、それでリストを選択し、
その後、再びテキストを入力して、項目を絞り込む、的な。
内部的にリストの一覧を持っておき、キー操作に合わせてそれに合致するものを表示する
enter key でリストを確定させ（あるいは/の入力でもいい）、さらに追加のテキスト入力でリスト項目を絞り込む。
キー操作的にはbook/梅棹とかbook enter 梅棹あたりで動けばGood。
プロジェクト名→タスク、やプロジェクト名→アウトラインという入力も良さそう
project-th/taskでタスク一覧が表示される
普段は隠れていて欲しい
code:main.js
app.whenReady().then(() => {
globalShortcut.register('Alt+Space', () => {
createWindow();
app.dock.hide();
})
}).then(()=>{
createWindow();
app.dock.hide()
})
2023/1/3
UIを整えました
https://gyazo.com/de895e6b27c5aaba72c6efef3b20e87f
2023/1/3
メインとサブでメッセージのやりとり
ref