https://tenhp.com/memotion/

今回制作に使ったDropboxのAPIはリファレンスは英語のみで以外と国内の解説が少なく今までなら翻訳サイトと行き来がとてもしんどかったのですがchatGPTがとても役立ちました。今後は日本では人気がないAPIやフレームワークも簡単に使えそうです。

以前作ってたDropboxを使ったタスク管理のWEBアプリ「TASK4BOX」はDropboxのAPIがv1の際に公式のPHP SDKを利用して作っていたのですがDropboxのAPIがv2になった際に公式のPHP版SDKが公開されなくなったので復活に結構な工数がかかってしまうことから断念していました。
それを受けて元々自分用に作り始めてたmemotionをTASK4BOXの代わりに使って頂けるようにと一般公開する事にしました。

タグの管理はフォルダの管理と違って複数のタグが適用できるので先に「仕事」とかのフォルダに入れてしまうとメモが埋もれて仕舞いがちでしたが複数のタグを付けると「仕事」でもあり「INBOX」（作業中的なタグ）のような分類が可能になり目に触れる可能性が増えました。
Reiさんの「メモを極めたエンジニア（弟）の”Notionの中身”が凄いので紹介させて下さい。」がわかりやすいです。

記述方法は元々エディタの設定でタイトルとかは色分けしたりしていたのですがブラウザで編集するにあたりMarkDownを採用しました。MarkDownなら普通に書いてもそれなりに表示出来るのでメモからにちょっと装飾するには都合がいいです。自前で実装するのは面倒なのでMarkedというのを少しいじって実装しました。

他にもvue.jsをベースにしたりアイコンはfontawesomeを使ったりして工数を減らしたつもりですが自分の使い勝手をよくするための一括変換できるようにしたりショートカットを入れたリンクボックスを作ったりブックマークレットを作ったりと小さな修正が以外と多く2週間ほどかかりましたがchatGPTが無かったらと思うとぞっとします。

daemon on
width 1920
height 1080
framerate 10
quality 90
output_pictures on
threshold 3000
noise_level 96
ffmpeg_output_movies off
on_picture_save "/var/motion_setting/send5.sh %f"
on_event_end none
on_movie_end none

$ cp /var/motion_setting/send.sh /var/motion_setting/send5.sh
$ vi /var/motion_setting/send5.sh

#!/bin/sh
FILE=$1
/var/motion_setting/Dropbox-Uploader/dropbox_uploader.sh upload $FILE ${FILE##*/}

$ sudo service motion restart
メールに来なくなったのでスッキリした。
家の全てのパソコンにDropbBoxを入れてるので、撮影データが家中のパソコンに大量に複製される事になってしまったので別の方法を探す事にした。
なおRaspberry Piに残ってるデータはcronで定期的に消すようにしています。

フロントエンド（画面操作）を作ってみたら、思いのほか気持ちのいい動きだったので正式に作る事にした。
ちなみに左右のフリックでタスクを完了＆削除させる動作はMailboxをパクってます。操作中（フリック中）迷えるのがいい感じです。

次に保存場所を考えた。自分一人が個人的に使う分には自前のサーバーデータを保存すればいい、だが公開する場合心許ない。もしも自分がユーザーの立場なら仕事の内容を見知らぬフリーランスのWEBサーバーに置かれるなんて不安だ。
そこでメジャーどころのWEBサービスをAPI経由で利用しクラウド上に保存する事にした。
まず頭に浮かんだのがEvernoteのAPI。機能的にタスクを管理するに最適に思えたが、私は以前からデスクトップに作業名のフォルダを作ってそこに関連ファイルを入れて作業管理をしており、これらのファイルとタスク管理アプリが連動出来ない事に不満を感じていたので、ファイル連動させるためにDropboxのAPIを採用する事にした。

DropboxのAPIは歴史が長く比較的WEB上に情報がある方だが、2年ほど前に改訂されたので多くの情報は古くて使えず、PHPでダイレクトにAPIにアクセスするのではなくDropboxの用意したライブラリを経由するタイプなので戸惑うことはあったが、サンプルが豊富なので試しながらなんとか形になった。

ここまでのシステムは約1週間で完成した。残り1ヶ月と3週間は何をしていたかというと、デバッグとトップの説明ページ作成だ。今回はUIを凝ったのでwindowsタブレットのタッチイベントの問題があったり、iosのスタンドアロンモードの問題があったりとデバッグに時間がかかったが、説明ページ制作が予想以上に時間がかかった。

まず日本人の政治家は肖像権は無いに等しいですが、大統領の写真の肖像権はどうなってるのか分らない。安全策で素材を買おうと思ったのですが日本の素材屋には無かった。
そこで、まずヤフオクで切手を買って、それをスキャナーで読み込む事にした。
だが、実際よってみると小さすぎる為か使い物にならないぐらい汚かった。
だめもとでiPhoneで撮影したら以外とキレイだったのでiPhone製を採用した。
（念の為、切手をWEBサイトに掲載してもいいか調べたところ総務省によるとWEBはOKだけど印刷するなら消印が無いとまずいが消印付のだとOKだそうだ。）

あと、TASK4BOXが概ね完成した頃に、そもそも「日本人にタスク管理する習慣があるのか？」という疑念が出てきた、周辺でタスク管理をしているという話を聞いたことが無く、DropBoxユーザーすら殆どいない。考えてみると巷にあるタスク管理アプリも大抵外国製だ。
そこで、英語版も作成する事にした。私には英語力が無いのでプロに任せる事にしたが知人に翻訳家がいないのでGengoにお願いしたところ2時間半で訳されて来た便利な時代だ。（ちなみに金額は993語の日英のビジネスプランで8,937円だった。）

TASK4BOXの肝であるファイル連動ですがブラウザからダイレクトにローカルフォルダを開くのは難しいが、ブラウザ版Dropboxはローカルフォルダを開くことができるのでブラウザ版Dropboxの該当フォルダへリンクする事した。
（ブラウザ版Dropboxがどんなパケットのやりとりを調べてみたが何かやりとりはあるけど解明出来なかった。おそらく通常のWEBブラウザではセキュリティ的に不可能なのでDropboxが自前のローカルソフトとアクセスし開いてるのかと思われる。）