VS Codeのユニークな使い方

Transcript

1. VS Codeの ユニークな使い方
2. 自己紹介 • • • → • • 😀 😁 😭
3. VSCodeのユニークな使い方 • • • •
4. VSCodeのユニークな使い方 • • • •
5. VS CodeはGitHub上で使えるように 米GitHubは8月11日（現地 時間、以下同）、ソース コード共有サイト 「GitHub」上でコードエ ディタ「Visual Studio Code」のWebブラウザ版を 起動できる機能 「Codespaces」のβ版を公 開した。Twitterでは「便 利すぎる」などと、ITエン ジニアを中心に話題になっ ている。
6. GitHubで利用できる2種類のEditor • • • • • • • • •
7. VSCodeのユニークな使い方 • • • •
8. MarkDownでブログ 書いていますか？
9. MarkDownのブログでできること • 👍 • • • • • 👎 • https://citronseason.github.io/ で何ができるかわかります 🤗
10. GitHub Pagesを活用 • • • • GitHub Pages は、GitHub の リポジトリから HTML、CSS、 および JavaScript ファイル を直接取得し、任意でビルドプ ロセスを通じてファイルを実行 し、ウェブサイトを公開できる 静的なサイトホスティングサー ビスです。 -GitHub Pages について
11. JekyllでMarkdownブログを作る • 👇 • Setting up a GitHub Pages site with Jekyll [https://docs.github.com/en/pages/setting-up-a-github-pages-site-with-jekyll] • 👇 • Jekyll Themes
12. 既存のテーマで自分のブログを立てる
13. 建ててみた
14. VSCodeのユニークな使い方 • • • •
15. クリエイティブコーディング してますか？ → GLSL! P5.js!
16. What is GLSL, P5.js ? • • • • • • • • • VS Code Web では動かない😥
17. GLSL > Shader Toy, glsl-snippets
18. P5.js > live-p5
19. VSCodeでできるユニークな使い方 • • • •
20. VS Codeでフローチャート 作れます • • • • • VS Code Web でも動く 😆
21. draw.io こんなかんじ
22. VS Code使い倒しましょう！