{"id":13672936,"url":"https://github.com/shalldie/vscode-background","last_synced_at":"2025-12-28T12:57:40.577Z","repository":{"id":40658182,"uuid":"58854554","full_name":"shalldie/vscode-background","owner":"shalldie","description":"Bring background images to your vscode. vscode background 背景扩展插件。","archived":false,"fork":false,"pushed_at":"2025-03-28T22:16:47.000Z","size":3543,"stargazers_count":1495,"open_issues_count":14,"forks_count":144,"subscribers_count":17,"default_branch":"master","last_synced_at":"2025-04-11T21:48:43.027Z","etag":null,"topics":["background","extensiton","vscode","vscode-background","vscode-extension"],"latest_commit_sha":null,"homepage":"https://marketplace.visualstudio.com/items?itemName=shalldie.background","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/shalldie.png","metadata":{"files":{"readme":"README.ja-JP.md","changelog":"CHANGELOG.md","contributing":"docs/contributing.md","funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2016-05-15T09:50:55.000Z","updated_at":"2025-04-11T07:01:43.000Z","dependencies_parsed_at":"2023-11-13T08:30:34.218Z","dependency_job_id":"08d8ccab-3c3b-40d6-9e2e-275c0a5ba08f","html_url":"https://github.com/shalldie/vscode-background","commit_stats":{"total_commits":219,"total_committers":18,"mean_commits":"12.166666666666666","dds":0.5662100456621004,"last_synced_commit":"23a0df07a58043d227637afff73081445893e271"},"previous_names":[],"tags_count":5,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/shalldie%2Fvscode-background","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/shalldie%2Fvscode-background/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/shalldie%2Fvscode-background/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/shalldie%2Fvscode-background/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/shalldie","download_url":"https://codeload.github.com/shalldie/vscode-background/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254160229,"owners_count":22024567,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["background","extensiton","vscode","vscode-background","vscode-extension"],"created_at":"2024-08-02T09:01:58.717Z","updated_at":"2025-12-28T12:57:40.557Z","avatar_url":"https://github.com/shalldie.png","language":"TypeScript","readme":"\u003c!-- 中英文切换 --\u003e\n\u003cdiv align=\"right\"\u003e\n\n[English](./README.md) | [中文](./README.zh-CN.md) | **日本語**\n\n\u003c/div\u003e\n\u003c!-- 中英文切换 end --\u003e\n\n\u003c!-- 封面区域 --\u003e\n\u003cdiv align=\"center\"\u003e\n\n![logo](./images/logo.png)\n\n\u003ch1\u003e\u003cb\u003evscode-background\u003c/b\u003e\u003c/h1\u003e\n\n### [Visual Studio Code](https://code.visualstudio.com) にも背景画像を。\n\n`フルスクリーン`、`エディター`、`サイドバー`、`補助バー(auxiliarybar)`、`パネル`、`画像の切り替わり`、`画像・CSSのカスタマイズ`...\n\n[GitHub](https://github.com/shalldie/vscode-background) | [Visual Studio Marketplace](https://marketplace.visualstudio.com/items?itemName=shalldie.background)\n\n[![Version](https://img.shields.io/visual-studio-marketplace/v/shalldie.background?logo=visualstudiocode\u0026style=flat-square)](https://marketplace.visualstudio.com/items?itemName=shalldie.background)\n[![Installs](https://img.shields.io/visual-studio-marketplace/i/shalldie.background?style=flat-square)](https://marketplace.visualstudio.com/items?itemName=shalldie.background)\n[![Ratings](https://img.shields.io/visual-studio-marketplace/r/shalldie.background?style=flat-square)](https://marketplace.visualstudio.com/items?itemName=shalldie.background)\n[![Stars](https://img.shields.io/github/stars/shalldie/vscode-background?logo=github\u0026style=flat-square)](https://github.com/shalldie/vscode-background)\n[![Build Status](https://img.shields.io/github/actions/workflow/status/shalldie/vscode-background/ci.yml?branch=master\u0026label=build\u0026style=flat-square)](https://github.com/shalldie/vscode-background/actions)\n[![License](https://img.shields.io/github/license/shalldie/vscode-background?style=flat-square)](https://github.com/shalldie/vscode-background)\n\n複数の領域、`エディタ`、`サイドバー`、`補助バー(auxiliarybar)`、`パネル`\n\n\u003cimg width=\"760\" src=\"./images/section.png\"\u003e\n\n`フルスクリーン`\n\n\u003cimg width=\"760\" src=\"./images/fullscreen.png\"\u003e\n\n\u003c/div\u003e\n\n\u003c!-- 封面区域 end --\u003e\n\n## インストール\n\n2つの方法でインストールできます：\n\n1. [Visual Studio Marketplace](https://marketplace.visualstudio.com/items?itemName=shalldie.background)からインストール\n2. vscodeの拡張機能タブから`shalldie.background`を検索\n\n## カスタマイズ\n\n`settings.json`からユーザー設定をカスタマイズすることができます。\n\n[`settings.json` とは](https://code.visualstudio.com/docs/getstarted/settings#_settingsjson) | [設定方法](https://github.com/shalldie/vscode-background/issues/274)\n\n## コンフィグ\n\n\u003cimg width=\"760\" src=\"./images/containers.png\"\u003e\n\n### グローバル設定\n\n| 設定                 |    型     | デフォルト | 説明                                       |\n| :------------------- | :-------: | :--------: | :----------------------------------------- |\n| `background.enabled` | `Boolean` |   `true`   | 拡張機能を有効化するかどうかを制御します。 |\n\n### エディタ部分の設定\n\nエディタ部分の設定を行うには、`background.editor`を編集します．\n\n| 設定       |     型     |  デフォルト  | 説明                                                                        |\n| :--------- | :--------: | :----------: | :-------------------------------------------------------------------------- |\n| `useFront` | `boolean`  |    `true`    | 画像を最前面に表示するかどうかを制御します。                                |\n| `style`    |  `object`  |     `{}`     | 全ての画像に適応される CSS を制御します。 [MDN Reference][mdn-css]          |\n| `styles`   | `object[]` | `[{},{},{}]` | 個別の画像に適応される CSS を制御します。                                   |\n| `images`   | `string[]` |     `[]`     | カスタム画像に対応、オンライン画像やローカル画像、フォルダもサポート。      |\n| `interval` |  `number`  |     `0`      | 次の画像を表示するまでの秒数を制御します。`0`の場合、画像は変更されません。 |\n| `random`   | `boolean`  |   `false`    | 画像の表示順をランダムにするかを制御します。                                |\n\n[mdn-css]: https://developer.mozilla.org/docs/Web/CSS\n\n設定例：\n\n```json\n{\n  \"background.editor\": {\n    \"useFront\": true,\n    \"style\": {\n      \"background-position\": \"100% 100%\",\n      \"background-size\": \"auto\",\n      \"opacity\": 0.6\n    },\n    \"styles\": [{}, {}, {}],\n    // `images`はオンライン画像、ローカル画像、およびフォルダをサポートしています。\n    \"images\": [\n      // オンライン画像については、`https`のみ許可されています。\n      \"https://hostname/online.jpg\",\n      // ローカル画像\n      \"file:///local/path/img.jpeg\",\n      \"/home/xie/downloads/img.gif\",\n      \"C:/Users/xie/img.bmp\",\n      \"D:\\\\downloads\\\\images\\\\img.webp\",\n      // ローカルフォルダ\n      \"/home/xie/images\"\n    ],\n    \"interval\": 0,\n    \"random\": false\n  }\n}\n```\n\n### フルスクリーン、サイドバー、補助バー(auxiliarybar)、パネル部分の設定\n\n`background.fullscreen`、`background.sidebar`、`background.auxiliarybar`、`background.panel`を編集してこれらの領域を設定します。\n\n| 設定       |     型     | デフォルト | 説明                                                                                                       |\n| :--------- | :--------: | :--------: | :--------------------------------------------------------------------------------------------------------- |\n| `images`   | `string[]` |    `[]`    | カスタム画像に対応、オンライン画像やローカル画像、フォルダもサポート。                                     |\n| `opacity`  |  `number`  |   `0.1`    | 画像の不透明度を制御します、[opacity][mdn-opacity]へのエイリアスです。推奨値 `0.1 ～ 0.3`。                |\n| `size`     |  `string`  |  `cover`   | [background-size][mdn-background-size]へのエイリアスです。推奨 `cover`，縦横比を保ったまま領域を覆います。 |\n| `position` |  `string`  |  `center`  | [background-position][mdn-background-position]へのエイリアスです。デフォルト値は `center` です。           |\n| `interval` |  `number`  |    `0`     | 次の画像を表示するまでの秒数を制御します。`0` の場合、画像は変更されません。                               |\n| `random`   | `boolean`  |  `false`   | 画像の表示順をランダムにするかを制御します。                                                               |\n\n[mdn-opacity]: https://developer.mozilla.org/docs/Web/CSS/opacity\n[mdn-background-size]: https://developer.mozilla.org/docs/Web/CSS/background-size\n[mdn-background-position]: https://developer.mozilla.org/docs/Web/CSS/background-position\n\nexample:\n\n```json\n{\n  \"background.fullscreen\": {\n    // `images`はオンライン画像、ローカル画像、およびフォルダをサポートしています。\n    \"images\": [\n      // オンライン画像については、`https`のみ許可されています。\n      \"https://hostname/online.jpg\",\n      // ローカル画像\n      \"file:///local/path/img.jpeg\",\n      \"/home/xie/downloads/img.gif\",\n      \"C:/Users/xie/img.bmp\",\n      \"D:\\\\downloads\\\\images\\\\img.webp\",\n      // ローカルフォルダ\n      \"/home/xie/images\"\n    ],\n    \"opacity\": 0.1,\n    \"size\": \"cover\",\n    \"position\": \"center\",\n    \"interval\": 0,\n    \"random\": false\n  },\n  // `sidebar`、`panel`も、`fullscreen`と同様の設定項目を持っています\n  \"background.sidebar\": {},\n  \"background.panel\": {}\n}\n```\n\n## クイックコマンド\n\nステータスバーの右下にある「background」をクリックすると、`background`のすべてのコマンドが表示されます：\n\n\u003cimg width=\"660\" src=\"./images/commands.png\"\u003e\n\n## 注意点\n\n\u003e **この拡張機能は、VSCode 本体の js ファイルを編集することで機能します。**\n\n問題が発生した際は、[Common Issues](docs/common-issues.md)を参照してください。\n\n## アンインストール\n\n[Common Issues#how-to-uninstall](docs/common-issues.md#how-to-uninstall)を参照してください。\n\n## 貢献者 🙏\n\n[\u003cimg alt=\"shalldie\" src=\"https://avatars.githubusercontent.com/u/9987486?v=4\" width=\"80\"\u003e](https://github.com/shalldie)\n[\u003cimg alt=\"suiyun39\" src=\"https://avatars.githubusercontent.com/u/20502666?v=4\" width=\"80\"\u003e](https://github.com/suiyun39)\n[\u003cimg alt=\"frg2089\" src=\"https://avatars.githubusercontent.com/u/42184238?v=4\" width=\"80\"\u003e](https://github.com/frg2089)\n[\u003cimg alt=\"AzureeDev\" src=\"https://avatars.githubusercontent.com/u/23083011?v=4\" width=\"80\"\u003e](https://github.com/AzureeDev)\n[\u003cimg alt=\"tumit\" src=\"https://avatars.githubusercontent.com/u/1756190?v=4\" width=\"80\"\u003e](https://github.com/tumit)\n[\u003cimg alt=\"asurinsaka\" src=\"https://avatars.githubusercontent.com/u/8145535?v=4\" width=\"80\"\u003e](https://github.com/asurinsaka)\n[\u003cimg alt=\"u3u\" src=\"https://avatars.githubusercontent.com/u/20062482?v=4\" width=\"80\"\u003e](https://github.com/u3u)\n[\u003cimg alt=\"kuresaru\" src=\"https://avatars.githubusercontent.com/u/31172177?v=4\" width=\"80\"\u003e](https://github.com/kuresaru)\n[\u003cimg alt=\"Unthrottled\" src=\"https://avatars.githubusercontent.com/u/15972415?v=4\" width=\"80\"\u003e](https://github.com/Unthrottled)\n[\u003cimg alt=\"rogeraabbccdd\" src=\"https://avatars.githubusercontent.com/u/15815422?v=4\" width=\"80\"\u003e](https://github.com/rogeraabbccdd)\n[\u003cimg alt=\"rogeraabbccdd\" src=\"https://avatars.githubusercontent.com/u/86603229?v=4\" width=\"80\"\u003e](https://github.com/SatoMasahiro2005)\n\n## コントリビューションガイド\n\n[Contributing Guide](docs/contributing.md)を参照してください。\n\n## チェンジログ\n\n[チェンジログ](https://github.com/shalldie/vscode-background/blob/master/CHANGELOG.md)で全ての変更を確認できます。\n\n## 画像をシェアする\n\n[こちら](https://github.com/shalldie/vscode-background/issues/106)で背景用の画像のシェアを行っています。\n\n## v1からの移行\n\nv1における設定は古いものであり、互換性は限定的です。\n設定の移行の際には、[migration-from-v1.md](docs/migration-from-v1.md)を参照してください。\n\n## ライセンス\n\nMIT\n","funding_links":[],"categories":["TypeScript"],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fshalldie%2Fvscode-background","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fshalldie%2Fvscode-background","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fshalldie%2Fvscode-background/lists"}