カテゴリ一覧（検索用） AdobeXD Bootcamp Node.js Swagger VSCode Vue.js コマンドプロンプト デベロッパーツール

なかなか良い方法がない。色変えたいだけなのに。 いろんなところで同じsvgファイルを使うので、インラインはしたくない。 候補１ filterで色を付ける。 かなり特殊なやり方だが、今のところ下記が一番シンプルかも。 svgをJSなし・インライン読み込みなしで…

下記ファイル(Log.js)のdebugLifeCycleを、各Vueのsetup関数の中で呼ぶ import { onBeforeMount, onMounted, onBeforeUpdate , onUpdated, onBeforeUnmount, onUnmounted} from 'vue' function debugLifeCycle(view) { console.log(view + ": on create") on…

最初は、動画を見るのがよい xdtrail.com 入れておくと良い?プラグイン Anima Color Designer Color Scale Component to Vue Confetti Copy CSS from panel Copy CSS to Clipboard Icons 4 Design Mimic Remove Decimal Numbers Rename it SelectMenu Stark …

バージョン 現在 swagger 2.0 openapi 3.0(swagger 3.0) があるが、「openapi 3.0」がよい。「openapi 3.0」から「oneOf」属性がサポートになっており、「いづれかひとつ」を表現できるようになっている。 参照：oneOf, anyOf, allOf, not example、examples…

VSCodeの便利なプラグインを記載する Vue.jsで使いたいVSCodeのプラグイン Vetur Vue.jsのコードのハイライトや補完のために必須のプラグイン。 整形もできるようになる。Alt+Shift+fでドキュメント全体を整形する。（選択している箇所だけの整形はできない…

手順 - CLIで作成する場合 CLIでプロジェクト作成。 「vue create プロジェクト名」で作成する。ここではプロジェクト名をcli_appとしている。 > vue create cli_app その後は任意の選択を行う。 ? Please pick a preset: (Use arrow keys) > Default ([Vue …

前提 Node.jsがインストールされている必要があります。 Node.jsのインストール - Simple Answer 手順 -- 生のNode.jsの場合 作業フォルダ(test-server)を作成してそこへ移動 > mkdir test-server > cd test-server プロジェクト開始の宣言 > npm init -y ※-…

Node.jsのインストール手順です。（Windows10で行いました。） 手順１ Node.jsの公式ダウンロードページに行きます 手順２ インストーラーをダウンロードします。 バージョンは下記を意識した方が良いでしょう。 LTSを選ぶ ・・・長期期間サポートされる 最…

BootcampのWindows10でスクリーンショットを取得したい場合、 「command」＋「shift」＋「s」 です。 このコマンドで、画面上部に取得範囲のアイコンが表示されます。 そこから任意のアイコンを選んだ後、取得します。

VueのGUI管理ツールの、Vue プロジェクトマネージャを起動します。 前提 Vue CLIがインストールされている必要があります。 Vue CLIのインストール方法 - Simple Answer 手順１ コンソール（Windowsならコマンドプロンプト）で下記を実行します。 vue ui vue…

Vue CLI（Vue3開発ツール）をインストールします。 前提 Node.jsがインストールされている必要があります。 手順 コンソール（Windowsならコマンドプロンプト）で下記を実行します。 npm install -g @vue/cli Vue CLIインストール 完了するまで待ちます。（…

コマンドプロンプトで、コピーしたい文字列を選択できるようにする方法です。 ゴール ゴールの画像 手順 手順１ 手順１ 手順２ 手順２ すると、下記（ゴール）になります。 ゴールの画像 完了 以上で完了です。

Chromeのデベロッパーツールで、Consoleタブを常時表示させる方法です。 ゴール ゴールの画像 手順 ①、②の順にクリックします。 （別の方法：代わりに、Escキーを押下するでもOK。） 手順 すると、下記（ゴール）になります。 ゴールの画像 完了 以上で完了…