ポートフォリオサイト
このサイトです。Nuxt.jsとmicroCMSを利用して作成しました。 画像の遅延読み込みやFull Static generate、StoryBookの導入などを試しています。
Portfolio
Qiita記事検索サイト
Qiita記事を1~100件取得して、結果を表示するサイトです。 axiosやページネーション処理(データをスライスして切り替え)など色々試してみました。
P5.js学習ページ
P5.jsとその関連ライブラリの学習ページです。スマホの加速度や傾きとの連動も試しています。 傾きの取得など、IOS13(iPad OS)の権限取得なども考慮して作りました。
チャットサイト
FireBaseの機能を使ったチャットサイトです。 リンクから部屋情報を渡せるようにしています。 現在、cloud firestoreに移行中で、画像投稿機能も開発しています。 (現在Nuxtで作り直し中)
ブログサイト
JAMStackの構成に興味を持ちNuxt、microCMSで初めて作成したブログサイトです。 カテゴリやタグなどの基本的なブログをイメージして作りました。
マークダウンエディター
electron-vueで作成したマークダウンエディターです。 ファイルの読み込み、書き込みに加えて、 qiita機能にある様な`---`や`***`で区切るスライドモードも作成しました。
LineBot
基本的なおうむ返しの処理と、特定の文を送られたときにQiita APIからタグ検索で記事を取得し、LGTMでソートして上位五件を返却するようにしました。
オーディオプレイヤー
electron、vueで作成しており、Howler.jsを使って曲の再生、制御をしています。 その他にも、ファイルドラッグ機能やアーティスト、アートワーク情報表示機能も作成しました。