Hatena::ブログ(Diary)

W&R : Jazzと読書の日々 このページをアンテナに追加 RSSフィード

2017/06/25

HandyFlowyはスタイルを変えればTodoアプリに変身します Listy

スタイルはアプリである。


Listy

HandyFlowy 1.5
分類: 仕事効率化,ユーティリティ
価格: 無料 (Michinari YAMAMOTO)

Cardyの派生系。ポストイットの付箋に見立てます。Completeすると、行頭にチェックマークがつき、色が薄くなる。買い物リストを作っておき、入手すればチェックする使い方。あるいは、長期的なプロジェクトを実現するために、一里塚を作って一つずつ積み立てる。

そんなデザインを目指しました。

登録リンクはこちら → http://tinyurl.com/y7jfhu7w


ラベルで分類

4種類のラベルを用意しました。@l1、@l2、@l3、@l4。色つきのマーカーに変わります。プライオリティを振り分ける。「@l」の「l」は、label や level の「l」です。緊急度や重要度を示しやすい。もとはタグなので、タップだけで絞り込めます。

ボールドやイタリックを使うと蛍光ペンで塗った状態になります。タスクの視認性を変えるのにどうぞ。


壁紙

iPhoneでBingの壁紙をダウンロードするのが簡単だった件
ときどき残しておきたい風景が出てくるので、Safariをデスクトップ用サイトに切り替え苦労していたのですが、まったく無用な努力だったわけです。知ると知らぬは大違い。なんと、5年分の壁紙を保管している公...

壁紙を変えてカスタマイズもできます。ソースの初めにあるbodyのbackground-image。このurlで壁紙用画像のURLアドレスを指定します。httpsプロトコルであることが条件。Gyazoを使うのがオススメ。今回は、Bing Gallery から写真をお借りしました。


まとめ

WunderlistとTaskPaperをイメージしています。どちらにも似てないですけど。エディタの操作感で扱えるのに、内実は「リスト」になっている。そんなTodoリストです。

さすがにタスクを管理するには専用アプリに長がある。でもリストは「タスク」に限りません。何か漠然と「夢」を書いて、あれこれ弄っているうちに具体的な行動リストが現れてくる。そんな作業にWorkFlowyは適しています。そのためのスタイルとお考えください。


追記:感動しました!

トピック名による双方向リンクを生成するHandyFlowyスクリプトLinkBackLink - aitatena
私はWorkFlowyを知識データベースとしても使っていまして、トピック名に語句、ノートに解説を書いて階層的に溜め込んでいます。こういうときに解説内の語句を自動的にリンク化できたらと思うのは自然な流れ...

aita氏のLBL。WorkFlowyがScrapboxになります。何を言っているかわからないと思いますが、そうなんです。WorkFlowyがScrapboxになるんです。超絶便利。


追記2:すごいものが公開されました

One Tap Complete - WorkFlowy
Please visit our customer support portal to ask a question and view answers to common ...

HandyFlowy作者まるみ氏のスクリプト。ブレットをタップすると、Completeのオン/オフがトグルします。Listyのチェックボックスの、ちょい左側をタップしてみてください。完全にTodoアプリだわ。長押しするとズームに切り替わります。

「専用アプリ」も期待しています!

2017/06/20

WorkFlowyで画像をインライン・プレビューする QuickLook

もっと魅せたい。


QuickLook

HandyFlowy内でYouTubeの動画や画像を表示するスクリプト QuickLook
httpsプロトコル限定。通常のhttp始まりだと表示しません。WorkFlowyはテキスト主体なので画像や動画を扱えません。ただ、URLアドレスはリンクになってSafariで確認できます。ということ...

HandyFlowyに埋め込まれたURLアドレスを簡易表示に切り替えるスクリプト。httpsプロトコルの画像のみ対応します。とても制限がありますよね。そこがWorkFlowyの困ったところ。とりあえず、下記アドレスでインポートしてください。

登録リンクはこちら→ http://tinyurl.com/ydbsa29m


Gyazo対応

Gyazoのアドレスを書けば画像を表示するようにしました。ただし、jpg決めうちなので、うまくいかない場合もあるかも知れません。iPhoneのカメラロールからアップした分は問題なさそうです。画像をプレスすると、ドラッグで移動をすることができます。


