Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
VisualStudioCodeの拡張機能を作ってみた!
Search
Azusa Okamoto
February 27, 2022
Programming
0
34
VisualStudioCodeの拡張機能を作ってみた!
Azusa Okamoto
February 27, 2022
Tweet
Share
More Decks by Azusa Okamoto
See All by Azusa Okamoto
Go初心者が開発やってみた!
azunyan
1
460
デブサミウーマン2023 アウトプットって何が良いの?
azunyan
0
850
TECH WOMAN KANSAIオンラインもくもく会の流れ
azunyan
0
40
個人的に楽しかった実装2022
azunyan
0
91
TestCaféでE2Eテスト!
azunyan
0
110
vanilla-extractを使ってみた!with React
azunyan
1
680
Next.js・microCMSで ポートフォリオサイトを作りかえて学んだこと
azunyan
0
1.9k
Other Decks in Programming
See All in Programming
ドメイン駆動設計を実践するために必要なもの
bikisuke
3
290
iOSDC 2024
auramagi
3
590
私のEbitengineの第一歩
qt_luigi
0
410
Mastering AsyncSequence - 使う・作る・他のデザインパターン(クロージャ、Delegate など)から移行する
treastrain
3
1.3k
フロントエンドのテストからアクセシビリティをしれっと広めていく
nano72mkn
3
700
dotfiles について話したい #湘なんか
stefafafan
2
280
Hono・Prisma・AWSでGeoなAPI開発
nokonoko1203
5
610
From Spring Boot 2 to Spring Boot 3 with Java 22 and Jakarta EE
ivargrimstad
0
940
複雑さに立ち向かうための ソフトウェア開発入門
shiz
2
580
null or undefined
susisu
20
4k
(非公開スライド追加)座談会 「Strict ConcurrencyとSwift 6が開く新時代: 私たちはどう生きるか?」
shiz
1
140
メモリ最適化を究める!iOSアプリ開発における5つの重要なポイント
yhirakawa333
0
370
Featured
See All Featured
Dealing with People You Can't Stand - Big Design 2015
cassininazir
363
22k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
22
580
No one is an island. Learnings from fostering a developers community.
thoeni
18
2.9k
Automating Front-end Workflow
addyosmani
1365
200k
Git: the NoSQL Database
bkeepers
PRO
425
64k
Into the Great Unknown - MozCon
thekraken
28
1.4k
Scaling GitHub
holman
458
140k
Thoughts on Productivity
jonyablonski
65
4.2k
Fashionably flexible responsive web design (full day workshop)
malarkey
400
65k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
190
16k
How To Stay Up To Date on Web Technology
chriscoyier
785
250k
Large-scale JavaScript Application Architecture
addyosmani
508
110k
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のおかげで、環境構築の心配は不要なので、 機能開発・メソッドについての学習に集中できた!
ご清聴ありがとうございました!