時雨に舞う

プログラミングや技術情報などの備忘録

AsanaをNativefierでデスクトップアプリ化

はじめに

AsanaはTrelloとTodoistのいいとこどりをしたようなプロジェクト管理ツールです。

asana.com

Trelloのようにボードを使ったかんばん方式のタスク管理に加え、 Todoistのように、シンプルなTodoリストのようにも使うことができます。

Nativefierはシングルページアプリケーションをデスクトップアプリ化するツールです。

github.com

Asanaはデスクトップアプリがなく不便だったので、Windowsのデスクトップアプリ化してみました。

手順

Nativefierをインストール

Node.jsが必要です。

Node.jsをインストール済みの方は、コマンドプロンプトで以下のコマンドを実行してください。

npm install -g nativefier

Nativefierでアプリ化

普通にアプリ化すると、Googleアカウントによるログイン(AOuth)がうまく行かずログインできなくなってしまいますので、以下ようにオプションを付けてアプリ化します。

nativefier --name "Asana" --internal-urls ".*(harvestapp|google|getharvest)\.com.*" https://app.asana.com/

変換が終わると、作業ディレクトリの下にディレクトリが作成され、その配下にAsana.exeができますので、これを起動してください。

f:id:sigtech:20180807104116p:plain

f:id:sigtech:20180807110300p:plain f:id:sigtech:20180807110352p:plain

↑補足:Todoistではサブタスクが作れなかったり、無料ではコメントできなかったりしますが、Asanaは両方できます!

以上、参考になりましたら幸いです。

y.t

補足

NativefierアプリのCookieを消去する方法

別のGoogleアカウントでログインしたい場合など、Cookieを消せないと困るときがあります。

nativefierでアプリ化したアプリのクッキーやローカルストレージのデータは以下のディレクトリに格納されてます。

C:\Users\%USERNAME%\AppData\Roaming\asana-nativefier-[アプリのID]\

Cookiesというファイルを削除することでCookieをクリアすることができます。

参考

Issues with OAuth authentication (Asana, 22tracks, Sunrise, ...) · Issue #164 · jiahaog/nativefier · GitHub