WEBアプリ
カレンダーwebアプリ
- TECH
使用技術 - Vue.js 3 / GitHub
Episode
制作エピソード
カレンダーwebアプリ
vue.jsでカレンダーWebアプリを作成しました。
vue.jsはcliを使用して作成しました。
APIを使用して祝日を取得しております。
ターゲット
既存のスケジュールアプリで祝日がわかりにくく困っている人
目的
・iPhoneのデフォルトスケジュールアプリで祝日がわかりにくく、困っていたため
・自己学習のアウトプット
製作期間
半年(学習しながら作成したため時間がかかった)
URL
制作に関するエピソード
「vue.js環境設定からスタート」
独学で環境設定から実施しました。
パッケージをインストールするところから、cliを使用して作業するところまで、意味を学習しながら作業を行ったため、作成までに時間を要しました。
「APIがエラーで取得できず困った」
今回は、GoogleカレンダーAPIを使用し、祝日を取得してカレンダーに反映させるような簡単なページを作成しようと考えていました。
簡単にできるものなのかと思っていましたが、取得して反映させる方法がまず難しく、AIに聞きながらコードを書きますが、エラーの連発。
デバックのプロセスをAIを使用しながら学習し、何とか反映させることができました。
「課題がたくさん」
動画やAIを使用してなんとか作成したこのwebアプリケーション。
意味の理解がまだ実用レベルではありません。
もう一度自分で一から同じようなものを作成してください、と言われたら困るようなレベルだと認識しています。
AIを使用すれば比較的簡単に作業はできますが、理解していないとエラーが起きた場合の対処が難しいことがわかりました。
コンポーネントの使い方は少し慣れてきたため、実用レベルの知識をつけていきたいと思います。