create index page

.vscode/settings.json

@@ -1,62 +1,61 @@
 {
-  "workbench.startupEditor": "newUntitledFile",
-  "workbench.colorTheme": "One Dark Pro",
+  "[markdown]": {
+    "files.trimTrailingWhitespace": false
+  },
+  "diffEditor.renderSideBySide": false,
+  "editor.colorDecorators": false,
   "editor.detectIndentation": false,
   "editor.fontFamily": "Ricty Diminished",
   "editor.fontSize": 18,
-  "diffEditor.renderSideBySide": false, // Git の差分を行内に表示
-  "editor.colorDecorators": false, // カラーデコレーターを非表示
-  "editor.formatOnPaste": true, // ペースト時に自動でフォーマット
-  "editor.formatOnSave": true, // ファイル保存時に自動でフォーマット
-  "editor.formatOnType": true, // 入力した行を自動でフォーマット
-  "editor.minimap.renderCharacters": false, // ミニマップの表示文字をブロックに変更
-  "editor.minimap.showSlider": "always", // 表示領域をミニマップで常にハイライト
-  "editor.multiCursorModifier": "ctrlCmd", // マウスでの複数選択時の修飾キーを変更
-  "editor.renderControlCharacters": true, // 制御文字を表示
-  "editor.renderLineHighlight": "all", // 選択行を行番号含めすべてハイライト
-  "editor.renderWhitespace": "all", // 半角スペースを常に表示
-  "editor.snippetSuggestions": "top", // Emmet などのスニペット候補を優先して表示
-  "editor.tabSize": 2, // タブのサイズ変更
-  "editor.wordWrap": "on", // エディターの幅で折り返し
+  "editor.formatOnPaste": true,
+  "editor.formatOnSave": true,
+  "editor.formatOnType": true,
   "editor.insertSpaces": true,
-  "emmet.showSuggestionsAsSnippets": true, // Emmet の候補を表示
-  "emmet.triggerExpansionOnTab": true, // TAB キーで Emmet を展開できるようにする
+  "editor.minimap.renderCharacters": false,
+  "editor.minimap.showSlider": "always",
+  "editor.multiCursorModifier": "ctrlCmd",
+  "editor.renderControlCharacters": true,
+  "editor.renderLineHighlight": "all",
+  "editor.renderWhitespace": "all",
+  "editor.snippetSuggestions": "top",
+  "editor.tabSize": 2,
+  "editor.wordWrap": "on",
+  "emmet.showSuggestionsAsSnippets": true,
+  "emmet.triggerExpansionOnTab": true,
   "emmet.variables": {
-    // Emmet で展開される HTML の言語を変更
     "lang": "ja"
   },
-  "explorer.confirmDelete": false, // ファイル削除時の確認を表示しない
+  "eslint.validate": ["javascript"],
+  "explorer.confirmDelete": false,
   "files.associations": {
-    // ファイルと言語の関連付けを変更
     ".*lintrc": "json"
   },
   "files.exclude": {
-    // エクスプローラーから非表示にするファイル
     "**/*.map": true,
     "**/node_modules": true
   },
-  "files.insertFinalNewline": true, // ファイルの保存時に末尾を改行
-  "files.trimFinalNewlines": true, // ファイルの保存時に最終行以降をトリミング
-  "files.trimTrailingWhitespace": true, // ファイルの保存時に行末の空白をトリミング
-  "[markdown]": {
-    "files.trimTrailingWhitespace": false // Markdown のファイルは行末の空白をトリミングしない
-  },
-  "html.format.contentUnformatted":
-    "pre, code, textarea, title, h1, h2, h3, h4, h5, h6, p", // タグ内の記述はフォーマットしない
-  "html.format.extraLiners": "", // head, body, /html タグの前に改行を入れない
-  "html.format.unformatted": null, // フレージング・コンテンツ（旧インライン要素のようなタグ）はフォーマットしない
-  "html.format.wrapLineLength": 120, // 行の文字数制限を無くし自動で改行させない
+  "files.insertFinalNewline": true,
+  "files.trimFinalNewlines": true,
+  "files.trimTrailingWhitespace": true,
+  "html.format.contentUnformatted": "pre, code, textarea, title, h1, h2, h3, h4, h5, h6, p",
+  "html.format.extraLiners": "",
+  "html.format.unformatted": null,
+  "html.format.wrapLineLength": 120,
+  "prettier.bracketSpacing": true,
+  "prettier.jsxBracketSameLine": false,
+  "prettier.printWidth": 120,
+  "prettier.semi": true,
+  "prettier.singleQuote": true,
+  "prettier.useTabs": false,
   "search.exclude": {
-    // 検索対象外にするファイル設定（ files.exclude のファイルも含む）
     "**/tmp": true
   },
-  "window.openFoldersInNewWindow": "on", // 新規ワークスペースを別ウインドウで開く
-  "window.title": "${activeEditorMedium}${separator}${rootName}", // ウインドウ上部に表示する文字列の設定
-  "workbench.editor.labelFormat": "short", // タブに表示する文字列の設定
+  "window.openFoldersInNewWindow": "on",
+  "window.title": "${activeEditorMedium}${separator}${rootName}",
+  "window.zoomLevel": 0,
+  "workbench.colorTheme": "One Dark Pro",
+  "workbench.editor.labelFormat": "short",
   "workbench.editor.tabSizing": "shrink",
   "workbench.iconTheme": "material-icon-theme",
-  "window.zoomLevel": 0, // タブの表示設定
-  "files.eol": "\n",
-  "prettier.singleQuote": true,
-  "eslint.validate": ["javascript"]
+  "workbench.startupEditor": "newUntitledFile"
 }

src/assets/index/slider.js

@@ -0,0 +1,18 @@
+$(document).ready(function() {
+  $('.hero-area > .slider').slick({
+    slidesToShow: 1,
+    slidesToScroll: 1,
+    infinite: true,
+    cssEase: 'ease-in-out',
+    lazyLoad: 'ondemand',
+    mobileFirst: true,
+    autoplay: true,
+    autoplaySpeed: 10000,
+    touchMove: false,
+    draggable: false,
+    arrows: false,
+    dots: false,
+    fade: true,
+    pauseOnHover: false
+  });
+});