Skip to content

Instantly share code, notes, and snippets.

@chkk525
Last active December 8, 2018 04:07
Show Gist options
  • Save chkk525/dbf10544eb71a513e39bd5a60663b107 to your computer and use it in GitHub Desktop.
Save chkk525/dbf10544eb71a513e39bd5a60663b107 to your computer and use it in GitHub Desktop.
Visual Studio Code Settings Sync Gist
{"lastUpload":"2018-12-08T04:07:21.465Z","extensionVersion":"v3.2.2"}
[
{
"metadata": {
"id": "d3836729-9cc1-42c1-b2af-d50071f57d29",
"publisherId": "formulahendry.auto-close-tag",
"publisherDisplayName": "formulahendry"
},
"name": "auto-close-tag",
"publisher": "formulahendry",
"version": "0.5.6"
},
{
"metadata": {
"id": "2a658c1b-308a-41e8-805a-fc8abda483bc",
"publisherId": "thekalinga.bootstrap4-vscode",
"publisherDisplayName": "thekalinga"
},
"name": "bootstrap4-vscode",
"publisher": "thekalinga",
"version": "5.0.0"
},
{
"metadata": {
"id": "e337c67b-55c2-4fef-8949-eb260e7fb7fd",
"publisherId": "Shan.code-settings-sync",
"publisherDisplayName": "Shan"
},
"name": "code-settings-sync",
"publisher": "Shan",
"version": "3.2.2"
},
{
"metadata": {
"id": "fb388d5d-f38a-48b5-a49a-09e9f828f5b9",
"publisherId": "sandorengholm.csspreview",
"publisherDisplayName": "sandorengholm"
},
"name": "csspreview",
"publisher": "sandorengholm",
"version": "1.0.2"
},
{
"metadata": {
"id": "1ec62ca5-d7f9-4ddb-a882-e8d018c0aefd",
"publisherId": "msjsdiag.debugger-for-chrome",
"publisherDisplayName": "msjsdiag"
},
"name": "debugger-for-chrome",
"publisher": "msjsdiag",
"version": "4.11.1"
},
{
"metadata": {
"id": "7b71fc1b-190d-4f7d-95d1-93e422649b0a",
"publisherId": "Zignd.html-css-class-completion",
"publisherDisplayName": "Zignd"
},
"name": "html-css-class-completion",
"publisher": "Zignd",
"version": "1.17.1"
},
{
"metadata": {
"id": "76fbde36-77d4-4688-b1f8-202727442961",
"publisherId": "tht13.html-preview-vscode",
"publisherDisplayName": "tht13"
},
"name": "html-preview-vscode",
"publisher": "tht13",
"version": "0.2.4"
},
{
"metadata": {
"id": "0ec558c9-f7f7-4df3-b2cf-a41ddcf292dd",
"publisherId": "mkaufman.HTMLHint",
"publisherDisplayName": "mkaufman"
},
"name": "HTMLHint",
"publisher": "mkaufman",
"version": "0.5.0"
},
{
"metadata": {
"id": "a2cec723-5349-460d-9de9-0fd1f8d3456f",
"publisherId": "xabikos.JavaScriptSnippets",
"publisherDisplayName": "xabikos"
},
"name": "JavaScriptSnippets",
"publisher": "xabikos",
"version": "1.7.1"
},
{
"metadata": {
"id": "cd9480c7-b1ec-4528-9c9e-e1e1d71c3652",
"publisherId": "hdg.live-html-previewer",
"publisherDisplayName": "hdg"
},
"name": "live-html-previewer",
"publisher": "hdg",
"version": "0.3.0"
},
{
"metadata": {
"id": "b63c44fd-0457-4696-99e9-dbfdf70d77de",
"publisherId": "ritwickdey.LiveServer",
"publisherDisplayName": "ritwickdey"
},
"name": "LiveServer",
"publisher": "ritwickdey",
"version": "5.3.1"
},
{
"metadata": {
"id": "4bf45e86-a448-4531-8c01-ef33f4536306",
"publisherId": "ms-mssql.mssql",
"publisherDisplayName": "ms-mssql"
},
"name": "mssql",
"publisher": "ms-mssql",
"version": "1.4.0"
},
{
"metadata": {
"id": "044b4b31-2969-4af3-895d-855433b8b46d",
"publisherId": "felixfbecker.php-debug",
"publisherDisplayName": "felixfbecker"
},
"name": "php-debug",
"publisher": "felixfbecker",
"version": "1.12.6"
},
{
"metadata": {
"id": "5e69f001-f945-4c97-baf0-320d82a153b3",
"publisherId": "felixfbecker.php-intellisense",
"publisherDisplayName": "felixfbecker"
},
"name": "php-intellisense",
"publisher": "felixfbecker",
"version": "2.3.10"
},
{
"metadata": {
"id": "b0a47156-9132-49a2-bebd-ed16d91b1fa6",
"publisherId": "ikappas.phpcs",
"publisherDisplayName": "ikappas"
},
"name": "phpcs",
"publisher": "ikappas",
"version": "1.0.5"
},
{
"metadata": {
"id": "f1f59ae4-9318-4f3c-a9b5-81b2eaa5f8a5",
"publisherId": "ms-python.python",
"publisherDisplayName": "ms-python"
},
"name": "python",
"publisher": "ms-python",
"version": "2018.11.0"
},
{
"metadata": {
"id": "62c01888-52f9-407e-8055-4fd1bac1827e",
"publisherId": "Gajesh1.React-JS-snnipets",
"publisherDisplayName": "Gajesh1"
},
"name": "React-JS-snnipets",
"publisher": "Gajesh1",
"version": "3.0.4"
},
{
"metadata": {
"id": "ed3575fb-5812-4a43-9efb-c19649137420",
"publisherId": "liximomo.sftp",
"publisherDisplayName": "liximomo"
},
"name": "sftp",
"publisher": "liximomo",
"version": "1.7.7"
},
{
"metadata": {
"id": "529697b9-b343-4b1c-ba2f-f5ef692132d4",
"publisherId": "ms-vscode.sublime-keybindings",
"publisherDisplayName": "ms-vscode"
},
"name": "sublime-keybindings",
"publisher": "ms-vscode",
"version": "4.0.0"
},
{
"metadata": {
"id": "2f5dd8cb-d251-4d70-abfe-ddebcb077483",
"publisherId": "octref.vetur",
"publisherDisplayName": "octref"
},
"name": "vetur",
"publisher": "octref",
"version": "0.14.3"
},
{
"metadata": {
"id": "8f26d05e-e8ef-4156-af0a-ca7778b47006",
"publisherId": "lihui.vs-color-picker",
"publisherDisplayName": "lihui"
},
"name": "vs-color-picker",
"publisher": "lihui",
"version": "0.7.0"
},
{
"metadata": {
"id": "cba79045-6f59-4f86-8c80-af78d566d8cf",
"publisherId": "deerawan.vscode-dash",
"publisherDisplayName": "deerawan"
},
"name": "vscode-dash",
"publisher": "deerawan",
"version": "2.0.0"
},
{
"metadata": {
"id": "583b2b34-2c1e-4634-8c0b-0b82e283ea3a",
"publisherId": "dbaeumer.vscode-eslint",
"publisherDisplayName": "dbaeumer"
},
"name": "vscode-eslint",
"publisher": "dbaeumer",
"version": "1.7.0"
},
{
"metadata": {
"id": "ffda6552-0ad5-431b-a4fa-0905a7e4f3f0",
"publisherId": "bmewburn.vscode-intelephense-client",
"publisherDisplayName": "bmewburn"
},
"name": "vscode-intelephense-client",
"publisher": "bmewburn",
"version": "0.8.8"
},
{
"metadata": {
"id": "077515fe-1509-49c0-9dcc-5511b41682fc",
"publisherId": "MS-CEINTL.vscode-language-pack-ja",
"publisherDisplayName": "MS-CEINTL"
},
"name": "vscode-language-pack-ja",
"publisher": "MS-CEINTL",
"version": "1.29.2"
},
{
"metadata": {
"id": "97a08c5f-6667-4242-a5c5-045dfb6bd4b9",
"publisherId": "wayou.vscode-todo-highlight",
"publisherDisplayName": "wayou"
},
"name": "vscode-todo-highlight",
"publisher": "wayou",
"version": "1.0.4"
}
]
// Place your key bindings in this file to overwrite the defaults
[
{
"key": "alt+cmd+a",
"command": "editor.emmet.action.wrapWithAbbreviation"
},
{
"key": "ctrl+shift+alt+cmd+d",
"command": "extension.disconnect",
"when": "editorTextFocus && editorLangId == 'sql'"
},
{
"key": "shift+cmd+d",
"command": "-extension.disconnect",
"when": "editorTextFocus && editorLangId == 'sql'"
},
{
"key": "ctrl+shift+d",
"command": "extension.dash.specific",
"when": "editorTextFocus"
},
{
"key": "ctrl+h",
"command": "-extension.dash.specific",
"when": "editorTextFocus"
},
{
"key": "shift+alt+h",
"command": "extension.dash.customSyntax",
"when": "editorTextFocus"
},
{
"key": "alt+h",
"command": "-extension.dash.customSyntax",
"when": "editorTextFocus"
},
{
"key": "ctrl+shift+alt+cmd+tab ctrl+shift+alt+cmd+[Equal]",
"command": "editor.action.copyLinesDownAction",
"when": "editorFocus"
},
{
"key": "shift+cmd+d",
"command": "-editor.action.copyLinesDownAction",
"when": "editorFocus"
}
]
{
"atomKeymap.promptV3Features": true,
"editor.multiCursorModifier": "ctrlCmd",
"editor.formatOnPaste": true,
"explorer.confirmDelete": false,
"window.zoomLevel": 0,
"emmet.variables": {
"lang": "ja"
},
"emmet.includeLanguages": {
"php": "html"
},
"emmet.showExpandedAbbreviation": "always",
"html-css-class-completion.enableEmmetSupport": true,
"emmet.syntaxProfiles": {
"php": "html"
},
"explorer.confirmDragAndDrop": false,
"liveServer.settings.donotShowInfoMsg": true,
"sync.gist": "dbf10544eb71a513e39bd5a60663b107",
"sync.quietSync": false,
"sync.removeExtensions": true,
"sync.syncExtensions": true,
"sync.autoDownload": false,
"sync.autoUpload": true,
"sync.forceDownload": false,
"editor.minimap.enabled": false,
"editor.renderWhitespace": "all",
"editor.minimap.showSlider": "always",
"editor.minimap.renderCharacters": false,
"editor.wordWrap": "on",
"editor.tabCompletion": true,
"editor.snippetSuggestions": "top",
"liveServer.settings.donotVerifyTags": true,
"git.enableSmartCommit": true,
"files.autoGuessEncoding": true,
}
{
// Place your snippets for css here. Each snippet is defined under a snippet name and has a prefix, body and
// description. The prefix is what is used to trigger the snippet and the body will be expanded and inserted. Possible variables are:
// $1, $2 for tab stops, $0 for the final cursor position, and ${1:label}, ${2:another} for placeholders. Placeholders with the
// same ids are connected.
// Example:
// "Print to console": {
// "prefix": "log",
// "body": [
// "console.log('$1');",
// "$2"
// ],
// "description": "Log output to console"
// }
"Absolute Center": {
"prefix": "aba",
"body": [
"position: absolute;",
"top: 50%;",
"left: 50%;",
"transform: translate(-50%, -50%);",
]
},
"Absolute Vertical Center": {
"prefix": "abv",
"body": [
"position: absolute;",
"top: 50%;",
"left: $1;",
"transform: translateY(-50%);",
]
},
"Absolute Horizontal Center": {
"prefix": "abh",
"body": [
"position: absolute;",
"top: 50%;",
"left: $1;",
"transform: translateY(-50%);",
]
},
"Row": {
"prefix": "row",
"body": [
"display: flex;",
"justify-content: space-between;"
]
},
}
{
// Place your snippets for javascript here. Each snippet is defined under a snippet name and has a prefix, body and
// description. The prefix is what is used to trigger the snippet and the body will be expanded and inserted. Possible variables are:
// $1, $2 for tab stops, $0 for the final cursor position, and ${1:label}, ${2:another} for placeholders. Placeholders with the
// same ids are connected.
// Example:
// "Print to console": {
// "prefix": "log",
// "body": [
// "console.log('$1');",
// "$2"
// ],
// "description": "Log output to console"
// }
"if": {
"prefix": "ifif",
"body": "if ($1) {\n$2;\n}$3"
},
"else if": {
"prefix": "elseif",
"body": "else if ($1) {\n$2;\n}$3"
},
"else": {
"prefix": "else",
"body": "else ($1) {\n$2;\n}$3"
},
"alert": {
"prefix": "alertalert",
"body": "alert ($1) "
},
"var": {
"prefix": "var",
"body": "var $1= ;\n"
},
"const": {
"prefix": "const",
"body": "const $1= ;\n"
},
"let": {
"prefix": "let",
"body": "let $1= ;\n"
},
"Print to console": {
"prefix": "log",
"body": "console.log($1);\n$2"
},
"doll": {
"prefix": "$html",
"body": "$('#${1:IDname}').html('');//html処理されて表示\n"
},
"doll2": {
"prefix": "$text",
"body": "$('#${1:IDname}').text();//htmlを文字として表示\n"
},
"doll3": {
"prefix": "$css",
"body": "$('#${1:'color','#ff0000'}').css();"
},
"doll4": {
"prefix": "$show",
"body": "$('#${1:400}').css();//Hide\n"
},
"doll5": {
"prefix": "$prepend",
"body": "$('#${1:IDname}').prepend();"
},
"doll6": {
"prefix": "$append",
"body": "$('#${1:IDname}').append();"
},
"doll7": {
"prefix": "$slideup",
"body": "$('#${1:IDname}').slideUp(${2:1000});"
},
"doll8": {
"prefix": "$slidedown",
"body": "$('#${1:IDname}').slideDown(${2:1000});"
},
"doll9": {
"prefix": "$empty",
"body": "$('#${1:IDname}').empty();\n"
},
"doll10": {
"prefix": "$remove",
"body": "$('#${1:IDname}').remove();\n"
},
"doll10": {
"prefix": "$triggerclick",
"body": "$('#${1:IDname}').trigger('click');\n"
},
"doll11": {
"prefix": "$htmlimg",
"body": "$('#${1:class}').html('<p>${2:文字}</p><img src='./img/1.jpg'>');//html処理されて表示"
},
"ptag": {
"prefix": "ppp",
"body": "<p>$1</p>"
},
"imgsrc": {
"prefix": "imgsrc",
"body": "<img src=''>;\n"
},
"click": {
"prefix": "click",
"body": "$('#btn').on('click',function(){\n$1\n});"
},
"change": {
"prefix": "change",
"body": "$('#btn').on('chnage',function(){\n$1\n});"
},
"select": {
"prefix": "select",
"body": "$('#btn').on('select',function(){\n$1\n});"
},
"submit": {
"prefix": "submit",
"body": "$('#btn').on('submit',function(){\n$1\n});"
},
"reset": {
"prefix": "reset",
"body": "$('#btn').on('reset',function(){\n$1\n});"
},
"load": {
"prefix": "load",
"body": "$('#btn').on('load',function(){\n$1\n});"
},
"dblclick": {
"prefix": "clickdbl",
"body": "$('#btn').on('dblclick',function(){\n$1\n});"
},
"dblclick2": {
"prefix": "dblclick",
"body": "$('#btn').on('dblclick',function(){\n$1\n});"
},
"scrollTop": {
"prefix": "scrolltop",
"body": "const doFunc = function () {\n$('html, body').animate({ scrollTop: 0},2000);\n};\n\n$('#btn').on('click', doFunc);"
},
"mouse over": {
"prefix": "mouse over",
"body": "$('#btn').on('mouse over',function(){\n$1\n});"
},
"focus": {
"prefix": "focus",
"body": "$('#btn').on('focus',function(){\n$1\n});"
},
"link": {
"prefix": "link",
"body": "<a href='https://gsacademy.tokyo'>ジーズへ</a>"
},
"random": {
"prefix": "functionrandom",
"body": "function rand(n) {\nconst num1 = Math.ceil(Math.random() * n);\nreturn num1; //return は関数外に値を渡す\n}\n//引数と戻り値(t=戻り値)\nconst t = rand(5$1);\nconsole.log(t);"
},
"&&": {
"prefix": "&&",
"body": "const value = 10;\nif(value >= 5 && value <= 15){ //valueは5~15の数値であればtrue\n条件式の結果がtrueの場合実行されるスクリプト\n}"
},
"doFunc": {
"prefix": "function",
"body": "const ${1:doFunc} = function () {\n$2 // ここに動作をを入れる\n} ;\n\n$('#btn').on('click',doFunc);"
},
"fadein": {
"prefix": "fadein",
"body": "const animationTime = 2000;\n$('#${1:IDname}').fadeIn(animationTime).fadeOut(animationTime);"
},
"math.random": {
"prefix": "random",
"body": "let A$1 = Math.ceil(Math.random() * n$2);"
},
"querySelector": {
"prefix": "queryselector",
"body": "const ${1:hensu}= document.querySelector('#${2:IDname}');\n"
},
"querySelector2": {
"prefix": "queryselector2",
"body": "AAA$1.style.color='#ff0000';\nAAA.style.fontSize='8vw';\n//文字の打ち換え\nAAA.innerHTML='ABCDEF';\n"
},
"date": {
"prefix": "date",
"body": "new Date();\n"
},
"return": {
"prefix": "return",
"body": "return $1;\n"
},
}
//
== 等しければ true
!= 等しくなければ true
左側の方が大きければ true
< 左側の方が小さければ true
>= 左側の方が大きい、または同じなら true
<= 左側の方が小さい、または同じなら true
&& AND処理:両方とも同じなら true
|| OR処理:どちらかが trueなら true
! NOT演算:trueならfalseへ falseならtrueへ
A = A+9; //この2個は同じ意味
A +=9 ;
// 論理演算子 記入例
var value = 10;
if(value >= 5 && value <= 15){ //valueは5~15の数値であればtrue
条件式の結果がtrueの場合実行されるスクリプト
}
if(value == 5 || value == 10 ) { //valueは5か10の数値であればtrue
条件式の結果がtrueの場合実行されるスクリプト
}else{
条件式の結果がfalseの場合実行されるスクリプト
}
// 計算式表現
Math.random :乱数を発生
Math.floor( Math.random() * 5 );0 ,
0〜4 のどれかが表示
Math.floor( Math.random() * 5 + 1 );0 ,
Math.ceil は繰り上げ
Math.floorは切り下げ
Math.roundは四捨五入
1〜5 のどれかが表示
% は余りの数
// 日付の取得
new date
getMonth()
getDate()
getDay()
// 要素の取得例
id が main_contentの要素を取得
document.querySelector(“#main_content”);
div 直下の p を取得
document.querySelector(“div>p”);
input要素type属性buttonの要素を取得
document.querySelector("input[type=’button]");
class が left-columnの最初の要素を取得
document.querySelector(“.left-column”);
// イベントハンドラー一覧
onLoad ページや画像の読み込みが完了した時に発生
onClick 要素やリンクをクリックした時に発生
onChange フォーム要素の選択、入力内容が変更された時に発生
onSelect テキストが選択された時に発生
onSubmit フォームを送信しようとした時に発生
onReset フォームがリセットされた時に発生
onAbort 画像の読み込みを中断した時に発生
onError 画像の読み込み中にエラーが発生した時に発生
onLoad ページや画像の読み込みが完了した時に発生
onUnload ウィンドウを閉じた時、他のページに切り替えた時に発生
onClick 要素やリンクをクリックした時に発生
onDblClick 要素をダブルクリックした時に発生
onKeyUp 押していたキーをあげた時に発生
onKeyDown キーを押した時に発生
onKeyPress キーを押してる時に発生
onMouseOut マウスが離れたした時に発生
onMouseOver マウス乗った時に発生
onMouseUp クリックしたマウスを上げた時に発生
onMouseDown マウスでクリックした時に発生
onMouseMove マウスを動かしている時に発生
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment