Multi Vitamin & Mineral

Multi Vitamin & Mineral です。プログラムに関することを書いております。

TypeScript の開発環境を作る。VSCode を基本に ESLint と Prettier も添えて。

はじめに VSCode と Node.js の用意 TypeScript のインストール TypeScript のコンパイル eslint の導入 蛇足 Prettier の導入 VSCode のプラグイン はじめに TypeScript の開発環境の作り方です。 「TypeScript をサクッと一通り知る」のサブコンテンツとな…

TypeScript をサクッと一通り知る

TypeScriptとは? なぜ TypeScript ? tsc トランスパイル JavaScript のバージョンに注意 インストールと利用 1. インストールなしに試す 2. グローバルインストール編 3. プロジェクト内で利用編 TypeScriptの基本的な書き方 型 (1) 基本型3つ+型なし (2) …

Visual Studio Code のショートカットキーを覚える

はじめに 基本 サジェスト系 選択系(マルチカーソル) キーワード検索系 編集操作系 行操作系 ファイル内移動系 ファイル移動系 ファイル分割表示系 ファイル名検索系 ファイル編集系 はじめに 個人的に使いそうなものだけまとめました。 上から下まで一度…

Visual Studio Code の最初の設定、基本の操作

はじめに 拡張機能 設定 ユーザーとワークスペース コマンドパレット ショートカットキー その他操作 ファイルのインクリメンタルサーチ プロジェクト内のキーワード検索 ファイル編集操作 ファイルリンクとファイルリンクからのファイル作成 Emmetの利用 cs…

まっさらな Windows でフロントエンド開発環境を構築する 色々インストール編

はじめに インストールするソフトウェア git for windows Visual Studio Code Node.js Ricty Diminished インストールしたものだけでも連携させておく gitbash と VSCode の連携 VSCode にフォント設定をする 変更履歴 2021/02/12 はじめに まっさらな Windo…

Spring で DI をするにはどうするか? そのための3つのこと。

DI が何であるのかはここでは話はせずにですね、スパっと、 Spring で DI をするにはどうすれば良いのかだけ書きます。 DI をするための3つのこととは? Spring で DI をする方法 1. 自分が作ったクラス(POJO)を DI 対象にしてもらう方法 2. DI 対象クラス(…

nodist で Windows のローカル開発環境に npm を導入する手順

当該記事では nodist の利用を勧めていましたが、その後下記のような記事を書きました。こちらの記事も参照いただいた上で利用を検討されることをオススメします。 multimineral-tech.com (追記 : 2021/02/12) Windows PC に npm をインストールする手順をま…

Spring Boot をはじめてみるよ(Maven コマンド編)

multimineral-tech.com 上記では、 STS の GUI でプロジェクトを作りました。 GUI が裏でヨロシクやってくれていたのですが、何が行われていたのか分からないと、何かを変えたい時にどこを修正すればよいのかも分かりません。 そこで、 GUI を使わずに作成す…

Spring Boot をはじめてみるよ(Gradle 編)

multimineral-tech.com 上記では、 STS の GUI でプロジェクトを作りました。 使ったのが Maven でしたので、今度は Gradle で試してみましょう。 結論を言いますと、違いはプラグインをインストールするだけということが言えます。 使い方は若干変わります…

Spring Boot をはじめてみるよ

Spring でアプリケーションを作るには、今だったら Spring Boot を使うのがいいでしょうかね。 それでは、 Java アプリ開発はしたことあるけど Spring Boot は触ったことないよ、といった人向けに、最初にすることとして、以下の内容を説明していきます。 Sp…

はてなブログで目次を表示するようにしました

はてなブログの設定変更履歴メモ第一弾。 ブログの記事内に目次を入れる方法です。ということで、この下にも目次を入れてみます。 目次の入れ方(公式より) 目次のデザインは独自CSSでカスタマイズ 実際に使ったCSS 独自CSSの追加 2021/01/14 追記 設置方法…

Mac ユーザーのわたしが Nexus7 (2012) が激重なので、 Android のバージョンを 5.1 から 4.4.4 にダウングレードした話

うきうきで新バージョンにアップロードしたら、激重でゲンナリ (ノ∀`)アチャー したのでダウングレードしたお話です。 ダウングレードしてみたら、急激に快適になりましたよ。 今まで手に取ることすらしなくなった Nexus7 も、これを機にまた使ってみようかと思っ…