YouTube対応

YouTubeは通常のアドレスでも表示します。ただし、短縮URLは対応していません。


ブログカード表示

その他のリンクはブログカードで表示することにしました。これが意外といい感じ。今回一番気に入っているところ。タイトルが出るから可読性が増します。

QuickLookの解除は、別の階層に移ったときに行われます。あるいは、対象のトピックを編集しようとすると、本来のリンク表示に戻ります。


MathJax対応

おまけ機能として、$$で挟めば、その区間をLaTeXと見なします。数式が必要なところはこの方式で記述してください。

$$ \sqrt{b^2-4ac} $$


ブックマークレット版

HandyFlowyがなくても大丈夫。QuickLookはブックマークレットとしても走ります。下記スクリプトをブラウザに登録してください。iPhone/iPadのSafariで動きます。

登録リンクはこちら → http://tinyurl.com/ybbu7nrz


まとめ

HandyFlowy 1.5
分類: 仕事効率化,ユーティリティ
価格: 無料 (Michinari YAMAMOTO)

リンクをイメージしやすくなった。iPhoneに合わせ、どの表示も横幅280pxにしています。CardyやNotyにちょうど収まるサイズです。特にNotyで表示すると、ブログの完成イメージを思い浮かべやすくなります。並行してお使いください。きっと気に入りますよ。

2017/06/18

HandyFlowyを「エディタ」として使うスタイル Noty を考えてみた

WorkFlowyはデザインによって性格を変えます。ベースにあるのは「トピック」と呼ばれるテクスト・データ。けれどスタイルを変えることで、Todoリストにも情報カードにも変身します。用途に応じてデザインを使い分ける。HandyFlowyには、そうした未知の領域が隠されています。デザインが用法を生み出す可能性がある。


エディタとして

HandyFlowy 1.5
分類: 仕事効率化,ユーティリティ
価格: 無料 (Michinari YAMAMOTO)

起動が一瞬になった。一番のネックが解消しました。「書こう」と思ったとき「書く」に移行できる。時間差がないことが発想の展開を促進します。「エディタ」として不都合はなくなりました。となると、文章を書くために最適化したスタイルがほしい。

そこで Noty を考案。しばらくこのテーマを攻めてみます。「書く」とはどんなデザインが隠された行為なのだろう。何が連想の邪魔をし、何が発見の助けとなるのか。

登録リンクはこちら→ http://tinyurl.com/yd2fkdu2


コンセプト

HandyFlowyをエディタに見立て、文章を整えるスタイルです。アウトライナーっぽさを捨て「ノート・アプリ」と言い張る。そういう作戦ですね。本文以外の情報は極力出さない。見た目はメモ帳。なのに階層化できるし、並べ替えもできる。使ううちに「こんなエディタ、見たことない」という気持ちになる。そこを目指しています。


ブログ・ファースト

HandyFlowyの推敲用スタイル「suikou」作った - アキメモ
なんか書くHandyFlowy1.5でスタイル機能がついて簡単に切り替えられるようになったので早速作ってみました。インデントをなくしつつ、段差はブログの見出しっぽく表現してます。見出しの付け方はハサミ...

ブログを書くスタイルでもある。「見出し+内容」の構成に似合うデザインを組んでみました。というか、それ以外の形式に収めようとすると美しくならない。書いただけでは不全感が残るスタイル。Cardyをもとに、あき氏作の suikou CSS を参考にしています。

第一階層は濃赤色で表示します。見出し扱いです。第二階層は本文。ここは明朝体で。第三階層は補注かな。折り畳んで隠せます。文献や背景仮説はノートに埋める。不要な段落はCompletedで一時的に非表示にする。なんだ、推敲の仕掛けも揃っているじゃないか。


まとめ

エディタとして振る舞う。けれど内部には階層構造が秘められている。不思議な「アプリ」です。書きながら、WorkFlowyだということを忘れました。箇条書きのリズムから、段落の展開を考えるリズムに変わっていた。なのに、ネット上に自動保存されている。

今後、このスタイルが何を要求してくるか見当がつきません。常用に値する利点はあるだろうか。しばらくこの Noty に付き合ってみようと思います。