무한 찬미의 VScode Power Mode로 자기 긍정 어필.

개시하다
처음 뵙겠습니다.
나는 오크가 입사한 첫해, 인프라 엔지니어로 일한 첫해@aucfan-0540였다.
업무는 주로 AWS를 활용한 인프라 환경 구축 등에 종사한다.
갑작스럽지만 일하다 보면'자꾸... 칭찬받고 싶다...'하는 마음이 들죠!
특히 제가 입사 첫날 "IP주소가 뭐예요?"선배에게 절구를 시킨 문과 출신 초보자 엔지니어이기 때문에 인터넷 쪽이든 AWS 쪽이든 매일 많은 것을 기억해야 한다.
지금은 매일의 업무를 처리하기 위해 최선을 다하고 있지만, 아직 칭찬을 받을 만한 업적은 없다.
그래도 칭찬받고 싶어요..
자기 긍정감을 폭파하고 싶은데..
...맞다, VS코드가 나를 칭찬하도록 해라!
그래서 무한찬미 VScode Power Mode를 만들어 보기로 했습니다.
VScode Power Mode 란 무엇입니까?
타자를 칠 때 커서에 다가가 폭발을 일으키는 등의 기분을 즐겁게 확장하는 기능이다.
기본적으로 사용되는 세 개의 애니메이션을 소개합니다.
Magic

Flames

Fireworks

기타 애니메이션, 자세한 내용은 이쪽을 보십시오.
https://marketplace.visualstudio.com/items?itemName=hoovercj.vscode-power-mode
이번에 우리의 확장 기능은 무한한 칭찬을 받을 것이다.
칭찬받을 때까지의 노정.
대략적인 절차로 삼다

GIF 애니메이션 준비

Power Mode 디렉토리에서 사전 설정합니다.js 추가

Power Mode 설정 파일에 미리 설정된 정의 추가

Power Mode 설정 파일에 사전 설정 이름 추가

더 두루뭉술하게 말하다

GIF 애니메이션 준비

Power Mode에 추가된 설정 파일

네.그럼 계속해 봅시다.
1. GIF 애니메이션 준비
위에서 설명한 불꽃과 불꽃처럼 타자를 치면 재생되는 GIF 애니메이션을 준비했다.
이번에는 다른 사람의 칭찬을 받기 위해 문과 출신의 어휘력을 활용해 사람의 마음을 움직이는 찬사를 엄선해 간단한 애니메이션을 만들었다.
그게 여기야.

이맘때 벌써 흥분했네.나는 빨리 칭찬을 받고 싶다.
GIF 애니메이션을 만들 때는 배경을 통해 타자에 방해가 되지 않는 어떤 주제에도 대응할 수 있어 좋다.
이 인코딩은base64에서 사용됩니다.
2. Power Mode 디렉토리 아래에 js 추가
열심히 만든 애니메이션으로 js를 제작합니다.Power Mode 설치 후 열기\hoovercj.vscode-power-mode-2.2.0\out\src\config\는 다음과 같이 각 미리 설정된 js 파일을 저장합니다.

여기에 추가プリセット名.js합니다.
이번saikou.js.

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
const saikou = "base64エンコードした GIF 情報";

// 大きさや位置、GIF アニメーションを繰り返す回数などが設定できます。

exports.Saikou = {
    enableShake: true,
    enableExplosions: true,
    maxExplosions: 1,
    explosionSize: 6,
    explosionFrequency: 3,
    explosionOrder: 'random',
    gifMode: 'continue',
    explosionDuration: 1100,
    explosionOffset: .35,
    backgroundMode: 'image',
    customExplosions: [
        saikou,
    ],
};
//# sourceMappingURL=saikou.js.map

3. Power Mode 설정 파일에 생성된 사전 설정의 정의 추가\hoovercj.vscode-power-mode-2.2.0\out\src\extension.js에 이전에 만든 js 파일의 정의를 추가합니다.

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
const vscode = require("vscode");
const particles_1 = require("./config/particles");
const fireworks_1 = require("./config/fireworks");
const flames_1 = require("./config/flames");
const magic_1 = require("./config/magic");
const clippy_1 = require("./config/clippy");
const rift_1 = require("./config/rift");
const saikou_1 = require("./config/saikou"); // ← ここ！
const screen_shaker_1 = require("./screen-shaker/screen-shaker");
const cursor_exploder_1 = require("./cursor-exploder/cursor-exploder");
const progress_bar_timer_1 = require("./progress-bar-timer");
const status_bar_item_1 = require("./status-bar-item");
const DEFAULT_THEME_ID = 'particles';
const DEFAULT_THEME_CONFIG = particles_1.Particles;
// 中略
// Themes
let themes = {
    fireworks: fireworks_1.Fireworks,
    particles: particles_1.Particles,
    flames: flames_1.Flames,
    magic: magic_1.Magic,
    clippy: clippy_1.Clippy,
    ["simple-rift"]: rift_1.SimpleRift,
    ["exploding-rift"]: rift_1.ExplodingRift,
    saikou: saikou_1.Saikou, // ← ここ！
};
// 後略

4. Power Mode 설정 파일에 사전 설정 이름 추가\hoovercj.vscode-power-mode-2.2.0\package.json에는 다음과 같은 순서가 있다.
거기에 미리 만들어진 이름을 추가해 주세요.

"powermode.presets": {
   "type": "string",
   "enum": [
       "particles",
       "fireworks",
       "flames",
       "magic",
       "clippy",
       "simple-rift",
       "exploding-rift",
       "saikou"
    ],
   "default": "particles",
   "description": "Choose between different preset gifs to use when powermode is activated"
},

이렇게 칭찬하는 방법은 다 했다.
빨리 칭찬해!VSCodesettings.json에서 powermode를 활성화한 후 사전 설정 이름saikou을 선택하여 다시 시작합니다.

{
 "powermode.enabled":true,
 "powermode.presets":"saikou",
 "powermode.enableShake": false
}

가슴이 두근거리다

sugoku homete kureru ! !
감상
너무 초보라 공유할 수 있는 기술이 없어서...매일 베개를 적실 때 마치 천계처럼 빛을 발하는 한 줄기 빛VSCode Power Mode을 비추며 의기양양하게 기사를 썼다.
여러분도 좋아하는 GIF가 있으면 꼭 해보세요.
나는 방해가 되서 곧 꺼졌다.
메리 크리스마스★
빌린 물건

5000조엔 발생기

https://auri.ga/5000generator/

최후
주식회사 옥팬은 엔지니어를 모집 중이다.
관심 있는 사람은 꼭 가야 해!