.bubbleで簡単なアプリの作成

こんにちは！UGOK-5thメンバーのはるです。

今回は、.bubbleで簡単なアプリを作ってみようということで、.bubbleのチュートリアル「Graduation lesson: a to-do app」で作成したToDoリストにひと工夫加えてみました。

アプリの紹介

このToDoリストは、今日やることをリスト化するというものです。

「Simple progress bar」というプラグインを使用して、進捗状況が分かるようになってます。このプラグインの紹介も今度ブログに書こうと思います。

そして、進捗状況が100%になるとプログレスバーの右側にプレゼントアイコンが表示されるようにしてみました。

このプレゼントアイコンをクリックすると、

上のように雑学クイズと○×ボタンが表示される。

他にも「Air Color Picker」というプラグインを使用して、自分の好きな色の背景を設定できるようにしました。このプラグインについても今度ブログで紹介したいと思います。

今回は、カラーピッカーとカラーパレットの両方を表示させました。

今後の課題

今回はチュートリアルのToDoリストをそのまま使用したので、デザインなどももっと工夫してみたいと思います。

また、雑学クイズの数が少ないのでもう少し増やせたらと思います。

最後まで読んでいただきありがとうございました。