$30 off During Our Annual Pro Sale. View Details »
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
VisualStudioCodeの拡張機能を作ってみた!
Search
Azusa Okamoto
February 27, 2022
Programming
0
96
VisualStudioCodeの拡張機能を作ってみた!
Azusa Okamoto
February 27, 2022
Tweet
Share
More Decks by Azusa Okamoto
See All by Azusa Okamoto
GraphQLでAPI開発 やってみよう!
azunyan
0
14
「わたし色」の見方で拓く世界
azunyan
0
20
ちゃんとSvelte, Hello Worldした!
azunyan
0
52
最近取り組んでいることについて喋ってみる
azunyan
0
13
フロントエンドエンジニアが関数型プログラミングに出会った話
azunyan
0
97
TECH WOMAN KANSAIの 取り組みと今後~2024年の振り返りと2025年へ~
azunyan
0
89
Go初心者が開発やってみた!
azunyan
1
550
デブサミウーマン2023 アウトプットって何が良いの?
azunyan
0
1.1k
個人的に楽しかった実装2022
azunyan
0
140
Other Decks in Programming
See All in Programming
堅牢なフロントエンドテスト基盤を構築するために行った取り組み
shogo4131
6
1.9k
ViewファーストなRailsアプリ開発のたのしさ
sugiwe
0
400
S3 VectorsとStrands Agentsを利用したAgentic RAGシステムの構築
tosuri13
5
270
『実践MLOps』から学ぶ DevOps for ML
nsakki55
2
550
UIデザインに役立つ 2025年の最新CSS / The Latest CSS for UI Design 2025
clockmaker
17
6.6k
MAP, Jigsaw, Code Golf 振り返り会 by 関東Kaggler会|Jigsaw 15th Solution
hasibirok0
0
210
Evolving NEWT’s TypeScript Backend for the AI-Driven Era
xpromx
0
270
dotfiles 式年遷宮 令和最新版
masawada
1
680
関数実行の裏側では何が起きているのか?
minop1205
1
580
CSC509 Lecture 14
javiergs
PRO
0
220
AIコードレビューがチームの"文脈"を 読めるようになるまで
marutaku
0
310
How Software Deployment tools have changed in the past 20 years
geshan
0
28k
Featured
See All Featured
Music & Morning Musume
bryan
46
7k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
234
17k
A Modern Web Designer's Workflow
chriscoyier
697
190k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
4.1k
How Fast Is Fast Enough? [PerfNow 2025]
tammyeverts
3
380
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
128
54k
Java REST API Framework Comparison - PWX 2021
mraible
34
9k
Fireside Chat
paigeccino
41
3.7k
How To Stay Up To Date on Web Technology
chriscoyier
791
250k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.5k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
12
1.3k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
36
6.2k
Transcript
Visual Studio Codeの 拡張機能を作ってみた!! 2/27 とにかくほめる!マウントなしのLT会 あずにゃん
自己紹介
2020.10 フルタイムアルバイト (運用・保守) 2021.10 現在の会社に 入社 自己紹介
自己紹介 お仕事では、フロントを主に担当。 最近は、PHPに興味があって、勉強中!! 趣味は、簡単な個人開発。
Twitterやってます。 Twitter:@azunyan_eng フォローして頂いてOKです! 自己紹介
開発した拡張機能について
開発した拡張機能について 「Greeting VSCode」
開発した拡張機能について VSCode起動時にメッセージが表示される! メッセージはランダム。
ココ!
開発したきっかけ
開発したきっかけ 積読の中にVSCodeの拡張機能開発について特集されている WEB+DB PRESSがあった。 自分でVSCodeを使うときに、何かメッセージが出てきたら嬉しい と思ったから。
VSCode拡張機能開発の始め方
VSCode拡張機能開発の始め方 ①YeomanとVS Code Extension Generator をインストール。 ②yo code 以下の2つを実行すると開発を始められる!!
Yeomanとは?
Yeomanとは? プロジェクトのひな型を作成するためのツール。 色々なテンプレートが用意されていて、 指定したテンプレートのひな型を作成してくれる。
VS Code Extension Generatorは、 VSCodeの拡張機能開発で使うテンプレート。 Yeomanとは?
ランダム出力について
ランダム出力について 出力予定のメッセージは、配列に格納しておく。 Math.random()を利用して、配列のインデックス番号を ランダムで出力するようにしている。
Math.random()
Math.random() 0以上1未満の浮動小数点数の疑似乱数が返ってくる。 ※疑似乱数と乱数はちょっと違う...? 疑似乱数 = 計算によって求められている乱数。 乱数 = 規則性のない数字。
Math.random()×配列の長さ
Math.random()×配列の長さ 最低:0 最高:配列の最後のインデックス番号 ...の範囲の疑似乱数を出力。
Math.random()×配列の長さ あとは、Math.floor()を使って整数に直すと、 インデックス番号として利用できるようになる。 配列のインデックス番号がランダムになり、 値もランダムに出現することになる!
やってみた感想
やってみた感想 Visual Studio Marketplaceに、 自分が開発した拡張機能が並ぶと感動✨ 公式ドキュメントで説明がしっかりされているので、 始めやすい! Yeomanのおかげで、環境構築の心配は不要なので、 機能開発・メソッドについての学習に集中できた!
ご清聴ありがとうございました!