WEBアプリ

カレンダーwebアプリ

Vue.js 3 GitHub
TECH
使用技術
Vue.js 3 / GitHub

制作エピソード

カレンダーwebアプリ

vue.jsでカレンダーWebアプリを作成しました。
vue.jsはcliを使用して作成しました。
APIを使用して祝日を取得しております。

ターゲット

既存のスケジュールアプリで祝日がわかりにくく困っている人

目的

・iPhoneのデフォルトスケジュールアプリで祝日がわかりにくく、困っていたため
・自己学習のアウトプット

製作期間

半年(学習しながら作成したため時間がかかった)

URL

https://calendar.fanelab.com

制作に関するエピソード

「vue.js環境設定からスタート」

独学で環境設定から実施しました。
パッケージをインストールするところから、cliを使用して作業するところまで、意味を学習しながら作業を行ったため、作成までに時間を要しました。

「APIがエラーで取得できず困った」

今回は、GoogleカレンダーAPIを使用し、祝日を取得してカレンダーに反映させるような簡単なページを作成しようと考えていました。
簡単にできるものなのかと思っていましたが、取得して反映させる方法がまず難しく、AIに聞きながらコードを書きますが、エラーの連発。
デバックのプロセスをAIを使用しながら学習し、何とか反映させることができました。

「課題がたくさん」

動画やAIを使用してなんとか作成したこのwebアプリケーション。
意味の理解がまだ実用レベルではありません。

もう一度自分で一から同じようなものを作成してください、と言われたら困るようなレベルだと認識しています。

AIを使用すれば比較的簡単に作業はできますが、理解していないとエラーが起きた場合の対処が難しいことがわかりました。

コンポーネントの使い方は少し慣れてきたため、実用レベルの知識をつけていきたいと思います。

作品一覧へ戻る