VS Code & TypeScriptとp5.jsで始めるモダンなクリエイティブコーディング入門 - ICS MEDIA
ページの背景で動くダイナミックなパーティクルやラインアニメーション、あるいはちょっとした遊びごころの溢れるキャラクターアニメーションなど、webページにクリエイティブな表現を組み込めるようになりたいと考える方はエンジニアにも多いでしょう。 この記事では、基本的なJavaScriptの知識があれば誰でも始められるp5.jsというライブラリを使用して、クリエイティブな作品作りの入門を解説します。 環境面では、フロントエンド開発のデファクト・スタンダードとも言えるVisual Studio Code（以下VS Code）とTypeScriptを使用して、モダンで快適な開発環境を作ります。 環境構築といっても、とくに難しい作業はありません。記事を読みながらぜひ、オリジナルの作品作りにチャレンジしてみてください。 ▼ VS Codeでp5.jsを使って制作している環境の例 クリエイティブ・コーディン
Visual Studio Code で markdown のスニペットを登録する
Visual Studio Code で markdown を使用して plantuml を書くことが多いのですが、“` Visual Studio Code に markdown のスニペットを登録する スニペット利用準備 私の環境では、デフォルトで markdown のスニペットが無効になっていたので、有効にします。 基本設定を開き、以下の項目をユーザー設定に追加します。 "[markdown]": { "editor.wordWrap": "on", "editor.quickSuggestions": true, "editor.snippetSuggestions": "top" } スニペットの登録 上記のように、ユーザースニペットを選択します。 markdown と入力します。 すると、 markdown.json が開きます。 デフォルトでは以下のような内容になっていました
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
