昨年から流行り始めたウイルスのおかげで常駐で行っているWebサービス案件が在宅となり、通勤時間がなくなった分、制作に充てられる時間が増えたこと、cdbk.net CREATIVESのフリーランスでの活動が間も無く丸10年を迎えるということで、この約2年ぐらい燻っていたサイトのNuxt.js化をリニューアルと合わせて行いました。
特に変わったことはせず、シンプルなレスポンシブ構成でトップにvue-carouselでスライド表示、下のPhotographyにflickr APIを使った写真一覧の表示とモーダル表示による１枚表示をしただけの構成です。
写真自体は今まで撮った6万枚ぐらいをflickrとiCloud、Adobe Cloudで管理していて、サイトで表示する写真はAPIが使いやすいflickrを使って、表示しています。
flickr APIの仕様でjsonがjsonpになるので今回はaxoisを使わず、async/await + vue-jsonp で実装しています。
今回Nuxt.jsは完全に静的な状態で `npm run generate` したものをサーバーに置いています。
もう少し汎用化とコンポーネント周りを充実させてから平準化したものをGithubで公開できればと考えているので、この時間が取れる間にいろいろやってみようと思います。