ブラウザアプリからWorkFlowyを使う。ブラウザアプリからWorkFlowyを使う。WorkFlowyWorkFlowyは、パソコンからなら、すごく使いやすい道具です。iPhoneなどのスマートフォンからは、「もうちょっとなんとかできるんじゃないかなあ」と感じます。この課題を解消すべく、現在、某所で、次の2つのアプリを開発するプロジェクトが進んでいます。テキストメモをWorkFlowyに投稿することだけに特化した軽量アプリぱっと立ち上げ、さっとメモし、ぽんとWorkFlowyにテキストを放り込むためだけに存在する。イメージとしては、Evernoteに数多く存在する投稿専用アプリ。WorkFlowyのスマートフォン用クライアントアプリWorkFlowyの巨大な「アウトライン」を動き回るための機能や、WorkFlowyを「自分の道具」に育てるためのカスタマイズ機能を備える。イメージは、スマートフォン版「WorkFlowy専用Firefox」。新しいアプリをお届けするまでには、もう少し時間がかかりそうです。そこで、それまでのつなぎに、現時点でできるいくつかのことに、順次取り組んでいきます。連載第1回では、課題を概観して、課題解消の道筋をラフに描きました。iOS版公式アプリの課題を整理し、解消の道筋を描く。連載第2回では、iOS版WorkFlowy公式アプリの細かい挙動をちまちまと整理して、公式アプリの力をできる限り引き出すことを目指しました。操作と反応の細かい対応関係をちまちま理解して、公式アプリの力を引き出す。次は、連載第3回です。連載第3回では、ブラウザアプリからWorkFlowyを使うことを取り上げます。WindowsやMacでは、FirefoxからWorkFlowyを使う「WorkFlowy専用Firefox」がうまく機能してくれます。これと同じように、iPhoneからも、公式アプリではなく、ブラウザアプリからWorkFlowyを使うことによって、課題の一部を解消することができます。アウトライン全体が再読み込みになる5.まとめ1.なぜ、ブラウザから使うのか?最初に、「なぜ、WorkFlowy公式アプリを使わず、わざわざブラウザから使うのか」を確認します。基本的には、パソコンの「WorkFlowy専用Firefox」とだいたい同じで、主に次の3つです。ブラウザからでも、WorkFlowy公式アプリとだいたい同じ機能を利用できるWorkFlowyは、クラウドサービスです。ブラウザからWorkFlowyのウェブサイトにアクセスし、アカウントにログインしさえすれば、それだけで、WorkFlowyを使うことができます。公式アプリの利用は、必須ではありません。その上、公式アプリから利用できる機能は、基本的には、ブラウザからWorkFlowyのウェブサイトにアクセスして利用する場合と、変わりません(ただし、多少のちがいがあります)。そこで、ブラウザからの利用に独自のメリットがあるのであれば、公式アプリを使うよりも、ブラウザからWorkFlowyのウェブサイトにアクセスして利用するほうがよい、ということになります。ブラウザからの利用には、どんな独自のメリットがあるのでしょうか。大きく分けると、次の2つです。ブラウザからだと、ブックマークやタブを利用できるブラウザ独自のメリットのひとつめは、ブラウザの基本機能である、ブックマーク機能とタブ機能です。世の中のほぼすべてのブラウザアプリは、ウェブブラウジングを支援するため、ブックマーク機能とタブ機能を持っています。ブックマーク機能は、ブラウザがURL一覧を管理する機能です。ブックマーク機能によって、簡単な操作で特定のURLにすばやくアクセスすることが可能になります。タブ機能は、ひとつのブラウザが複数のタブを持ち、それぞれのタブで別々のウェブページを開く機能です。タブ機能によって、タブを切り替えることで複数のウェブページをすばやく切り替えながらウェブブラウジングすることが可能になります。ブラウザからWorkFlowyを使うなら、WorkFlowyのためにも、このブックマーク機能とタブ機能を活用できます。WorkFlowyは、リストや検索条件ごとのURLを持っていますので(WorkFlowyのURL)、ブックマーク機能でいろいろなURLを管理すれば、特定のトピックにすばやくZoomすることも、一定の検索条件を保存しておくことも、とても簡単です。ブラウザからだと、ブックマークレットやブラウザ機能によって、WorkFlowyをカスタマイズできるブラウザ独自のメリットのふたつめは、ブラウザの機能を利用したWorkFlowyのカスタマイズです。WorkFlowy自身は、カスタマイズの余地をほとんど残さないツールです。ブラウザをカスタマイズすることによって、いわば間接的に、WorkFlowyをカスタマイズすることができます。具体的な手段は、ひとつはブックマークレットで、もうひとつはブラウザ自体のカスタマイズです。ブックマークレットを利用すれば、WorkFlowyの見た目を三色ボールペン方式に変えたり、他のアプリに登録するためのデータを書き出すことだって可能です。WorkFlowyスタイル変更ブックマークレット|マロ。|noteWorkFlowyからTodoist用テンプレートを作るbookmarklet|マロ。|noteWorkFlowyからプロジェクトを俯瞰しながらたすくまへタスクを登録するbookmarklet|マロ。SafariからWorkFlowyを開くということで、まずは、ふつうのブラウザからWorkFlowyにアクセスしてみます。SafariでもChromeでもなんでもよいです。WorkFlowyのウェブサイトにアクセスすれば、ログイン画面になりますので、登録メールアドレスとパスワードを入力し、WorkFlowyにログインしてください。このスクリーンショットは、iPhoneのSafariからWorkFlowyにアクセスしたところです。このSafariからは、何ができるでしょうか。SafariのブックマークにWorkFlowyのURLを登録すれば、このように、ブックマークから特定トピックへZoomできます。Safariの複数タブでWorkFlowyの別々のトピックを開いておけば、タブ切り替えで、すばやくトピックを移動することもできます。文字入力やZoom、折りたたみなど、公式アプリでできる操作は、だいたいそのまま実現できます。これは、文字入力をするためにキーボードを出したところです。デスクトップビューを使うブラウザアプリからWorkFlowyを使うことの、ちょっと邪道な応用テクニックは、デスクトップビューです。デスクトップビューとは、ブラウザアプリから、スマートフォン用表示ではない、デスクトップ用の表示で、特定のウェブサイトを表示することです。WorkFlowyは、iPhoneのブラウザから普通にアクセスすると、スマートフォン用サイトを表示します。デスクトップビューを使えば、パソコンから操作するのと同じ、デスクトップ版の画面をiPhoneで表示することができます。このデスクトップ版WorkFlowyですが、iPhoneから操作すると、とても使いにくいです。文字も小さく、Zoomなどもやりにくく、全然おすすめできません。したメリットがあります。それは、デスクトップ版でなければ利用できない機能をiPhoneから利用できる、ということです。このスクリーンショットでは、デスクトップビューをつかうことで、iPhoneからExport機能を使っています。どれくらいのニーズがあるかはともかくとして、この方法を使えば、iPhoneからExport機能や共有機能を使えることは、頭の片隅に置いておくとよいかと思います。ブックマークレットを使うSafariのブックマークにブックマークレットを登録し、SafariでWorkFlowyを開いた状態で、ブックマークメニューからブックマークレットを起動すれば、WorkFlowyにブックマークレットの効果を実現することができます。さんが開発している各種ブックマークレットを利用できます。WorkFlowyスタイル変更ブックマークレット|マロ。|noteWorkflowyからmarkdownに変換するbookmarklet(モバイル対応・noteを使わない版)|マロ。|noteモバイル版WorkFlowyをviewモードで見るためのBookmarklet|マロ。|noteWorkFlowyから印刷用htmlを作るBookmarklet(暫定版公開)|マロ。|noteWorkFlowyからプロジェクトを俯瞰しながらたすくまへタスクを登録するbookmarklet|マロ。|noteブックマークレットを使えば、たとえば、三色ボールペンWorkFlowyをSafariで実現することだってできるわけです。WorkFlowy専用ブラウザにふさわしいブラウザアプリを求めてさて、SafariやChromeなどふつうのブラウザアプリからWorkFlowyを使うのも悪くないのですが、世の中にはいろいろなブラウザアプリが存在します。あれば、それらのいろんなブラウザの中から、もっともWorkFlowyと相性のよいブラウザを見つけて、それをWorkFlowy専用にしてしまう、という発想が出てきます。iPhone版の「WorkFlowy専用Firefox」です。私自身は、この方面の試行錯誤には、取り組んでおりません。そこで、先人の成果に乗っからせていただきます。怜香(@Ray_mnzk)さんとあき(@akio6o6)さんがおすすめするOhajikiです。ウラガミOhajikiは、iOS用の国産ブラウザです。タップやジェスチャーにいろんな機能を割り当てることができたり、ページ立ち上げの際に自動的に読み込むJavaScriptを設定できるなど、カスタマイズに優れています。iPhone/iPadアプリこのページに、詳細な使い方が丁寧に説明されています。Mosa+](http://mosap.net/ohajiki-web-browser)そこで、水撫月さんとあきさんによる活用例を参考に、OhajikiをWorkFlowy専用ブラウザにすると、どんなことができるのか、簡単に整理します。WorkFlowy専用Ohajikiにできることa.ブックマークによるZoomOhajikiのブックマークは、画面横からにゅっと出てきます。SafariやChromeなどのように別画面に移動する必要がありません。そこで、ブックマークによるZoomが快適です。b.タブ切り替えOhajikiのタブは、画面下に並びます。左右のスワイプで、左右のタブに移動することができます。SafariやChromeなどのように、タブ切り替えのために別画面に移動する必要がありません。そこで、Ohajikiを使えば、タブ切り替えがより快適になります。c.ユーザースタイルシートで見た目を変えるOhajikiは、ユーザースタイルシートという機能を持っています。JavaScriptを使える方はGreasemonkeyやStylishのように独自のJavaScriptやCSSをページ読み込み前後に挿入することが可能です。出典:Ohajiki公式ページ何ができるかというと、「Stylish」と同じようなことができる、ということです。OhajikiにはFirefoxで言う「Greasemonkey」のような、ユーザースクリプトを追加する機能があり、ページ読み込み前と読み込み後に自分で設定したスクリプトを実行することができます。この機能を使えば、WorkFlowy(というかウェブページ全般)の見た目を自動で(!)変えられます。iOSでも「Stylish」が使えるということです。ウラガミいちいちブックマークレットを起動しなくても、デフォルトを三色ボールペンWorkFlowyにすることができます。d.Scriptをボタン化して、ハサミスクリプトなどをさくっと利用するOhajikiは、スクリプトをボタン化して、さくっと利用するための機能を持っています。Ohajiki最大の特徴である「ボタン」をカスタマイズして、Bookmarklet等のスクリプトをボタンにします。これにより、ハサミスクリプトなどのスクリプトを「ボタンタップ→スワイプ」ですぐに実行できるようになります。ウラガミe.ブラウジング支援Ohajikiは、ブックマーク以外にも、ブラウジングを支援する細かい機能を備えています。これらの機能のいくつかは、WorkFlowyのアウトライン内を動き回ることを助けてくれます。「戻る」を使えば、直前にZoomしていたリストへZoomできます。Ohajikiなら、「戻る」をボタン化できますので、簡単なジェスチャーで戻ることができます。Ohajikiは、同一ウェブページ内の一番上や一番下に表示を移動する機能を備えています。WorkFlowyのリストはしばしば長くなりますので、表示場所を一番上や一番下にすばやく切り替えると、地味に便利です。f.URLの取得と活用Ohajikiは、表示中のウェブページのURLを取得する機能を持っています。WorkFlowyのURLを活用するために、この機能は活躍します。Ohajikiは、クリップボード内のURLにアクセスする機能を持っています。この機能も、WorkFlowyのアウトライン内を自由に動き回るため、地味に便利です。4.ブラウザからWorkFlowyを使う場合の注意点(細かいちがいと、デメリット)さて、このように、ブラウザからWorkFlowyを使うことには、小さくないメリットがいろいろとあります。若干の注意点があります。ひとつは、すごく細かいのですが、ちょっとしたちがいがあること。ひとつは、WorkFlowy公式アプリよりも使いづらいところがいくつかある、ということです。完了」バーWorkFlowy公式アプリから使うWorkFlowyと、ブラウザから使うWorkFlowyは、ほとんど同じです。ちがうところがあります。ひとつは、キーボードの上のバーです。完了」というバーが出てきます。このバーは、次のように機能します。<WorkFlowyの検索ボックスにカーソルが移動する>反応しない完了キーボードが引っ込むこのうち、「完了」は、わりと便利です。キーボードを確実に引っ込めることができるからです。バーの面積だけ、表示されるWorkFlowyの画面が減ります。キーボードを引っ込めるのは、カーソルが置かれていない適当なトピックをタップするなど、他の動作でも可能です。操作と反応の細かい対応関係をちまちま理解して、公式アプリの力を引き出す。完了」のバーは、あるだけ無駄な気もします。トピック長押しによるトピック移動機能が使いにくいWorkFlowy公式アプリは、キーボードが出ていないときにトピックの内部を長押しすると、トピック移動モードに入ることができます。操作と反応の細かい対応関係をちまちま理解して、公式アプリの力を引き出す。これ自体は、ブラウザからWorkFlowyを利用するときも、同じです。ブラウザからの場合、トピック移動モードに入ったとたん、トピックがリストの下の方まで一気に移動してしまいます。そのため、ブラウザからの場合、トピック移動モードは、あまり使い物になりません。iPhoneからトピックを移動する場合、順序の移動をするには、トピック長押しによるトピック移動モードを使わざるを得ません。そこで、iPhoneからトピック移動を使いたい場合、ブラウザからの利用には、大きな不自由さを感じるかもしれません。アウトライン全体が再読み込みになる私は、パソコンのWorkFlowy専用ブラウザに、Firefoxを使っています。ChromeやSafariではなくFirefoxを使っている理由は、Firefoxの場合は、ブックマークからWorkFlowyのURLにアクセスしたときも、アウトライン全体が再読み込みにならず、一瞬でZoomが完了数ためです。(ChromeやSafariの場合、ブックマークからWorkFlowyのURLにアクセスすると、高確率で、アウトライン全体が再読み込みになります。)この観点からは、モバイルのブラウザアプリは、いずれもパソコンのFirefoxには及びません。ブックマークに登録したWorkFlowyのURLでZoomをすると、かなりの高確率で、アウトライン全体が再読み込みになってしまうためです。Ohajiki、Safari、Chrome、Operaなど、すべて同じでした。そのため、パソコンの「WorkFlowy専用Firefox」と比較すると、iPhoneの「WorkFlowy専用Ohajiki」などは、もう一歩、というところです。5.まとめiOSからWorkFlowyを使うとき、公式アプリではなく、ブラウザからWorkFlowyにアクセスすることは、ひとつの有効な選択肢です。WorkFlowyは、ブラウザアプリから使っても、公式アプリで使える機能の大半を利用できます。ブラウザなら、ブックマークやタブを使えますし、ブックマークレットでカスタマイズすることだって可能です。Ohajikiなど、カスタマイズ機能に優れたブラウザを使えば、よりガッツリとカスタマイズする道が開けます。WorkFlowyをブラウザアプリから使うと、キーボードを出したときに余計なバーが出てきますし、トピック長押しによるトピック移動モードがうまく使えません。その上、WorkFlowyのURLによるZoom(jump)をすると、しばしばアウトライン全体が再読み込みになります。そのため、パソコンから使う「WorkFlowy専用Firefox」と比較すると、iOSのブラウザからWorkFlowyを使うことの使い勝手は、もう一歩、といったところです。現在開発中のアプリのうち、スマートフォン版「WorkFlowy専用Firefox」のようなアプリは、これらの課題を解消することを目指しています。WorkFlowyは、しばしば、タスク管理ツールと記事を読むまずはここから!多機能なHandyFlowyの中で、使用頻度が高く、よい仕事をする、3つの地味機能HandyFlowyは、iPhone・iPad用のWorkFlowy専用クライアントアプリです。WorkFlowyは、他の道具にはあまり見られない特徴を持つ、ちょっと変わった道具で記事を読む「WorkFlowy専用Firefox」にローカルファイルリンク機能をつけて、WorkFlowyを知的生産のコックピットに(Window&Mac)先日、こんなエントリを書きました。従業員10名程度の小さな調査会社で働いている。今の私にとって、知的生産を担う道具といえば、Wo記事を読む私家版WorkFlowy用語の基礎知識(β版)WorkFlowyの特徴のひとつは、アウトライン操作にあります。アウトラインとはなんでしょうか記事を読むスポンサードリンクPREV【ご報告とお礼】WorkFlowyで、WorkFlowyの本(の原稿)を書きました。なんと、ついに、できちゃいました。irodrawEdition」をキーボードから使うための導入準備(Mac)諸事情により、Macの環境を再度設定しています。→もっと見る『クラウド時代の思考ツールWorkFlowy入門』WorkFlowyの本を書きました。子育てに没頭中のワーキングパパです。1980年代生まれ、愛知県在住。好きなことは、子育て、読書、ブログ、家事、デジタルツールいじり。このブログは、毎日の暮らしに彩りを加えるために、どんな知恵や情報やデジタルツールがどのように役に立つのか、私が、いろいろと試行錯誤した過程と結果を、形にして発信して蓄積する場です。ブラウザアプリからWorkFlowyを使う。