NASAのAPIのLINEBotでwebアプリを作りたい!
以前作ったNASAのAPIのLINEBotでwebアプリを作りたい!
↓過去作
このLINEBotでは毎日NASAがこれまでにとらえた天体画像が送られてくる。
自分で作ったっていうこともあり毎日NASAの写真を取得していた。しかしここで毎日こくられてくる中で、自分がいいなと思った写真がどこかに行ってしまう現象が起き始めた。
そんな問題を解決すべく今回はそこで取得した写真を記録できるWebアプリを作りたいと思った。
(未)完成品
LINEBotの情報に加えその日の出来事を記録できるサイトを作りたかった。
しかし時間の都合上ここまでしかできなかった。
ソースコード
See the Pen ToDoアプリ by Southeecric (@Southeecric) on CodePen.
先人の作品をヒントに取り掛かる
LINEBotで得た情報を含め記録しておく機能を作りたかったのでMy ToDo Appと歴代推し一覧を登録するアプリ~推しは多いほどいいよね~ #CodePen #Bootstrapの作り方を参考にした。
自分が使いたい機能がコードのどの部分かというのを見つけ出すのに時間がかかった。
また、ただ写真を記録するだけの機能ではほかのやり方もあると思うが、今回はAPIで得た情報に加え自分の日記を書けるようにし写真と日常を結び付けたいと思った。
また、宇宙感を出すために背景をCOSMOS Title Card CSS3からとってきてWebページの雰囲気を作った。
感想
CodePenは非常に便利だった。コード自体が分からないので、サンプルを使いコードを少しづつ変えながらどこが反映されるかというのを、見極めながら進めた。一か所変えるだけですべてに影響が出たり、何か所変えても自分の思い通りに行かない。そこに終始悪戦苦闘した。最近よく、コードが示している部分がどの部分なのかを示してくれる機能があればいいのにと思う。
コードが書けないからここまでしかできなかったというのかコードが書けないのにここまでできた、どちらにもとれるそんな挑戦だったと思う。
今回は完成させることができなかったが、LINEBotのままだとトーク履歴の中に消えていくだけであったが、このページを作ったことによって写真の記録だけではなくその日の自分の一日も記録することができる。ふとした瞬間に見返すと笑ってしまう新しい日記になると思う。