OGP Gallery

ハイライト

📱 WebとAndroid/iOSアプリ版を同時リリース

❄️ CPU負荷を意識したコーディング(Object.freezeでリアクティブを制限)

🌟 省メモリを意識したコーディング(モバイル版に仮想スクロールを実装)

gif by tangbc/vue-virtual-scroll-list

Web版(SPA)について

Vue製のフレームワークQuasarを利用して作成(QuasarはNuxtと同等以上の機能があります)

• SPA部分のコード

Android/iOSアプリ版について

アプリ版はCordova後継のCapacitorで開発しています。

• Androidのコード
• iOSのコード
• 拙作のCapacitorプラグインのリポジトリ(TypeScript/Java/Swiftを利用)
• 公式の掲載情報(Display > Keep Screen On に掲載)

テストについて

ユニットテストのサンプル

• 許容できるパスワード強度の正規表現をテスト

E2Eテストのサンプル

• Firebaseを使ったログイン&ページ遷移が正常に行えるかのテスト
  (上記ログインテストの様子は以下のCI/CDにて動画として自動保存しています)

CI/CDについて

• プッシュ時にユニットテスト
• プルリク時にテスト環境に自動デプロイ&E2Eテストを実行
• マージ時にプロダクション環境に自動デプロイ (テスト動画をGithubに自動保存しています)