Mermaid.jsでグラフを簡単に描く方法 - JavaScript勉強会
読書メモを図にしたいとき、簡単なグラフを作成できるツールがあったら便利です。 調べたらいくつか候補がありました。 PlantUML https://plantuml.com/ja/ Mermaid.js https://mermaidjs.github.io/ Typora https://typora.io/ 今回は、手軽に使えて、拡張性もありそうなMermaid.jsを試してみます。 Mermaid.jsとは？ Visual Studio CodeでMermaid.jsを使う方法 Markdown Preview Enhancedの使い方 図の出力 見た目のカスタマイズ 参考 Mermaid.jsとは？ Mermaid.jsは、JavaScriptでグラフやチャート図を描くためのライブラリーです。 （英語の「mermaid」は、日本語で「人魚」という意味） （公式サイト） https:
Visual Studio Codeで現在の日時を入力するショートカットを設定する方法 - JavaScript勉強会
Visual Studio Codeは大変便利なIDEですが、他のIDEやエディターではよく使っている機能が標準では搭載されていなかったので、追加方法を調べてみました。 プログラムのコメントなどを編集するとき、 現在の日時（日付＋時間） 現在の日付だけ 現在の時間だけ を入力することがありますが、これをショートカットで入力したいのです。 Visual Studio Codeの場合、 「Insert Date String」というプラグインを使う。 ショートカットの設定を追加する。 という変更を加えれば実現できました。 Insert Date Stringプラグイン まず「Insert Date String」というプラグインを追加します。 https://marketplace.visualstudio.com/items?itemName=jsynowiec.vscode-insertd
Visual Studio CodeでIntelliCodeを使ってみよう - JavaScript勉強会
はてなブックマークを見ていたら、便利なツールが紹介されていました。 docs.microsoft.com Visual Studio Code 用 IntelliCode 拡張機能では、Python、Java、TypeScript、JavaScript 用の AI 支援 IntelliSense が提供されます。 AI 支援 IntelliSense では、API の一覧がアルファベット順に提示されるのではなく、開発者にとってそれを使うことが正解となる可能性が最も高い API が予測されます。 開発者が現在記述しているコードの文脈とパターンを使用し、この一覧を動的に提供します。 GitHubのコードを活用 どういう仕組みで予測しているのか？ 調べてみると、GitHubのコードをAIで学習させてその成果を利用しているとのことでした。 forest.watch.impress.co.jp jp
React学習 オンラインの練習ツール「CodeSandbox」 - JavaScript勉強会
Reactの勉強メモ。 Reactを準備なしですぐに練習してみたい場合、オンラインの実行環境が用意されているので、すぐに試してみることができます。 「CodeSandbox」というオンラインエディターを使うと、すぐにReactを試せます。 jsstudy.hatenablog.com CodeSandboxとは？ (p.31) 「CodeSandbox」は、オンライン上で直接Reactなどのコードを記述できるエディターアプリケーションです。 ブラウザーでページを開くだけで、Reactを記述する環境が一式揃っており、雛形から書き始めることができます。 codesandbox.io https://codesandbox.io/ ブラウザーでこのURLにアクセスすると、以下のようなWebページが表示されます。 「OPEN REACT」ボタンをクリックすると、エディター画面が表示されます。 これ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
