*

HandyFlowyでWorkFlowyを着せ替えする(機能拡張スクリプトで背景画像を設定・iOS&Android)

公開日: : WorkFlowy

HandyFlowyは、スマートフォン用のWorkFlowy専用クライアントアプリです。HandyFlowyを使えば、スマートフォンから使うWorkFlowyが、驚くほど快適になります。

さて、HandyFlowyなら、WorkFlowyを着せ替えできます。

青空背景

aurora背景

HandyFlowyの機能拡張スクリプトという機能を使っているのですが、大丈夫、ぜんぜん難しくありません。この記事では、HandyFlowyに背景画像を設定する方法を説明します。

1.概要

仕組みは、

  • 背景画像データをDropboxなど「https」の場所に置きます。
  • HandyFlowy機能拡張スクリプト「Background Image」で、画像データを読み込みます。

というものです。

WorkFlowyをスクロールしても、画像は固定されたままです。

着脱式(機能拡張スクリプトを実行するたびに、背景画像のon/offが切り替わる)です。

2.導入手順

導入は、以下のとおり。(機能拡張スクリプトを利用するには、有料アドオンが必要です。)

(1) 機能拡張スクリプト「Background Image」をインストールする

まず、機能拡張スクリプト「Background Image」をインストールします。

HandyFlowyから機能拡張スクリプトライブラリにアクセスし、インストール用URLスキームをタップするのが楽だと思います。

Background Image – HandyFlowy機能拡張スクリプトライブラリ

(2) 背景画像を用意し、httpsの場所に置き、URLを取得する(例:Dropboxリンク)

a.背景画像を、httpsの場所に置く

次に、背景画像データを用意して、ウェブ上に置き、リンクURLを取得します。

画像データは、自動的にHandyFlowyのサイズにリサイズされます。縦横比を維持したい場合は、画像の縦横比に気をつけてください。

画像データは、ウェブ上のhttpsの場所に置く必要があります。ご自身で利用するレンタルサーバがhttpsであればそれで問題ありません。画像データのURLを取得してください。

そうでない場合は、Dropboxを利用するのが一番簡単ではないかと思います。

b.Dropboxを使う方法

画像データを、Dropboxに入れます。

その画像データのDropboxリンクを取得します。Windowsの場合、右クリックメニューのDropboxの中にある「Dropboxリンクを取得」です。

注意点がひとつ。URLを一部書き換える必要があります。

WorkFlowyなど適当なところにペーストすると、次のように、末尾が「dl=0」となったURLがペーストされるのですが、この「dl=0」を「dl=1」に書き換える必要があるのです。

  • Dropboxリンクで取得できるURL
    • https://www.dropbox.com/s/7d97t2drpe7zc8d/a2.png?dl=0
  • 末尾の0を1に変更する
    • https://www.dropbox.com/s/7d97t2drpe7zc8d/a2.png?dl=1

これで準備完了。

(3) 機能拡張スクリプト「Background Image」で背景画像を設定する

あとは、HandyFlowy上の作業です。

まず、適当なトピックをひとつ作ります。

次に、そのトピックのnoteに、先ほどのURLを書き込みます。

トピックのnoteにURLを記載する

あとは、そのトピックにZoomして、機能拡張スクリプト「Background Image」を実行するだけ。

すると、httpsに置いた背景画像が、HandyFlowyで表示するWorkFlowyの背景画像になります。

機能拡張スクリプトを実行すると、このとおり!

(4) 初期設定後の使い方

着脱や着せ替えの方法は、以下のとおりです。

  • 背景画像を表示しているとき、「Background Image」を実行すると、
    • 背景画像が非表示になります。
  • 背景画像が非表示のときに、「Background Image」を実行すると、
    • Zoomトピックのnoteに画像URLの記述がある場合、そのURLの画像を表示します。
    • Zoomトピックのnoteに画像URLの記述がない場合、前回、表示した画像を表示します。

そのため、タブ立ち上げ時に実行する機能拡張スクリプトに、「Background Image」を設定しておけば、再起動後や再読み込み後にも、設定した背景画像を読み込んでくれます。

3.応用と予告

(1) 文字色を白っぽくすれば、黒ベースの背景画像に白抜き文字

文字色を白っぽくすれば、黒ベースの背景画像に、白っぽい文字での表示もできます。

aurora背景

現バージョンでは、文字色を変更するには機能拡張スクリプトでcssを書き換えるしかありません。しかし、現在準備中のVer.1.3には、文字色変更機能が備わっています。

黒ベース背景画像+白抜き文字が、より手軽になるはずです。乞うご期待。

