
「[THE 拡散思考](https://the-divergent-thinking.netlify.app/)」という拡散的思考を活用したアイデア出しアプリを作ったのでアプリの概要ざっと書き残しておきます。

## アプリの目的

アイデア出し時の視野を広げることを目的としています。

## 機能

拡散的思考特化のアプリにしたかったため「ユーザーの入力したワードを元に、関連するワードを大量に表示する」という1機能のみ実装しています。今後も大きな機能追加は予定していません。

## 内部仕様

特記することはあまりないので、このアプリの根幹機能である関連ワード取得についてのみ書きます。  
この機能には「Google Suggest API」を使用しているのですが、APIの仕様が公開されていないようなので結構手探りで使うことになりました。

ちなみにJavaScriptでこのAPIを使う場合はパラメーターに`client=chrome`もしくは`client=firefox`を追加して、レスポンスを`text/javascript`形式で受け取ってjsonpで読み込む必要があります。このAPIについて調べると検索上位の記事に「現在はXMLしか取得できない」などと書かれているわけですが、JavaScriptの場合はどうあがいてもCORSエラーを抜けることができなないため逆にXMLの取得はできないと思います。

以下のコードは実際にAPI取得のときに使っているものです。ご参考までにどうぞ（jsonpの読み込みには[fetch-jsonp](https://www.npmjs.com/package/fetch-jsonp)というライブラリを使用しています）。

```ts
async getSuggestWord(query: string): Promise<string[]> {
    return await fetchJsonp(`https://www.google.com/complete/search?hl=ja&client=chrome&q=${query}`).then((res) => res.json()).then((res) => {
        const query = res[0];
        const words = res[1];
        const replacedWords = words.map((word: string) => word.replace(`${query} `, ''));

        return replacedWords;
    }).catch((err) => {
        return [`__error__: ${err}`];
    });
},
```

## おわりに

自分で作っておいて言うのものなんですが、なかなか有用なものを作った気がします彡(^)(^)  
使っていてすでに直したい部分がいくつかあったので、今後もちまちま更新していこうと思います。おわり。


アイデア出しに役立つアプリを作ったからみんな使え！！

先日「[カダイの付箋](https://kadai-no-fusen.site/)」という課題管理Webアプリケーションを制作したので、制作の経緯など記しておきます。

## 制作した経緯

端的にいってしまえば、無職になったので自己管理を徹底せねばと思ったからです。

無職になると24時間すべてを自由に使えるわけですが、ざっくりな予定しか立てずに行動をしていると、大した成果もなく日々があっという間に過ぎてしまいます。  
また、そうしているうちに「あの時ああしていれば」、「この時間にあの作業やってたら」のようなタラレバが嵩んでいき、過去を後悔するようになります。

そういった後悔を回避するには、今ある課題から目を背けずに整理し、明示して、解決する必要があります。  
この課題の「整理・明示・解決」の方法は人それぞれやり方があると思うのですが、私はこの無職の期間中は基本家におり、その間のほとんどはPCを触っているだろうと予想しているので、一番無理なく続けることができそうなWebアプリケーションを使う（作る）という方法を選択しました。

## 制作の流れ

制作は、「機能要件の定義」、「WF（情報設計）作成」、「実装」の3工程で行いました。  
機能用件の定義の段階では、自分が欲しいと思った機能をMDファイルに書き殴っていきました。  
また、実業務の課題管理をする際に使用していた、「Backlog」および「Win 10に付属している付箋ソフト」などが有する機能をまとめたりもしました。

そして、それら基にWFを起こしていきました。

<tl-img
    src="/images/blog/post/2021/02/20210218_2.jpg"
    alt="カダイの付箋のWF">
</tl-img>

WFなんて久しく書いていなかったので、なかなか骨が折れました…。  
WFができてからはゴリゴリ実装作業を開始したのですが、もともと1週間程度で終わらせようと思っていたのに、なんだかんだ2週間くらいかかってしまいました（それもこれも作業環境がﾜﾙｲｾｲﾀﾞ）。

少し内部的のことも書いておくと、このアプリケーションのデータ保持には「[IndexedDB API](https://developer.mozilla.org/ja/docs/Web/API/IndexedDB_API)」というをモノを使用しています。  
もともとFirebaseを使って認証機能およびデータの保持をしようと思っていたのですが、それ（というか認証機能）をつけてしまうとこのアプリケーションの手軽さが消えて、おそらく継続して使わなくなるだろうと考え、現在の実装になりました。

同じようなAPIに「[Web Storage API](https://developer.mozilla.org/ja/docs/Web/API/Web_Storage_API)」などがありますが、なぜそれらを使わなかったのかというと、IndexedDB APIのバージョンアップ機能や非同期で処理が実行できる点に魅せられたからです。

## おわりに

すでに自分で使っていて気になる箇所がいくつかあったので、今後もアップデートを重ねてより良いサービスにしていきたいと思います彡(^)(^)

ちなみにデザインについてはある程度WFで想像を膨らまして、実装でそれを落とし込めればいいかなと思い端折りましたが、結局そのせいで実装の微調整を繰り返して余計な時間を食ってしまいました。やはりデザインはしっかり作ってから実装作業をしなくちゃなあと思いました（コナミ）。

タグ：アプリ

アイデア出しに役立つアプリを作ったからみんな使え！！

無職になったから自分の課題を管理するためのアプリを作ったンゴ