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が無かったらと思うとぞっとします。

「Messaging API」用にビジネスアカウントを作成する。（WEBサービスなのでビジネスアカウントと言われると違和感があるがLineは元々事業用のアカウント「LINE@」をやってるせいもあって個人のユーザーアカウントと会社のビジネスアカウントを分けて管理しており、その流れでビジネスアカウントを使ってAPIを運営してるので紛らわしい呼称になっています。）
アカウント名はWEBサービス名という事なので「コミック発売日BOT」業種は「個人」「個人（IT・コンピューター）」としました。

完了したらLINE@ MANAGERの画面が現れるので「アカウント設定」「Bot設定」から「APIを利用する」をクリックして有効にした後、「リクエスト設定」の「Webhook送信」を「利用する」にして「詳細設定」は「Botのグループトーク参加」「自動応答メッセージ」「友だち追加時あいさつ」はすべて「利用しない」にして保存する。

Business Centerに戻ってアカウントリストを見ると先ほど作成したビジネスアカウントが表示されると思いますので「Line developers」を押します。

Line developersではアプリの設定が可能になるのでトップ（Basic information）の右下の「EDIT」を押して編集していきます。
旧「BOT API Trial」では「Callback URL」と呼ばれていたものが「Webhook URL」に名称変更され概要欄（Description）が追加になっています。
あと「MID」が無くなり「Channel Access Token」が追加されていまました。という事は今までの方法では認証できなくなるのでお手軽に引っ越しという訳にはいかなそうです。

スクリプトは割愛しますがリファレンスを読んでみると仕様がかなり変わってるのでどうしようかと思ったが分かりやすくなっていたので数時間で移行できました。
前回同様QRを吊しておきます。試してみたい方は下のQRから友達に登録してみてください。

せっかく作ったので、昨日大説明会があった「LINE BOT AWARDS」にもエントリーしようと思ってます。

仕組みはLINEで受けたコミック名からマイリリースのコミュニティ検索で検索し、その検索結果の1番目のコミックの発売日情報を返すという感じです。
例えば「コナン」で検索すると名探偵コナンの発売日情報が表示されます。
試してみたい方は下のQRから友達に登録してみてください。

友達数の上限が厳しく、法人でないと制限緩和の審査すらできないので、このあたりのハードルを下げて貰いたい。
ちなみに以前作成したInstagramのAPIを使って作ったBUHIが審査が必要になり2016年6月以降は使えなくなります。

フロントエンド（画面操作）を作ってみたら、思いのほか気持ちのいい動きだったので正式に作る事にした。
ちなみに左右のフリックでタスクを完了＆削除させる動作は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が自前のローカルソフトとアクセスし開いてるのかと思われる。）

ここから、ロゴやらデザインやらUIやら検証やらで丸一日ぐらいかかって、計1.5日ぐらいで出来た。

フレブルの写真をInstagramで検索して続々と表示するだけのWEBサイト「BUHI」です。

今回はお手本が既にある制作なので一日ぐらいで作りたがったがUI的な部分に時間がかかってしまった。
機能的には下記のような感じです。
・スマホ対応
・上にスクロールしすぎたら新着データを読む
・下にスクロールし底に近くなったら古いデータを読む
・Googleがかなり下までスクロールするのである程度で止める。
・読み込み中はボタンの色を変えて連続読み込みを停止する。
・動画にも対応
・ホバー又はクリックでテキスト情報表示へ切り替え
・右上に「いいね数」表示

それは、別にいいんだけど、リニューアルした、セブンネットショッピングがとても重い。
商品単品のページはまだマシだけど、検索したりすると重すぎて商品はありませんとか出たりする。（たぶんDBから値が返ってこないので商品が無いと判断したんだろう）。
2ｃｈではセキュリティの問題がとりだたせれている。
現在、MyReleaseでは在庫情報を調べるのにセブンネットショッピングはAPIが用意されていないのでサイトのアドレスを検索し在庫状況を調べに行ってるんだけど返りが遅すぎて使い物にならない。
仕方が無いのでヤフーのWEB検索のAPIを使って完全ではないけど検索の速度は上がったが、商品ページの読み込みに時間がかかり結局使えない。（MyReleaseではレスポンスを維持するため2秒以内に返ってこないアドレスは無視するようにしてる）

ヨドバシのリニューアルも重くてクレームがひどかったけど、セブンネットショッピングも直るのかな？