フリーランスの Web 開発者、アプリ作成者、オープンソースのメンテナーとして、私はコードの編集、モックアップの設計、ToDo リストの管理、アイコンやドキュメントの検索、コマンド ラインの実行、さまざまなアカウントでのメールの確認など、複数のワークフローを頻繁に切り替える必要があります。これらの切り替えには、次のような一連の反復アクションが常に必要です。
- コード エディターまたは画像エディターを起動し、特定のプロジェクトのファイルを開きます。
- Web ブラウザを開き、タスク マネージャーでプロジェクトに移動します。
- アイコンの Web サイトに移動し、画像フィルターを設定して、検索を実行します。
- ウェブメール アプリを開き、アカウントを切り替えます。
- ターミナルを起動し、コマンドを入力します。
- 等…
すべてがさまざまな場所に散らばっていて、プロセス全体が本当に混乱しています。複数のプロジェクトに取り組んでいる場合は、状況はさらに悪化します。仕事を完了するために必要なものをすべて 1 か所に集め、適切なコンテキストになるようにプロジェクトとワークフローに整理することで、生産性を大幅に向上できると考えました。
プロジェクトとワークフローには明確な境界があり、それらの切り替えはもはや悪夢ではなくなります。そこで私は
この短い投稿では、3 つのワークフローを例に、Freeter でどのように生産性を向上させたかを紹介します。この記事が、皆さんの生産性を向上させる方法についてのアイデアを与えてくれることを願っています。
ワークフロー
まず、自分のワークフローと、プロジェクトに取り組んでいるときに必要なものを探すときによく行うすべてのことを分析しました。
アプリや Web サイトを開発しているときは、タスク マネージャーにアクセスしたり、コード エディターや画像エディターでプロジェクト ファイルを開いたり、特定の Web サイトのアイコンやドキュメントを検索したり、アイデアを書き留めたり、Web ブラウザーでプロジェクト リポジトリを開いたりする機能が必要になることがよくあります。
メールや Twitter DM を確認するには、Web メールと Twitter DM ページにアクセスする必要があります。複数のアカウントがあり、プロジェクト固有のアカウントでログインする必要があります。
アプリの新しいバージョンをリリースするときは、ターミナル アプリでリリース コマンドを実行し、git リポジトリのリリース ページを開き、タスク マネージャーを開いて、Freeter コミュニティの「計画されている機能」投稿エディターを開く必要があります。
さて、今度はそれを Freeter ワークフローに変換します。
アプリ/ウェブサイト開発
アプリ/Web サイトの開発に必要なものへ素早くアクセスできるように、次のウィジェットを使用してワークフロー画面を設定しました。
- タスク: プロジェクトのタスク マネージャーをワークフロー画面に直接埋め込むための Web ページ ウィジェット。
- コード編集: コード編集プログラムでプロジェクト フォルダーを開くためのファイル オープナー ウィジェット。
- モックアップの編集: 画像編集プログラムでモックアップ ファイルを開くためのファイル オープナー ウィジェット。
- MDN: MDN Web Docs Web サイトを検索するための Web クエリ ウィジェット。
- Node.js Docs: Node.js Docs Web サイトを検索するための Web クエリ ウィジェット。
- アウトライン アイコン: アウトライン アイコンでフィルターされたアイコンで Web サイトを検索する Web クエリ ウィジェット。
- 塗りつぶしアイコン: 塗りつぶしアイコンでフィルタリングされたアイコンで Web サイトを検索する Web クエリ ウィジェット。
- メモ: 機能の開発中にアイデアを簡単に書き留めるためのメモウィジェット。
- Open Repo: リンク オープナー ウィジェット。Web ブラウザーでプロジェクト リポジトリを開きます。
- バグレポート: バグレポート ページを Web ブラウザーで開くためのリンク オープナー ウィジェット。
- 機能リクエスト: Web ブラウザーで機能リクエスト ページを開くためのリンク オープナー ウィジェット。
このワークフローにより、開発コンテキストにすぐに切り替え、開発プロセスを開始するために必要なものすべてを簡単なクリックで起動し、ドキュメントとアイコンをすばやく検索し、タスク リストにすばやくアクセスできます。
メッセージ
メールと Twitter DM を確認するために、2 つの Web ページ ウィジェットを使用してワークフローを設定しました。
- Google メールの受信トレイページを埋め込みます。
- Twitter DMページを埋め込むため。
また、ウィジェット設定でセッション スコープをプロジェクトに設定して、他のプロジェクトで別のアカウントでログインできるようにしました。
このワークフローにより、プロジェクト固有のアカウントの Google メールと Twitter DM に同時にすばやくアクセスできるようになります。
新発売
アプリの新しいバージョンをリリースするために、次の 5 つのウィジェットを使用してワークフローを設定しました。
- リリース: コマンダー ウィジェット。ターミナルでコマンド ラインを実行し、新しいバージョン番号を要求して、新しいバージョンのドラフト ビルドを開始します。
- リリースを開く: リリース ページを Web ブラウザーで開くためのリンク オープナー ウィジェット。
- タスク: アプリ開発ワークフローからのタスクのコピー。現在のリリースで完了したすべてのタスクを確認するために必要になります。
- 計画されている機能: Freeter コミュニティの「計画されている機能」ページをワークフロー画面に埋め込むための Web ページ ウィジェット。これを利用して、計画されている機能を更新し、新しいリリースで実装された機能について投稿します。
- リリース手順: リリース中に何かを忘れないようにするためのメモウィジェット。
このワークフローのおかげで、新しいバージョンを簡単にリリースし、新機能に関する更新情報を投稿できます。
スーパーヒーローのようにワークフローを切り替える
今では、プロジェクトとワークフローを切り替えるときに、 Ctrl+Shift+F
を押すだけで Freeter が前面に表示され、その時点で必要なワークフロー タブが開き、すぐに作業を開始できます。
皆さんもこれをきっかけにワークフローを整理していただければ幸いです。まずは