/swk_web-2024

ソフトウェア工房 Webプロジェクト

ディレクトリ構成について

/：ディレクトリ区切り .：カレントディレクトリ #：コメントアウト

ROOT
  .README.md
  .index.html
  /html  #HTMLディレクトリ
    .html_files
  /assets
    /css #CSSディレクトリ
      .ccs_files
      /bin #参照用CSSディレクトリ
        .min.css_files
    /scss #SCSSディレクトリ
      .scss_files
    /js #JavaScriptディレクトリ
      .js_files
    /fonts #フォント用CSSディレクトリ
      .fonts.css_files

コーディングについて

  • 開発環境
    • VisualStudioCode
    • 拡張機能
      • Live Sass Compiler
      • Live Server
  • CSSについて
    • htmlではmin.cssを参照しています。
    • SCSSを採用しています。
  • JSについて
    • 機能ごとにファイルを分けています。