Java8のLocalDateとLocalDateTimeを変換してみた
Angular でサブディレクトリにビルドする方法
Angular でサブディレクトリにビルドする方法 Angularでビルドするには ng build もしくはpackage.jsonのnpm-scriptsを変更していないなら npm run build を実行すれば、srcと同じ階層の...
リモートブランチをローカルにチェックアウトする方法
リモートブランチをローカルにチェックアウトする方法 開発メンバーAさんがpushしたブランチをBさんのローカルにチェックアウトして修正する方法です。 最新情報をまず取得します。 git fetch つぎにリモートブランチを確認します。 gi...
Angular の@ViewChildの使い方
Angular の@ViewChildの使い方 Angular の@ViewChildを使えば、parent to view child というように親コンポーネントから子コンポーネントのメソッドなどにアクセスできるようになります。 またコ...
WSLをVSCodeで使う
WSLをVSCodeで使う Windows Subsystem for LinuxをVSCodeで使いたかったので、使い方を記載します。 環境 項目 バージョン windows 10 Ubuntu 16.04.5 LTS VSCode 1....
node.jsでxmlからJSONに変換、JSONからxmlに変換するxmljsonモジュールの使い方
node.jsでxmlからJSONに変換、JSONからxmlに変換するxmljsonモジュールの使い方 xmlからJSONに変換したり、JSONからxmlに変換するモジュールです。 インストールします。 npm install xmljso...
Angular の@HostListener の使い方
Angular の@HostListener の使い方
JSのforEach文の使い方とコールバック関数
JSのforEach文の使い方とコールバック関数 JSの配列にはforEach文が存在します。 let arr = ; arr.forEach((data,i,arr) => { console.log(i); }); forEachの引数...
chocolateyでパッケージ管理
chocolateyはWindowsで利用できるパッケージ管理ツールです。 install/upgrade/uninstallなど簡単にできるようになります。 インストーラを起動して承諾とかだるい。プロジェクトで使うツールをまとめて管理した...
lodash.js の使い方を勉強しようとしたらunderscore.jsと似ている
lodash.js の使い方を勉強しようとしたらunderscore.jsと似ている lodash.jsが人気だと聞いたので、早速勉強しようと思ったらだいぶ昔にWebシステムで使ったunderscore.jsと似ています。経緯はよく知りませ...
bignumber.js を使って浮動小数の誤差をなくす
bignumber.js を使って浮動小数の誤差をなくす
VS Code のミニマップを消す方法
VS Code のミニマップを消す方法 ミニマップがミニ過ぎて見えないから意味がないように思えてきて、思い切って非表示にする方法です。 ツールバーの「ファイル」-「基本設定」ー「設定」で設定画面を開き "editor.minimap.ena...
asciidoctorによる形式変換
asciidoctorによる形式変換 こんにちは東です。 今回はASCiiDocを別形式へと変換できる、asciidoctorの使い方に関して書いていこうと思います。 まず、asciidocとはRubyで作られたテキストプロセッサで、 AS...
HTMLでinput部品のnumberの動作がややこしい
HTMLでinput部品のnumberの動作がややこしい 数値のみを入力したい場合に、<input type="number">としたら、Chromeでは効くのにIE11だとうまく動作しないです。文字も入ってしまいます。 どうもIE11だと...
HTMLでIMEを無効にする方法
HTMLでIMEを無効にする方法 Chromeでは無理でしたが、IE11ではスタイルシートで無効にすることができました。 <html> <body> <div> TEL: <input type="text" style="ime-mode...
Gradleプロジェクトで指定ディレクトリ配下のファイルを取り込む方法
Gradleプロジェクトで指定ディレクトリ配下のファイルを取り込む方法 プロジェクトのフォルダ配下のjarを取り込みたい場合などにfileTreeを使えます。 build.gradleのdependencies内に implementati...
JavaのByteBufferでバイト配列を扱う方法
JavaのByteBufferでバイト配列を扱う方法
Angular でカバレッジレポートを出力する
Angular でカバレッジレポートを出力する
TypeScript でnumber 型をstring 型に変換する方法
TypeScript でnumber 型をstring 型に変換する方法
TypeScript でstring 型をnumber 型に変換する方法
TypeScript でstring 型をnumber 型に変換する方法 TypeScript で簡単にstring → numberに変換する方法です。 let a:string = '100'; let b:any = +a;// +を...
TypeScript のimport で別名が指定できる
TypeScript のimport で別名が指定できる TypeScript のimport 文でasを使って別名ができることを知りました。 import { hoge as HOGE } from '~~' 異なるtsファイルで同じクラ...
SQLアンチパターンチートシート
SQLアンチパターンチートシート SQLのアンチパターンと大書を纏めました。 複雑なSQL(スパゲッティクエリ) APサーバとDBサーバのトラフィックを考慮して1つのSQLを書く、ということが過去によくありました。最近ではこのトラフィックよ...
Angular でテストコードの書き方を纏めました
Angular でテストコードの書き方を纏めました
Angular の#(シャープ)がつく変数
Angular の#(シャープ)がつく変数
TypeScript で関数の引数に関数を渡してみる
TypeScript で関数の引数に関数を渡してみる
Angular でデコレータを作成してみる
Angular でデコレータを作成してみる Angular で独自にデコレータを作成してみます。例えばあるイベントハンドラが呼ばれたときにDBに登録する、といったことがデコレータで実現することができます。 が、面倒なのでここではコンソール出...
VS Code でnpm-scripts をサイドパネルからクリックして実行する
VS Code でnpm-scripts をサイドパネルからクリックして実行する package.jsonに書いてあるnpm-scriptsをコマンドで実行するのではなく、サイドパネルに表示して、それをクリックすることによって実行できるよう...
Angular でpipeの使い方
Angular でpipeの使い方 Angular にはpipeという機能があります。データをフォーマットするための仕組みです。 {{式 | パイプ名}} というように記述します。Angular には標準でいくつか標準で提供されているpip...
util.callbackify()を使用しよう
こんにちは、北野です。 今回の投稿は前回記事(util.promisify()を活用しよう)と対となる 「util.callbackify()を使用しよう」 です。 それでは行ってみましょう。 util.callbackify()とは? n...
AWS Lambda(node.js)でmapとPromise.allで並列実行する
AWS Lambda(node.js)でmapとPromise.allで並列実行する S3にputObjectする処理をする場合にコーディングによっては処理が遅くなってしまうケースがあります。 await S3.putObject(para...
util.promisify()を活用しよう
こんにちは、北野です。 今回の投稿は前回の予告通り、 「util.promisify()を活用しよう」 です。 それでは行ってみましょう。 util.promisify()とは? node v8で追加されたutilモジュールの関数の1つで、...
Angular でEnum型を初期化してテンプレートで使用する方法
Angular でEnum型を初期化してテンプレートで使用する方法
gitコマンドチートシート
gitコマンドチートシート gitコマンドを纏めておきました。 SVNでいう更新 gitから最新を取得します。 $ git fetch -a $ git branch -a $ git pull 詳細は「リモートブランチをローカルにチェック...
git stash の使い方
git stash の使い方 git stashコマンドは現在の変更をいったん退避することができるコマンドです。 退避できるファイルはcommitしていないファイルが対象です。 git stash save saveは省略可能ですがこのコマ...
SVNのコマンドでファイルサイズ、コミットユーザ、リビジョン番号を確認する方法
SVNのコマンドでファイルサイズ、コミットユーザ、リビジョン番号を確認する方法
node v8以降の非同期処理はasync/awaitを使用しよう
こんにちは、北野です。 今回の投稿は 「node v8以降の非同期処理はasync/awaitを使用しよう」 です。 async/awaitとは? async/awaitとはECMAScript2017で追加された、非同期構文です。 Pro...
linq-es5の使い方
linq-es5の使い方 こんにちは東です。 今回はlinq-es5の使い方について書いてみようと思います。 各メソッドの使用方法をぞれぞれ記載していきます。 何をしたい時にどのメソッドをどのように利用すればよいか、 実際のソースで記載して...
Angular のテンプレート参照変数の使い方
Angular のテンプレート参照変数の使い方
Angularにng-bootstrapをインストールする方法と使い方
Angularにng-bootstrapをインストールする方法と使い方 ng-bootstrap をインストールする方法です。 npm install --save @ng-bootstrap/ng-bootstrap ng-bootstr...
Make sure the “name” property in your package.json is not set to “bootstrap”. Make it something more unique
Make sure the "name" property in your package.json is not set to "bootstrap". Make it something more unique npm install ...
Angular の[disabled]バインディングはtrueかfalseで効くようです
Angular の[disabled]バインディングはtrueかfalseで効くようです
Angular のngClass ディレクティブの使い方
Angular のngClass ディレクティブの使い方
git master の最新を作業ブランチにマージする方法
git master の最新を作業ブランチにマージする方法 作業ブランチからmaster に変更します。 git checkout master master を最新にします。 git pull master を最新にしたら、作業ブランチに...
Windowsでbusyboxを用いてLinuxの基本的なコマンドを使用する
Windowsでbusyboxを用いてLinuxの基本的なコマンドを使用する 初めまして、北野です。 今回が初投稿となります。よろしくお願いします。 記念すべき第一回目は 「Windowsでbusyboxを用いてLinuxの基本的なコマンド...
Storybookでコンポーネントカタログを作る
Storybookを利用することで、プロジェクトで作成したコンポーネントのカタログを作ることができます。 どういうコンポーネントかも視覚的にわかりドキュメントとしていいものになると思います。 今回は、vue.jsでStorybookを利用し...
[vue.js]単一ファイルコンポーネントでコンポーネントを定義
vue.jsではコンポーネントを定義する方法として、単一ファイルコンポーネントがあります。 これは、1コンポーネントを1ファイルで管理することができる物となります。 このファイルでは、コンポーネントで使用するHTML,javascript,...
Angular のルーティングの基本とRoutes の使い方
Angular のルーティングの基本とRoutes の使い方 Angularにはルーティングという機能があります。描画領域をコントロールする仕組みです。 ルーティングを実現させるには、RoutesとRouterModuleをインポートする必...
Angular のObservable とSubject でRxJSの仕組みを理解する
Angular のObservable とSubject でRxJSの仕組みを理解する RxJSを使って簡単なデータの受け渡しをします。 まずコンポーネントを作成します。 ng generate component abc ちなみにAngu...
Angular の@Output の使い方
Angular の@Output の使い方 @Inputの使い方は理解しやすいですが、@Outputの使い方は理解するのが少し難しい気がします。 コンポーネントとコンポーネントの連携ではなく、コンポーネントの中にコンポーネントが存在するよう...
Angular のtrigger 関数でアニメーションを実装する方法
Angular のtrigger 関数でアニメーションを実装する方法 trrigerをインポートしてアニメーションを実装しますが、app.module.tsファイルにBrowserAnimationsModuleをインポートする必要がありま...
TypeScript の(this as any)の意味
TypeScript の(this as any)の意味