タグ

ブックマーク / zenn.dev/sabigara (2)

  • ReactとCSSの新しいUIフレームワークを作った

    リンク 公式サイト デモサイト 概要 Camome UIReact または HTML + CSS で使用できる UI フレームワークです。 ソースは React + CSS Modules で書かれており、 それを React コードからインポートするか、静的なクラス名で出力された CSS ファイルを読み込むことで使用できます。 特徴 軽量なバンドルサイズ 例えば @mui/[email protected] の Button は単体で16.9KBあり、それに Emotion や ThemeProvider も加わります。 それに対して Camome UI の Buttonは単体で 1.42KB(CSS 含む)、それにグローバル CSS の 4KB が加わります(計測方法)。 これらのフレームワークは言ってみれば「フルスタック」であり、どんなウェブサイト・アプリでも構築できる柔軟性と機能

    ReactとCSSの新しいUIフレームワークを作った
  • メン募サイトをNext.jsとFirebaseで作りました

    muuというバンドメンバー募集サービスを作ったので、使用したライブラリや所感をまとめました。 機能概要 ユーザーページ 活動拠点や楽器、ジャンルなど、基的な情報をまとめたユーザーページを作成できます。 バンドページ 各ユーザーはバンドを作成して、そのメンバーになることができます。 バンドはユーザーを招待して、メンバーとして紐付けることができます。 活動実績のタイムライン これまで投稿した動画や楽曲などをタイムライン形式で表示できます。YouTube や Spotify、SoundCloud などは埋め込みプレーヤーに対応しており、再生数やいいねの数なども取得して表示します。 実績は個人またはバンドのいずれか紐付きます。バンドに追加された実績はメンバーの個人ページでも共有されます。 募集 メン募サイトなので、当然「バンドメンバー募集」と「バンドに加入希望」の 2 種類の募集を掲載できます。

    メン募サイトをNext.jsとFirebaseで作りました
  • 1