{"componentChunkName":"component---src-templates-docs-js","path":"/Tips","result":{"data":{"site":{"siteMetadata":{"title":"nukopy's Wiki","docsLocation":"https://github.com/nukopy/wiki"}},"mdx":{"fields":{"id":"38e102ab-3255-5b55-80c7-0552163aa2ae","title":"Tips","slug":"/Tips"},"body":"function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsx mdx */\nvar _frontmatter = {\n  \"title\": \"Tips\",\n  \"metaTitle\": \"Tips | Wiki\",\n  \"metaDescription\": \"Some tips\"\n};\n\nvar makeShortcode = function makeShortcode(name) {\n  return function MDXDefaultShortcode(props) {\n    console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n    return mdx(\"div\", props);\n  };\n};\n\nvar layoutProps = {\n  _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n  var components = _ref.components,\n      props = _objectWithoutProperties(_ref, [\"components\"]);\n\n  return mdx(MDXLayout, _extends({}, layoutProps, props, {\n    components: components,\n    mdxType: \"MDXLayout\"\n  }), mdx(\"p\", null, \"\\u5404\\u7A2E tips\\uFF0C\\u5FD8\\u308C\\u3084\\u3059\\u305D\\u3046\\u306A\\u64CD\\u4F5C\\u306E\\u30E1\\u30E2\\u66F8\\u304D\\uFF0E\"), mdx(\"h2\", null, \"Wiki \\u306E\\u7DE8\\u96C6\"), mdx(\"h3\", null, \"\\u7DE8\\u96C6\\u65B9\\u6CD5\"), mdx(\"ol\", null, mdx(\"li\", {\n    parentName: \"ol\"\n  }, \"VSCode \\u3067 \", mdx(\"inlineCode\", {\n    parentName: \"li\"\n  }, \"wiki\"), \" \\u306E\\u30D7\\u30ED\\u30B8\\u30A7\\u30AF\\u30C8\\u30C7\\u30A3\\u30EC\\u30AF\\u30C8\\u30EA\\u3092\\u958B\\u304F\\uFF0E\"), mdx(\"li\", {\n    parentName: \"ol\"\n  }, \"\\uFF08\\u521D\\u56DE\\u306E\\u307F\\uFF09\\u30BF\\u30FC\\u30DF\\u30CA\\u30EB\\u3067 \", mdx(\"inlineCode\", {\n    parentName: \"li\"\n  }, \"yarn install\"), \"\\uFF08Command Line Tools\\uFF0C\\u3068\\u3044\\u3046\\u3088\\u308A C/C++ \\u30B3\\u30F3\\u30D1\\u30A4\\u30E9\\u304C\\u5FC5\\u8981\\uFF09\\u3092\\u5B9F\\u884C\\u3057\\uFF0CGatbyJS \\u306A\\u3069\\u306E npm \\u30D1\\u30C3\\u30B1\\u30FC\\u30B8\\u3092\\u30A4\\u30F3\\u30B9\\u30C8\\u30FC\\u30EB\\uFF0E\"), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"inlineCode\", {\n    parentName: \"li\"\n  }, \"yarn start\"), \" \\u3092\\u5B9F\\u884C\\u3057\\uFF0C\", mdx(\"inlineCode\", {\n    parentName: \"li\"\n  }, \"http://localhost:8000/\"), \" \\u3092\\u958B\\u304F\\uFF0E\"), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"inlineCode\", {\n    parentName: \"li\"\n  }, \"wiki/content/\"), \" \\u914D\\u4E0B\\u306E Markdown \\u3092\\u7DE8\\u96C6\\u3059\\u308B\\u7DE8\\u96C6\\u30B9\\u30BF\\u30FC\\u30C8\\uFF08\\u30DB\\u30C3\\u30C8\\u30EA\\u30ED\\u30FC\\u30C9\\u304C\\u6709\\u52B9\\uFF09\\uFF0E\")), mdx(\"p\", null, \"\\uFF08\\u5FC5\\u8981\\u3067\\u3042\\u308C\\u3070 \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"src/components/myMdxComponents/WikiContentsTree.jsx\"), \" \\u306E\\u30D5\\u30E9\\u30B0 \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"isLocal\"), \" \\u3092 \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"true\"), \" \\u306B\\u3057\\u3066\\u304B\\u3089\\u7DE8\\u96C6\\u3092\\u59CB\\u3081\\u308B\\uFF09\"), mdx(\"p\", null, \"Wiki \\u306E\\u30B3\\u30F3\\u30C6\\u30F3\\u30C4\\u306F \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"wiki/content/\"), \" \\u914D\\u4E0B\\u306B\\u3042\\u308B\\u304C\\uFF0CMarkdown \\u3068 MDX\\uFF08React \\u30B3\\u30F3\\u30DD\\u30FC\\u30CD\\u30F3\\u30C8\\u3092 Markdown \\u306B\\u7D44\\u307F\\u8FBC\\u3080\\uFF09\\u306B\\u3088\\u308B\\u7DE8\\u96C6\\u304C\\u53EF\\u80FD\\u3067\\u3042\\u308B\\uFF0E\"), mdx(\"h3\", null, \"\\u30B5\\u30A4\\u30C9\\u30D0\\u30FC\\u306B\\u9805\\u76EE\\u3092\\u8FFD\\u52A0\\u3057\\u305F\\u3044\\u6642\"), mdx(\"p\", null, \"1\\uFF0E\", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"wiki/content\"), \" \\u306B\\u65B0\\u3057\\u304F\\u4F5C\\u308A\\u305F\\u3044\\u9805\\u76EE\\u540D\\u306E\\u30C7\\u30A3\\u30EC\\u30AF\\u30C8\\u30EA\\uFF0CMarkdown \\u30D5\\u30A1\\u30A4\\u30EB\\u3092\\u4F5C\\u308A\\uFF0CSEO \\u306E\\u8A2D\\u5B9A\\uFF08\", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"title\"), \", \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"metaTitle\"), \" \\u306A\\u3069\\uFF09\\u3092\\u66F8\\u304D\\u52A0\\u3048\\u308B\\uFF0E\"), mdx(\"p\", null, \"\\u30C7\\u30A3\\u30EC\\u30AF\\u30C8\\u30EA\\uFF0C\\u30D5\\u30A1\\u30A4\\u30EB\\u4F5C\\u6210\\u5F8C\\u306E\\u30C7\\u30A3\\u30EC\\u30AF\\u30C8\\u30EA\\u69CB\\u6210\"), mdx(\"pre\", null, mdx(\"code\", _extends({\n    parentName: \"pre\"\n  }, {\n    \"className\": \"language-sh\"\n  }), \"wiki/content\\n  - NewContent\\uFF08\\u30C7\\u30A3\\u30EC\\u30AF\\u30C8\\u30EA\\uFF09\\n  - NewContent.md\\n\")), mdx(\"p\", null, \"2\\uFF0E\", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"config.js\"), \" \\u306E\\u7DE8\\u96C6\"), mdx(\"p\", null, mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"sidebar.forcedNavOrder\"), \"\\uFF08\\u30B5\\u30A4\\u30C9\\u30D0\\u30FC\\u306E\\u8868\\u793A\\u9806\\u5E8F\\u306E\\u8A2D\\u5B9A\\uFF09\\u306B\\u65B0\\u3057\\u3044\\u9805\\u76EE \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"/NewContent\"), \" \\u3092\\u4EFB\\u610F\\u306E\\u4F4D\\u7F6E\\u306B\\u52A0\\u3048\\u308B\\uFF0E\"), mdx(\"pre\", null, mdx(\"code\", _extends({\n    parentName: \"pre\"\n  }, {\n    \"className\": \"language-js\"\n  }), \"const config = {\\n  ...\\n  sidebar: {\\n    forcedNavOrder: [\\n      \\\"/Home\\\",\\n      \\\"/Language\\\",\\n      \\\"/Database\\\",\\n      \\\"/DevelopmentEnvironment\\\",\\n      \\\"/Web\\\",\\n      \\\"/Git\\\",\\n      \\\"/TechnicalTerms\\\",\\n      \\\"/Service\\\",\\n      \\\"/Tips\\\",\\n+     \\\"/NewContent\\\",\\n    ],\\n    links: [{ text: \\\"nukopy\\\", link: \\\"https://github.com/nukopy/\\\" }],\\n    frontline: false,\\n    ignoreIndex: false\\n  },\\n  ...\\n}\\n\")), mdx(\"p\", null, \"2\\uFF0E\", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"src/components/sidebar/tree.js\"), \" \\u306E\\u7DE8\\u96C6\"), mdx(\"p\", null, \"\\u30B3\\u30F3\\u30DD\\u30FC\\u30CD\\u30F3\\u30C8 \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"Tree\"), \" \\u5185\\u306E Hooks \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"setCollapsed\"), \" \\u306E\\u521D\\u671F\\u5024\\u306B\\uFF0C\\u65B0\\u3057\\u3044\\u9805\\u76EE\\u306E\\u8A2D\\u5B9A\\u3092\\u52A0\\u3048\\u308B\\uFF0E\"), mdx(\"pre\", null, mdx(\"code\", _extends({\n    parentName: \"pre\"\n  }, {\n    \"className\": \"language-js\"\n  }), \"const [collapsed, setCollapsed] = useState({\\n  // Edit here WHEN the order of right sidebar is changed or new chapter is added in `config.js`.\\n  '/Language': true,\\n  '/Database': true,\\n  '/DevelopmentEnvironment': true,\\n  '/Web': true,\\n  '/Git': true,\\n  '/TechnicalTerms': true,\\n  '/Service': true,\\n+ '/NewContent': true,\\n});\\n\")), mdx(\"p\", null, \"3\\uFF0E\\u518D\\u5EA6\\u30D3\\u30EB\\u30C9\\u3092\\u5B9F\\u884C\\u3057\\u3066\\u65B0\\u3057\\u3044\\u9805\\u76EE\\u304C \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"config.js\"), \" \\u306B\\u8A2D\\u5B9A\\u3057\\u305F\\u8868\\u793A\\u9806\\u5E8F\\u901A\\u308A\\u306B\\u8868\\u793A\\u3055\\u308C\\u3066\\u308C\\u3070 OK\\uFF0E\"), mdx(\"p\", null, \"\\u65B0\\u3057\\u3044\\u9805\\u76EE\\u3092\\u52A0\\u3048\\u305F\\u3068\\u304D\\u306B\\u30A8\\u30E9\\u30FC\\u304C\\u51FA\\u308B\\u306E\\u306F\\u5927\\u62B5\\u3053\\u306E\\u8A2D\\u5B9A\\u3092\\u5FD8\\u308C\\u3066\\u308B\\u5834\\u5408\\u304C\\u591A\\u3044\\uFF0E\"), mdx(\"h3\", null, \"\\u30A8\\u30E9\\u30FC\\u51E6\\u7406\"), mdx(\"p\", null, \"\\u30ED\\u30FC\\u30AB\\u30EB\\u74B0\\u5883\\u3067\\u958B\\u767A\\u6642\\uFF0Cmdx \\u3067 React \\u30B3\\u30F3\\u30DD\\u30FC\\u30CD\\u30F3\\u30C8\\u3092\\u65B0\\u3057\\u304F\\u7D44\\u307F\\u8FBC\\u3093\\u3060\\u969B\\u306E\\u30D3\\u30EB\\u30C9\\u306B\\u3066 Webpack \\u306A\\u3069\\u306E\\u30A8\\u30E9\\u30FC\\u304C\\u51FA\\u308B\\u3068\\u304D\\u306F\\uFF0C\", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"wiki/.cache\"), \" \\u3092\\u6D88\\u3057\\u3066\\u518D\\u5EA6\\u30D3\\u30EB\\u30C9\\u3059\\u308B\\u3068\\u3046\\u307E\\u304F\\u3044\\u304F\\u3053\\u3068\\u304C\\u3042\\u308B\\uFF0E\"), mdx(\"h3\", null, \"Markdown \\u306E\\u30C7\\u30B6\\u30A4\\u30F3\\u306E\\u7DE8\\u96C6\"), mdx(\"p\", null, \"\\u57FA\\u672C\\u7684\\u306B\\u306F\\uFF0CChrome \\u306E Inspect\\uFF08Dev Tool\\uFF09\\u3067\\u30B3\\u30F3\\u30DD\\u30FC\\u30CD\\u30F3\\u30C8\\u306E\\u69CB\\u6210\\u3092\\u898B\\u308C\\u3070\\uFF0C\\u5404\\u8981\\u7D20\\u306E\\u30C7\\u30B6\\u30A4\\u30F3\\u304C\\u3069\\u306E\\u30B3\\u30FC\\u30C9\\u7531\\u6765\\u306A\\u306E\\u304B\\uFF08CSS \\u30D5\\u30A1\\u30A4\\u30EB, CSS in JS\\uFF0C\\u306A\\u3069\\uFF09\\u898B\\u5F53\\u304C\\u3064\\u3051\\u3089\\u308C\\u308B\\uFF0E\"), mdx(\"p\", null, \"--\"), mdx(\"p\", null, \"\\u63A2\\u3059\\u306E\\u304C\\u9762\\u5012\\u3060\\u3063\\u305F\\u30C7\\u30B6\\u30A4\\u30F3\\u306E\\u7531\\u6765\\u3092\\u4EE5\\u4E0B\\u306B\\u5217\\u6319\\u3057\\u3066\\u304A\\u304F\\uFF0E\"), mdx(\"ul\", null, mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"inlineCode\", {\n    parentName: \"li\"\n  }, \"src/mdxComponents\"), \" \\u914D\\u4E0B\\u306E\\u30D5\\u30A1\\u30A4\\u30EB\\u304C Markdown \\u306E\\u8A2D\\u5B9A\\u3092\\u62C5\\u3063\\u3066\\u3044\\u308B\", mdx(\"ul\", {\n    parentName: \"li\"\n  }, mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"inlineCode\", {\n    parentName: \"li\"\n  }, \"src/mdxComponents/heading.js\"), \": \\u898B\\u51FA\\u3057\\u8981\\u7D20 \", mdx(\"inlineCode\", {\n    parentName: \"li\"\n  }, \"h1\"), \", \", mdx(\"inlineCode\", {\n    parentName: \"li\"\n  }, \"h2\"), \", ... \\u306E\\u8A2D\\u5B9A\")))), mdx(\"h3\", null, \"MDX \\u306E\\u8A2D\\u5B9A\"), mdx(\"p\", null, \"\\u30B3\\u30F3\\u30DD\\u30FC\\u30CD\\u30F3\\u30C8 \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"MDXProvider\"), \" \\u306E props \\u306B\\uFF0CMarkdown \\u3092\\u5909\\u63DB\\u3059\\u308B\\u969B\\u306E\\u8A2D\\u5B9A\\u306E\\u305F\\u3081\\u306E\\u30AA\\u30D6\\u30B8\\u30A7\\u30AF\\u30C8\\u3092\\u6E21\\u3059\\u3053\\u3068\\u3067\\uFF0C\\u30EC\\u30F3\\u30C0\\u30EA\\u30F3\\u30B0\\u3055\\u308C\\u308B Markdown \\u306E\\u88C5\\u98FE\\u3092\\u5909\\u3048\\u308B\\u3053\\u3068\\u304C\\u3067\\u304D\\u308B\\uFF0E\"), mdx(\"p\", null, \"\\u73FE\\u72B6\\u3067\\u306F\\uFF0C\\u4EE5\\u4E0B\\u306E\\u3088\\u3046\\u306A\\u30AA\\u30D6\\u30B8\\u30A7\\u30AF\\u30C8\\u304C\"), mdx(\"ul\", null, mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"inlineCode\", {\n    parentName: \"li\"\n  }, \"src/components/mdxComponents/index.js\"))), mdx(\"p\", null, \"Markdown \\u304C\\u3069\\u306E\\u3088\\u3046\\u306B\\u30EC\\u30F3\\u30C0\\u30EA\\u30F3\\u30B0\\u3055\\u308C\\u308B\\u304B\\u3092\\u5909\\u3048\\u305F\\u3044\\u5834\\u5408\\u306F\\uFF0C\\u3053\\u306E\\u30D5\\u30A1\\u30A4\\u30EB\\u5185\\u3067\\u8AAD\\u307F\\u8FBC\\u307E\\u308C\\u3066\\u3044\\u308B\\u5404\\u7A2E\\u8A2D\\u5B9A\\u30D5\\u30A1\\u30A4\\u30EB\\uFF08\", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"./anchor.js\"), \", \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"./code.js\"), \" \\u306A\\u3069\\uFF09\\u3092\\u7DE8\\u96C6\\u3059\\u308C\\u3070\\u826F\\u3044\\uFF0E\"), mdx(\"pre\", null, mdx(\"code\", _extends({\n    parentName: \"pre\"\n  }, {\n    \"className\": \"language-js\"\n  }), \"import React from \\\"react\\\";\\n\\nimport AnchorTag from \\\"./anchor\\\";\\nimport Code from \\\"./code\\\";\\nimport CodeBlock from \\\"./codeBlock\\\";\\nimport Heading from \\\"./heading\\\";\\nimport List from \\\"./list\\\";\\nimport Text from \\\"./text\\\";\\nimport Pre from \\\"./pre\\\";\\n\\nexport default {\\n  h1: Heading.h1,\\n  h2: Heading.h2,\\n  h3: Heading.h3,\\n  h4: Heading.h4,\\n  h5: Heading.h5,\\n  h6: Heading.h6,\\n  p: Text,\\n  // ul: List,\\n  // ol: List,\\n  pre: Pre,\\n  code: CodeBlock,\\n  inlineCode: props => <Code {...props} />,\\n  a: props => <AnchorTag {...props} />\\n  // TODO add `img`\\n  // TODO add `blockquote`\\n\\n  // TODO add `table`\\n};\\n\")), mdx(\"ul\", null, mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"inlineCode\", {\n    parentName: \"li\"\n  }, \"src/components/layout.js\"))), mdx(\"p\", null, mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"MDXProvider\"), \" \\u306B\\u8A2D\\u5B9A\\u3092\\u6E21\\u3057\\u3066\\u3044\\u308B\\u90E8\\u5206\\u3092\\u62BD\\u51FA\\uFF0E\"), mdx(\"pre\", null, mdx(\"code\", _extends({\n    parentName: \"pre\"\n  }, {\n    \"className\": \"language-js\"\n  }), \"import React from \\\"react\\\";\\nimport { MDXProvider } from \\\"@mdx-js/react\\\";\\nimport mdxComponents from \\\"./mdxComponents\\\";  // mdxComponents/index.js \\u3092\\u8AAD\\u307F\\u8FBC\\u307F\\n...\\nconst Layout = ({ children, location }) => (\\n  <ThemeProvider location={location}>\\n    <MDXProvider components={mdxComponents}>\\n      ...\\n    </MDXProvider>\\n  </ThemeProvider>\\n);\\n...\\n\")), mdx(\"h3\", null, \"\\u30EC\\u30A4\\u30A2\\u30A6\\u30C8\\u306E\\u5909\\u66F4\"), mdx(\"p\", null, \"\\u30EC\\u30A4\\u30A2\\u30A6\\u30C8\\u306E\\u5909\\u66F4\\u306F\\uFF0C\\u4EE5\\u4E0B\\u306E\\u30D5\\u30A1\\u30A4\\u30EB\\u5185\\u306B\\u5B9A\\u7FA9\\u3055\\u308C\\u305F\\u30B3\\u30F3\\u30DD\\u30FC\\u30CD\\u30F3\\u30C8\\u306E\\u5B9F\\u88C5\\u3092\\u78BA\\u8A8D\\u3059\\u308C\\u3070\\u826F\\u3044\\uFF0E\\u89AA\\u5B50\\u95A2\\u4FC2\\u304C\\u3042\\u308B\\uFF0E\"), mdx(\"ul\", null, mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"inlineCode\", {\n    parentName: \"li\"\n  }, \"templates/docs.js\"), mdx(\"ul\", {\n    parentName: \"li\"\n  }, mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"inlineCode\", {\n    parentName: \"li\"\n  }, \"components/layout.js\"))))), mdx(\"p\", null, mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"meta\"), \" \\u30BF\\u30B0\\uFF0C\\u30BF\\u30A4\\u30C8\\u30EB\\uFF0CTable Of Contents \\u306A\\u3069\\u306F \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"templates/docs.js\"), \"\\uFF0CWiki \\u306E\\u30C6\\u30FC\\u30DE\\u306F \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"components/layout.js\"), \" \\u306E\\u30B3\\u30F3\\u30DD\\u30FC\\u30CD\\u30F3\\u30C8\\u3092\\u7DE8\\u96C6\\u3059\\u308C\\u3070\\u826F\\u3044\\uFF0E\"), mdx(\"h3\", null, \"\\u30E1\\u30BF\\u30C7\\u30FC\\u30BF\\u306E\\u7DE8\\u96C6\"), mdx(\"p\", null, \"\\u30E1\\u30BF\\u30C7\\u30FC\\u30BF\\u306F\\uFF0C\", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"wiki/config.js\"), \" \\u306E \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"config.siteMetadata\"), \" \\u3092\\u7DE8\\u96C6\\u3059\\u308C\\u3070\\u826F\\u3044\\uFF0E\"), mdx(\"pre\", null, mdx(\"code\", _extends({\n    parentName: \"pre\"\n  }, {\n    \"className\": \"language-js\"\n  }), \"const config = {\\n  ...\\n  siteMetadata: {\\n    title: \\\"nukopy's Wiki\\\",\\n    description: \\\"Wiki built with mdx, GatsbyJS.\\\",\\n    ogImage: \\\"https://avatars3.githubusercontent.com/u/42367320?s=460&v=4\\\",\\n    docsLocation: \\\"https://github.com/nukopy/wiki\\\",\\n    favicon: \\\"https://avatars3.githubusercontent.com/u/42367320?s=460&v=4\\\"\\n  }\\n  ...\\n}\\n\\n\")), mdx(\"h2\", null, \"Mac \\u3067\\u753B\\u9762\\u53CE\\u9332\\u3059\\u308B\\u65B9\\u6CD5\"), mdx(\"ul\", null, mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"a\", _extends({\n    parentName: \"li\"\n  }, {\n    \"href\": \"https://support.apple.com/ja-jp/guide/mac-help/mh26782/mac\"\n  }), \"macOS \\u30E6\\u30FC\\u30B6\\u30AC\\u30A4\\u30C9\\uFF1AMac \\u3067\\u30B9\\u30AF\\u30EA\\u30FC\\u30F3\\u30B7\\u30E7\\u30C3\\u30C8\\u3092\\u64AE\\u5F71 / \\u753B\\u9762\\u3092\\u53CE\\u9332\\u3059\\u308B\"))), mdx(\"ol\", null, mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"inlineCode\", {\n    parentName: \"li\"\n  }, \"shift + cmd + 5\"), \" \\u3092\\u62BC\\u3059\\u3068\\u30B9\\u30AF\\u30EA\\u30FC\\u30F3\\u30B7\\u30E7\\u30C3\\u30C8\\u306E\\u30E1\\u30CB\\u30E5\\u30FC\\u304C\\u958B\\u304F\\uFF0E\"), mdx(\"li\", {\n    parentName: \"ol\"\n  }, \"\\u30E1\\u30CB\\u30E5\\u30FC\\u304B\\u3089\\u300C\\u753B\\u9762\\u306E\\u4E00\\u90E8\\u3092\\u64AE\\u5F71\\u3059\\u308B\\u300D\\u3092\\u9078\\u629E\\u3059\\u308B\\uFF0E\"), mdx(\"li\", {\n    parentName: \"ol\"\n  }, \"\\u64AE\\u5F71\\u958B\\u59CB\\u30DC\\u30BF\\u30F3\\u3092\\u62BC\\u3059\\uFF0E\")), mdx(\"p\", null, mdx(\"span\", _extends({\n    parentName: \"p\"\n  }, {\n    \"className\": \"gatsby-resp-image-wrapper\",\n    \"style\": {\n      \"position\": \"relative\",\n      \"display\": \"block\",\n      \"marginLeft\": \"auto\",\n      \"marginRight\": \"auto\",\n      \"maxWidth\": \"500px\"\n    }\n  }), \"\\n      \", mdx(\"span\", _extends({\n    parentName: \"span\"\n  }, {\n    \"className\": \"gatsby-resp-image-background-image\",\n    \"style\": {\n      \"paddingBottom\": \"100.47309284447073%\",\n      \"position\": \"relative\",\n      \"bottom\": \"0\",\n      \"left\": \"0\",\n      \"backgroundImage\": \"url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAABYlAAAWJQFJUiTwAAAB6klEQVQ4y52UW0/DMAyF+/9/154mMbSBgL3sAbXdpWuzrt21F5PPkBFKoQhL3rLYOT4+ThbkeS5hGEqWZZKmqazXa9lsNrJYLGQ8HstyuZSX5ye5n9zJ4+ODTKdTGY1GMplMZDab6TnfgsvlIqvVSsEIArjdbhU0iiJJ7HptSgm3hbyGse6RY4zRYuQWRaF7YAV1Xcv1ev3Ab6Vr7DT2o2pE6rqRpmne99tWOItXVaUYxAKCoEdRbKvuLEtjq6bKYLfLJbWsy7L4UtBiqfeZAnKYlsvyIPv93gLt7LqU0+mk7dDKd97eL4vuXDUEgO/j8Sjn81kYlDGZagooBdGKvH1RSnZsJCvOqjOFvzCk9/l8rpNGcBhxGMYMK45jBWKPIRi7TrJcktSoVMTdUNEyQEjAkiRRlk7orthueHy3+rt6j9szdHUbCn1/Tln0AAHf/T3yYckZ1t1cvTa0gtNuV2Tf3ZWhVYaHuSK3ofj3qRvsc4xB0GZfcQVkukwUhn1t+I6hNzfBMfTlCFwVJ/hv5hjSLiR6LzbIh8NBnaTf2A25MmRBq1R1LQ9pSHH3eno15DXg3KshDYkD1pd7Y8hAcKfLEENeFM/uR4ZU81/FEEP/in1jSNAx5M3+RUPy+MPoZSj/MP/VtJ0/xjdhjBnmuJLd0wAAAABJRU5ErkJggg==')\",\n      \"backgroundSize\": \"cover\",\n      \"display\": \"block\"\n    }\n  })), \"\\n  \", mdx(\"img\", _extends({\n    parentName: \"span\"\n  }, {\n    \"className\": \"gatsby-resp-image-image\",\n    \"alt\": \"hoge\",\n    \"title\": \"hoge\",\n    \"src\": \"/static/3ef7cc694e6ced51393fc6257ee94ee8/d19c0/screen-capture.png\",\n    \"srcSet\": [\"/static/3ef7cc694e6ced51393fc6257ee94ee8/6b181/screen-capture.png 125w\", \"/static/3ef7cc694e6ced51393fc6257ee94ee8/5039d/screen-capture.png 250w\", \"/static/3ef7cc694e6ced51393fc6257ee94ee8/d19c0/screen-capture.png 500w\", \"/static/3ef7cc694e6ced51393fc6257ee94ee8/35c67/screen-capture.png 750w\", \"/static/3ef7cc694e6ced51393fc6257ee94ee8/e11df/screen-capture.png 1000w\", \"/static/3ef7cc694e6ced51393fc6257ee94ee8/816ea/screen-capture.png 1691w\"],\n    \"sizes\": \"(max-width: 500px) 100vw, 500px\",\n    \"loading\": \"lazy\"\n  })), \"\\n    \")), mdx(\"h2\", null, \"Twitter \\u3078\\u306E\\u52D5\\u753B\\u30A2\\u30C3\\u30D7\"), mdx(\"ul\", null, mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"a\", _extends({\n    parentName: \"li\"\n  }, {\n    \"href\": \"http://xn--hhro09bn9j8uh.com/blog/post-4874/\"\n  }), \"\\u53C2\\u8003\")), mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"\\u753B\\u9762\\u30AD\\u30E3\\u30D7\\u30C1\\u30E3\\u3067\\u9332\\u753B\\u3057\\u305F\\u5834\\u5408\\uFF0C\\u62E1\\u5F35\\u5B50\\u304C \", mdx(\"inlineCode\", {\n    parentName: \"li\"\n  }, \".mov\"), \" \\u306B\\u306A\\u308B\\u304C\\uFF0C\\u3053\\u308C\\u3092 \", mdx(\"inlineCode\", {\n    parentName: \"li\"\n  }, \".mp4\"), \" \\u306B\\u7DE8\\u96C6\\u3059\\u308B\\u3060\\u3051\\u3067 Twitter \\u306B\\u30A2\\u30C3\\u30D7\\u3067\\u304D\\u308B\\u3088\\u3046\\u306B\\u306A\\u308B\\uFF0E\")), mdx(\"h2\", null, \"iMovie \\u3067\\u306E\\u52D5\\u753B\\u7DE8\\u96C6\"), mdx(\"h3\", null, \"\\u30E2\\u30B6\\u30A4\\u30AF\\u51E6\\u7406\\u3092\\u5165\\u308C\\u308B\"), mdx(\"p\", null, \"\\u3084\\u308A\\u65B9\\u81EA\\u4F53\\u306F\\u30B7\\u30F3\\u30D7\\u30EB\\u3067\\uFF0C\"), mdx(\"ol\", null, mdx(\"li\", {\n    parentName: \"ol\"\n  }, \"\\u5143\\u306E\\u52D5\\u753B\\u3092\\u64AE\\u308B\\uFF0E\"), mdx(\"li\", {\n    parentName: \"ol\"\n  }, \"\\u30D5\\u30EA\\u30FC\\u306E\\u30E2\\u30B6\\u30A4\\u30AF\\u753B\\u50CF\\u3092\\u4E88\\u3081\\u30C0\\u30A6\\u30F3\\u30ED\\u30FC\\u30C9\\uFF0E\"), mdx(\"li\", {\n    parentName: \"ol\"\n  }, \"iMovie \\u3067\\u30D7\\u30ED\\u30B8\\u30A7\\u30AF\\u30C8\\u306E\\u4F5C\\u6210\\uFF0E\"), mdx(\"li\", {\n    parentName: \"ol\"\n  }, \"\\u52D5\\u753B\\uFF0C\\u30E2\\u30B6\\u30A4\\u30AF\\u753B\\u50CF\\u3092\\u30D7\\u30ED\\u30B8\\u30A7\\u30AF\\u30C8\\u306B\\u8AAD\\u307F\\u8FBC\\u3080\\uFF0E\"), mdx(\"li\", {\n    parentName: \"ol\"\n  }, \"\\u5143\\u306E\\u52D5\\u753B\\u306E\\u753B\\u50CF\\u306E\\u30B5\\u30A4\\u30BA\\u3092\\u8ABF\\u7BC0\\u3057\\u3066\\u96A0\\u3057\\u305F\\u3044\\u90E8\\u5206\\u306B\\u7F6E\\u304D\\uFF0E\\u8868\\u793A\\u6642\\u9593\\u3092\\u8ABF\\u7BC0\\u3059\\u308B\\u3060\\u3051\\uFF0E\")), mdx(YoutubeEmbed, {\n    link: \"https://www.youtube.com/embed/-NoHOI35TyY\",\n    mdxType: \"YoutubeEmbed\"\n  }));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#wiki-の編集","title":"Wiki の編集","items":[{"url":"#編集方法","title":"編集方法"},{"url":"#サイドバーに項目を追加したい時","title":"サイドバーに項目を追加したい時"},{"url":"#エラー処理","title":"エラー処理"},{"url":"#markdown-のデザインの編集","title":"Markdown のデザインの編集"},{"url":"#mdx-の設定","title":"MDX の設定"},{"url":"#レイアウトの変更","title":"レイアウトの変更"},{"url":"#メタデータの編集","title":"メタデータの編集"}]},{"url":"#mac-で画面収録する方法","title":"Mac で画面収録する方法"},{"url":"#twitter-への動画アップ","title":"Twitter への動画アップ"},{"url":"#imovie-での動画編集","title":"iMovie での動画編集","items":[{"url":"#モザイク処理を入れる","title":"モザイク処理を入れる"}]}]},"parent":{"__typename":"File","relativePath":"Tips.mdx"},"frontmatter":{"metaTitle":"Tips | Wiki","metaDescription":"Some tips"}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/Architecture","title":"Architecture"}}},{"node":{"fields":{"slug":"/Database","title":"Database"}}},{"node":{"fields":{"slug":"/DevelopmentEnvironment","title":"Development Environment"}}},{"node":{"fields":{"slug":"/Git","title":"Git"}}},{"node":{"fields":{"slug":"/IDE","title":"IDE"}}},{"node":{"fields":{"slug":"/Languages","title":"Languages"}}},{"node":{"fields":{"slug":"/Platforms","title":"Platforms"}}},{"node":{"fields":{"slug":"/Web","title":"Web"}}},{"node":{"fields":{"slug":"/Tips","title":"Tips"}}},{"node":{"fields":{"slug":"/","title":"Home"}}},{"node":{"fields":{"slug":"/DevelopmentEnvironment/Docker","title":"Docker"}}},{"node":{"fields":{"slug":"/Git/bitbucket","title":"Bitbucket"}}},{"node":{"fields":{"slug":"/DevelopmentEnvironment/Vagrant","title":"Vagrant"}}},{"node":{"fields":{"slug":"/Git/command","title":"Command"}}},{"node":{"fields":{"slug":"/Git/gibo","title":"Gibo"}}},{"node":{"fields":{"slug":"/Git/github","title":"GitHub"}}},{"node":{"fields":{"slug":"/IDE/VSCode","title":"VSCode"}}},{"node":{"fields":{"slug":"/Database/MySQL","title":"MySQL"}}},{"node":{"fields":{"slug":"/Database/PostgreSQL","title":"PostgreSQL"}}},{"node":{"fields":{"slug":"/Platforms/AWS","title":"Amazon Web Service"}}},{"node":{"fields":{"slug":"/Platforms/GoogleColaboratory","title":"Google Colaboratory"}}},{"node":{"fields":{"slug":"/Languages/C++","title":"C++"}}},{"node":{"fields":{"slug":"/Languages/JavaScript","title":"JavaScript"}}},{"node":{"fields":{"slug":"/Languages/PHP","title":"PHP"}}},{"node":{"fields":{"slug":"/Languages/Python","title":"Python"}}},{"node":{"fields":{"slug":"/Languages/others","title":"others"}}},{"node":{"fields":{"slug":"/Web/GraphQL","title":"GraphQL"}}},{"node":{"fields":{"slug":"/Web/REST_API","title":"REST API"}}},{"node":{"fields":{"slug":"/DevelopmentEnvironment/Docker/DockerCompose","title":"Docker Compose"}}},{"node":{"fields":{"slug":"/DevelopmentEnvironment/Docker/Dockerfile","title":"Dockerfile"}}},{"node":{"fields":{"slug":"/DevelopmentEnvironment/Docker/basic","title":"Basic"}}},{"node":{"fields":{"slug":"/Languages/C++/Basic","title":"Basic"}}},{"node":{"fields":{"slug":"/Languages/C++/CompetitiveProgrammingTips","title":"競プロ Tips"}}},{"node":{"fields":{"slug":"/Languages/JavaScript/Design","title":"Design"}}},{"node":{"fields":{"slug":"/Languages/JavaScript/Library","title":"Library"}}},{"node":{"fields":{"slug":"/Languages/JavaScript/NodeJS","title":"Node.js"}}},{"node":{"fields":{"slug":"/Languages/Python/Basic","title":"Basic"}}},{"node":{"fields":{"slug":"/Languages/Python/CompetitiveProgrammingTips","title":"競プロ Tips"}}},{"node":{"fields":{"slug":"/Languages/Python/Library","title":"Library"}}},{"node":{"fields":{"slug":"/Languages/others/CSS","title":"CSS"}}},{"node":{"fields":{"slug":"/Languages/others/HTML","title":"HTML"}}},{"node":{"fields":{"slug":"/Languages/C++/Library","title":"Library"}}},{"node":{"fields":{"slug":"/Languages/JavaScript/Basic","title":"Basic"}}},{"node":{"fields":{"slug":"/Languages/JavaScript/Library/Axios","title":"Axios"}}},{"node":{"fields":{"slug":"/Languages/JavaScript/Design/CSSinJS","title":"CSS in JS"}}},{"node":{"fields":{"slug":"/Languages/JavaScript/Library/React","title":"React"}}},{"node":{"fields":{"slug":"/Languages/JavaScript/Library/Redux","title":"Redux"}}},{"node":{"fields":{"slug":"/Languages/Python/CompetitiveProgrammingTips/input-output","title":"標準入出力"}}},{"node":{"fields":{"slug":"/Web/GraphQL/basic","title":"basic"}}},{"node":{"fields":{"slug":"/Languages/Python/Framework/Django","title":"Django"}}},{"node":{"fields":{"slug":"/TechnicalTerms","title":"Technical Terms"}}}]}},"pageContext":{"isCreatedByStatefulCreatePages":false,"id":"38e102ab-3255-5b55-80c7-0552163aa2ae"}}}