[個人]スクリーンセーバーライブラリ『Scsaver.js』

OVERVIEW

Webページでスクリーンセーバー機能を実装するJavaScriptライブラリを開発をしました。

YEAR 2022

会場設置型のインタラクティブ動画の実装にあたり作成したスクリーンセーバー機能をOSS&JavaScriptライブラリ化しました。

ロゴはAdobe Illustratorで作成しています。

目的

  • 今後の作業効率化
  • OSS&JavaScriptライブラリの開発体験を得るため
  • ポートフォリオ用

使用技術

  • JavaScript(コード本体)
  • Sass(CSSコーディングの効率化)
  • Babel(各種ブラウザの言語仕様にJSコードを対応)
  • ESLint(コーディングルールの適用)
  • Prettier(コード自動フォーマット)
  • Yarn(NPMパッケージ管理)
  • Docusaurus(ドキュメント作成)
  • Rollup.js(公開JSコードの生成)
  • Cypress(E2Eテスト。動作のみ導入で不完全)
  • semantic-releaseによるリリース自動化(コミットルール管理/CHANGELOGやGitHubリリース、NPM公開の自動管理)
  • GitHub Actionsによる自動化(ドキュメント公開、Cypressのテスト自動化)

今後の予定(余裕があったら)

  • TypeScript化
  • 必要と思われる機能の追加


WEBSITE