開発覚書はてな版

個人的な開発関連の備忘録

【VSCode】おすすめ拡張機能 - Angular Language Service

概要

Visual Studio Code で普段利用している拡張機能ご紹介です。
今回はAngular Language Serviceです。 Angular Supportと同様にHTMLからTypeScriptの定義に飛ぶことが可能です。(TypeScriptからHTMLへ飛ぶことは不可)
基本的にはHTML側の開発サポート機能が充実しています。

marketplace.visualstudio.com

Angular Supportについては以下の記事を参照。 kakkoyakakko2.hatenablog.com

続きを読む

【VSCode】おすすめ拡張機能 - Angular Support

概要

Visual Studio Code で普段利用している拡張機能ご紹介です。
今回はAngular Supportです。 Angular Language Serviceと重複している箇所がありますが、HTML・TypeScriptの双方から定義に飛ぶことができる拡張機能です。

marketplace.visualstudio.com

続きを読む

【Angular】Angular 7.0.0リリース

概要

Angular 7.0.0がリリースされましたね。 あまり大きな機能追加はありませんが、気になった箇所をピックアップしていきます。
ちなみに次世代レンダリングパイプラインのIvyは含まれていません・・・

blog.angular.io

github.com

続きを読む

【VSCode】推奨拡張機能を共有

概要

.vscode/extensions.jsonをソース管理等で共有することで、チーム内で推奨拡張機能を共有できます。

推奨拡張機能の記載方法

.vscode/extensions.json拡張機能のIDを記載することで推奨拡張機能として共有できるようになります。

拡張機能のIDの確認

確認したい拡張機能のページ内に記載されています。 拡張機能名の横にIDが{publisherName}.{extensionName}で記載されています。

f:id:kakkoya:20181012191258p:plain

.vscode/extensions.json

以下のフォーマットに拡張機能のIDを追加していくことで設定できます。

{
    "recommendations": [
        "拡張機能のID"
    ]
}
表示

f:id:kakkoya:20181012190554p:plain

用途

チーム内で標準で使用したい拡張機能を共有するために利用できます。
README.md等に記載するよりは簡単に共有できるよので便利です。

参考URL

code.visualstudio.com

【VSCode】ワークスペース設定を共有

概要

.vscode/settings.jsonをソース管理等で共有することで、チーム内でワークスペース設定を共有できます。

ワークスペースの設定

f:id:kakkoya:20181012184811p:plain

用途

フォーマットをチーム内で共有する用途で使用できます。
下記の設定を共有しておくと便利です。

  • インデントの固定
  • ファイルフォーマットの指定
  • 改行コード
  • 保存時にファイルの末尾に空の新規行を追加

参考URL

code.visualstudio.com

【VSCode】Visual Studio Code v1.28 の気になる新機能

目次

  • 目次
  • 概要
  • Workbench関連
    • Custom title and menu bar on Windows by default
    • Project level snippets
    • Copy Relative Path
    • Problems panel - Show error codes
  • Editor
    • IntelliSense locality bonus
  • おわりに

概要

Visual Studio Code v1.28がリリースされましたね。
気になる新機能をピックアップして紹介します。

code.visualstudio.com

続きを読む

【Angular】IE11用number Directive

概要

IE11では<input type="number">を指定しても数値以外の入力が可能です。
今回はDirectiveを使用して数値のみを入力する共通処理を実装したいと思います。

続きを読む

【VSCode】Visual Studio Code v1.27 の気になる新機能

目次

  • 目次
  • 概要
  • Workbench関連
    • Settings editor
    • Breadcrumbs improvements
    • New Terminal menu
  • Languages
    • Path completion for CSS imports
  • おわりに

概要

Visual Studio Code v1.27がリリースされましたね。
気になる新機能をピックアップして紹介します。

code.visualstudio.com

続きを読む

【Angular】双方向バインディングの実装(ControlValueAccessor使用版)

概要

今回はControlValueAccessorを使用した双方向バインディングの実装の仕方を記載します。

通常の双方向バインディングの実装については以下の記事を参照して下さい。 kakkoyakakko2.hatenablog.com

続きを読む

【雑談】開発覚書の歴史

はじめに

開発覚書の歴史について記載してみようと思います。
技術要素はほぼありません。

ブログの趣旨については以下を参照。 kakkoyakakko2.hatenablog.com

続きを読む