(2) 立ち上げ時に適用する機能拡張スクリプトの数を3つに

常に背景画像を適用するには、タブ設定内の立ち上げ時に適用する機能拡張スクリプトに、この「Background Image」を登録しておくのが便利です。

でも、現バージョンでは、立ち上げ時に適用する機能拡張スクリプトは、1つしか登録できません。ちょっと不便。

ですが、心配ご無用です。次バージョンのVer.1.3からは、登録できる機能拡張スクリプトの数が3個に増えます。背景画像を設定する「Background Image」を登録しておけば、常に、背景画像を表示できるわけです(タブ設定なので、タブごとに背景画像を変えることも可能です)。

これも、近日中にお届けできると思います。お楽しみに。

スポンサードリンク

関連記事

no image

HandyFlowyの文字選択モードの基本(HandyFlowy Ver.1.4)

HandyFlowyは、スマートフォンから使うWorkFlowyを快適にするアプリです。スマートフォ

記事を読む

no image

【2015年の読書】WorkFlowyとKindleによる読書システムの進化とその影響

2015年12月になりました。2015年最後の1ヶ月です。 2015年も、いろいろなことがあった一年

記事を読む

no image

MemoFlowy(iOS版)、本日(2015-12-03)公開です!

WorkFlowyへのテキスト入力に特化したメモアプリ「MemoFlowy」(iOS版)が、本日、A

記事を読む

no image

日時機能のパワーアップ(MemoFlowy ver.1.2)

MemoFlowyはWorkFlowyへのテキスト入力に特化したメモアプリです。ぱっとアプリを立ち上

記事を読む

no image

WorkFlowyの文字数を数えるブックマークレット「WorkFlowy_WordCount」

1.WorkFlowyをまた少し「文章エディタ」へと育てる「WorkFlowy_WordCount」

記事を読む

no image

【ご報告とお礼】WorkFlowyで、WorkFlowyの本(の原稿)を書きました。

いつも「単純作業に心を込めて」をお読みいただき、ありがとうございます。おかげさまで、毎日楽しく好きな

記事を読む

no image

「WorkFlowyのURL」を取得する方法の基本

1.はじめに 「WorkFlowyのURL」の活用は、「WorkFlowyのURL」の取得から Wo

記事を読む

no image

WorkFlowy Proの説明

1.はじめに クラウドアウトライナーWorkFlowyは、無料で使いはじめることができます。また、無

記事を読む

no image

そのときどきの「やりたい」のつまみ食いを、文書の完成へと統合できる_文書作成ツールWorkFlowyの可能性(2)

個人的で主観的な経験なのですが、WorkFlowyで文書を作成するようになってから、文書作成がぐっと

記事を読む

no image

Androidからも自由なWorkFlowyを! Android版HandyFlowy誕生のお知らせ

1.AndroidにHandyFlowyが来た! 「WorkFlowyは、パソコンから使うならとても

記事を読む

スポンサードリンク

スポンサードリンク

no image
「ハサミスクリプト for MarsEdit irodrawEdition」をキーボードから使うための導入準備(Mac)

諸事情により、Macの環境を再度設定しています。 ブログ関係の最重要は

no image
AI・BI・PI・BC

AI 『〈インターネット〉の次に来るもの 未来を決める12の法則』を読

no image
[『サピエンス全史』を起点に考える]「それは、サピエンス全体に存在する協力を増やすか?」という評価基準

1.「社会派」に対する私の不信感 (1) 「実存派」と「社会派」 哲学

no image
[『サピエンス全史』を起点に考える]サピエンス全体に存在する協力の量と質は、どのように増えていくのか?

『サピエンス全史』は、大勢で柔軟に協力することがサピエンスの強みだと指

no image
WorkFlowyを「書き上げる」ための道具として機能させるための、2つの条件・3つのイメージ

Tak.さんのTweetに触発されて。 WorkFlowyやOmniO

→もっと見る

  • irodraw
    彩郎 @irodraw 
    子育てに没頭中のサラリーマンです。1980年代生まれ、愛知県在住。 好きなことは、子育て、読書、ブログ、家事、デジタルツールいじり。
    このブログは、毎日の暮らしに彩りを加えるために、どんな知恵や情報やデジタルツールがどのように役に立つのか、私が、いろいろと試行錯誤した過程と結果を、形にして発信して蓄積する場です。
    連絡先:irodrawあっとまーくtjsg-kokoro.com

    feedlyへの登録はこちら
    follow us in feedly

    RSSはこちら

    Google+ページ

    Facebookページ

PAGE TOP ↑