開発覚書はてな版

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

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

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

【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の確認 …

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

概要 .vscode/settings.jsonをソース管理等で共有することで、チーム内でワークスペース設定を共有できます。 ワークスペースの設定 基本設定の設定からワークスペースの設定ができます。 用途 フォーマットをチーム内で共有する用途で使用できます。 下記の…

【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がリリースさ…

【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がリリースされましたね。 気になる新機能をピックアップして紹介します。 c…

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

概要 今回はControlValueAccessorを使用した双方向バインディングの実装の仕方を記載します。 通常の双方向バインディングの実装については以下の記事を参照して下さい。 kakkoyakakko2.hatenablog.com

【雑談】開発覚書の歴史

はじめに 開発覚書の歴史について記載してみようと思います。 技術要素はほぼありません。 ブログの趣旨については以下を参照。 kakkoyakakko2.hatenablog.com

【Hyper-V】外付けSSDに仮想環境を移動してみた

目次 目次 概要 環境 ホストOS ゲストOS パフォーマンス測定ソフト 使用した外付けSSD 現在のパフォーマンス ホストOSのHDD ゲストOSのHDD 新環境のパフォーマンス 外付けSSD ゲストOSのHDD 結論 参考情報 ホストOS Cドライブ:NVMe SSD Dドライブ:SSD Eド…

【Angular】双方向バインディングの実装

概要 自作コンポーネントで双方向バインディングの実装の仕方を記載します。 ※今回はControlValueAccessorは未使用で実装します。 下記のような設定をします。 自作コンポーネント @Inputでプロパティを定義する。 @OutputでEventEmitterを定義する。EventEm…

【読書】良いコードを書く技術

概要 保守性の高いコードは何かを考える機会があった時に定期的に読み直す本です。 内容の抜粋や感想等を記載したいと思います。 良いコードを書く技術 ?読みやすく保守しやすいプログラミング作法 (WEB+DB PRESS plus)作者: 縣俊貴出版社/メーカー: 技術評…

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

目次 目次 概要 Workbench関連 Breadcrumbs Run npm scripts from package.json View menu cleanup おわりに 概要 Visual Studio Code v1.26がリリースされましたね。 気になる新機能をピックアップして紹介します。 code.visualstudio.com

【Git】リモートへtagをpush

Git

概要 bitbucketなどではWebページ上でGitリポジトリのtagの付与が出来ないので、ローカルでtagを付与してリモートへの反映が必要です。また、ローカルでtagを追加した場合、通常のpushではtagはリモートブランチに反映されません。 git push時に--tagsを追加…

【TypeScript】Arrayをソートする拡張メソッドの実装 - その3

概要 下記の記事でArrayソート用の拡張メソッドを実装しました。 kakkoyakakko2.hatenablog.com kakkoyakakko2.hatenablog.com 今回は、ファンクションで変換した値でのソートに対応しようと思います。

【TypeScript】Arrayをソートする拡張メソッドの実装 - その2

概要 下記の記事でArrayソート用の拡張メソッドを実装しました。 kakkoyakakko2.hatenablog.com 今回は、第1キーは昇順、第2キーは降順のようなケースに対応したいと思います。 以下の内容で実装していきたいと思います。 引数にソートキーの他に昇順フラ…

【TypeScript】Arrayをソートする拡張メソッドの実装 - その1

概要 TypeScript(JavaScript)の標準のsortメソッドが使いにくいので、compare処理を内蔵した拡張メソッドを実装してみたいと思います。 以下の内容で実装したいと思います。 プリミティブ型配列の場合は通常のArray.sort()を実行する。 オブジェクト型配列の…

【VSCode】おすすめ拡張機能 - Bookmarks

概要 Visual Studio Code で普段利用している拡張機能ご紹介です。 今回はBookmarksです。 文字通りコード内のブックマークを保存していく機能です。 marketplace.visualstudio.com

【Angular】KeyValuePipe の使い方

概要 Angular 6.1.0になりKeyValuePipeが追加されました。 KeyValuePipeのサンプルを作ってみたいと思います。 以下はAngular 6.1をピックアップした記事です。 kakkoyakakko2.hatenablog.com

【Angular】Angular 6.1.0リリース

概要 Angular 6.1.0がリリースされましたね。マイナーバージョンチェンジなのであまり大きな変更はありませんが、気になった箇所をピックアップしていきます。 blog.angular.io github.com

【イベント参加】Developers Summit 2018 Summerに参加してきました

概要 Developers Summit 2018 Summerに参加してきました。 今回はデータ・AI・クラウド関連の話が聞けました。 event.shoeisha.jp 全体的な感想 DWHは通常のDB設計とは異なる方法での設計が必要であり、そのノウハウを聞けてよかった。 自然言語処理やChat…

【RxJS】empty, NEVER, throwError の挙動

概要 RxJSでempty, NEVER, throwError の挙動にはまったのでメモ書き。 ReactiveX - Empty, Never, and Throw operators

【VSCode】おすすめ拡張機能 - GitLens

概要 Visual Studio Code で普段利用している拡張機能ご紹介です。 今回はGitLensです。Gitを利用している場合にとても便利です。 ※GitLens Version 8.5時点の情報です。 marketplace.visualstudio.com

【Angular】Angular Seed から Angular CLI へ移行(ビルド・テスト編)

概要 Angular SeedというGulpを利用して独自にビルド環境を構築しているプロジェクトがあります。その環境をAngular CLIに移行する際のメモ等を記載していきます。 今回はビルドとテストの移行を記載します。 詳細は以下のプロジェクトをご確認ください。 gi…

【VSCode】ワークスペースのTypeScriptのバージョンを使用

概要 Visual Studio Codeの各ワークスペースのTypeScriptバージョンを指定して使用する。

【イベント参加】HTML5 APP CONFERENCE 2018に参加してきました

概要 HTML5 APP CONFERENCE 2018に参加してきました。 PWA・ハイブリッドアプリ等のHTML5関連技術の話しがメインでした。 html5app-conf.connpass.com 全体的な感想 Ionicの導入事例が聞けて個人的にはよかった。(Ionic2での開発経験があるため) Ionic チー…

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

目次 目次 概要 Workbench関連 Grid editor layout Outline view Portable Mode 拡張関連 New default view for Extensions view Preview機能 New Settings editor 終わりに 概要 Visual Studio Code v1.25がリリースされましたね。 気になる新機能をピック…

【Node.js】dependenciesでよく使うバージョン指定

概要 Node.jsのpackage.jsonのバージョン指定でよく使う設定について記載。

【Node.js】dependenciesでGitやファイルパスを指定する

概要 Node.jsのpackage.jsonでdependenciesにGitリポジトリやファイルパスの指定方法を記載。