タスク管理アプリ
・サービス概要:タスク管理ツール「Trello」を参考にして作成したサービスでタスクを記述したカードをドラッグ&ドロップすることで視覚的にタスクを管理できます。 ・使用言語・技術:JavaScript(Vue.js)/Vuex/Vue.Draggable/Firebase ・工夫した点:教材、サイトを参考に作成をしたのですが、参考にしたコードなどの意味を全て理解し、追加の機能を自分で考え、実装することで知識を定着させることができました。機能を追加する際にはWebアプリの操作のしやすさやドラッグ&ドロップの際の見やすさを意識してコードを書きました。 ・苦労した点と解決策:苦労した点としてVueのコンポーネント間のデータの受け渡しとVuexでのデータの管理に関する部分の理解が挙げられます。Vue.jsを使った開発は初めてだったので、コンポーネント同士のデータの受け渡しの部分で理解に苦しむ箇所がありましたが、調べながら追加機能を作成していく過程で様々な情報から試行錯誤することによって、理解を深めていくことができました。また、Vuexにおいてはデータの管理を完全に理解するまでは時間が掛かりましたが、機能を追加する過程で学んでいくことができました。一度覚えた知識は期間が経って忘れてしまった時でもすぐに確認できるように起きた問題とその解決策は必ずメモをするという工夫もしています。 ・学んだこと:タスク管理アプリの制作を通してJavaScriptフレームワークを理解することができました。JavaScriptのフレームワークを使用したことがなかったため、コンポーネントやディレクトリ構成など慣れない箇所が多かったのですが、機能を考えて実装する際に各ファイルやコードの役割を学ぶことができました。