Home - Paku-Soba/Svelte-example-app GitHub Wiki

フロントエンド側のUI、CSSフレームワーク環境構築に関するドキュメントである。

目次

段取り

  • 開発_環境構築段取り
    • フロント側の開発環境構築する際の段取りとスケジューリングをまとめたドキュメントである。
    • 技術選定から検証まで、環境構築時の進め方について参考にすることができる。

技術検証

◾️UIフレームワーク

  • Svelte_環境構築検証
    • Svelte環境構築手順をまとめたドキュメントである。
    • UIフレームワークの構築や起動方法等確認することができる。

◾️CSSフレームワーク

  • TailwindCSS_環境構築検証
    • TailwindCSSの環境構築手順をまとめたドキュメントである。
    • CSSフレームワークの構築や設定方法等確認することができる。
      • Plugin1.　daisyUI_環境構築検証
        • daisyUIライブラリの環境構築手順をまとめたドキュメントである。
        • TailwindCSSのプラグインとして使用可能なライブラリの確認ができる。

◾️UIデザイン

  • UIデザイン確認まとめ
    • UIデザインレビューMTG内容及び実施後の動きをまとめたドキュメントである。
    • 2/27時点のデザインレビュー議事録内容、レビューを踏まえた上でのタスクの進め方を確認できる。
      • XD開発者用リンク活用方法まとめ
        • XD開発者用リンクからコードが効率よくかける活用方法をまとめたドキュメントである。
        • 具体的な操作方法など活用方法を動画で確認できる。
      • 「SCRIBE ASSIST」画面一覧
        • 2/28時点の「SCRIBE ASSIST」画面を洗い出しし、UIサンプルコード実装画面をまとめたドキュメントである。
        • サンプルコード実装時のコード実装方針についてもドキュメント化している。
        • 「議事録システム」チームへサンプルコードに関する連携事項も確認できる。

開発環境構築

◾️Git＆GitHub

  • GitHubリポジトリ作成_開発環境構築
    • GitHubリポジトリ作成からフロントエンド側の開発環境を構築する手順をまとめたドキュメントである。
    • 作成したリポジトリにてUI、CSSフレームワークの環境構築方法を確認することができる。