更新日:2018/12/15前回、前々回と作る作ると言って結局作っていなかったTimeCrowdのデスクトップアプリをようやく作り始めようと思います。今回のアプリは最終的にそれなりの規模になりそうなのでReactを使うことにします。ボイラープレートには以下を利用させてもらいます。app僕個人にTimeCrowdという名前を使う権利はありませんので、tcmacというぼかした名前にします。devこれだけでモダンな開発環境の整ったデスクトップアプリが動きます。いい時代ですね!Bootstrapの導入CSSフレームワークにはみんな大好き、Bootstrapを使います。yarnでインストールします。bootstrap@4.0.0-betaapp/app.global.cssで読み込みます。"~bootstrap/dist/css/bootstrap.css";あとはJSXやスタイルを修正すればいつものBootstrapな見た目になります。ReducerをUserに書き換えて、ユーザー情報を取得・保持するようにしました。ユーザー情報はログイン画面で入力したアクセストークンを使ってAPIから取得し、ダッシュボードでは所属するチーム一覧を表示しています。変更後のアクションは以下のようになっています。};}また、APIは呼び出しはこのような簡易ユーティリティで処理しています。request,};この状態で実際にログインしてみると、正常に動いているようです。調整が必要ですが、ソースコードはこちらで公開しています。GitHub.今後のTODO土台はできたので、ブログネタが切れた時にまた進めていこうと思います。直近のTODOは以下のようなものを考えています。稼働中のタスク表示テストを修正するFlowをちゃんと勉強する今回は以上です。ツール「TimeCrowd」なら、「誰が」「どの業務に」「どれくらいの時間を」かけているかを可視化できます。カレンダーアプリ(Google・Outlook)と連携し、作業記録を自動化することも可能。その他外部サービスとも連携でき、記録の自動化や業務フローへの組み込みを支援します。請求金額の見直しで売上20%アップを実現。