中安拓也のブログ

プログラミングについて書くブログ

2020-01-01から1年間の記事一覧

webpackで「JavaScript heap out of memory」エラー

はじめに 環境 発生したエラー 対処法 参考サイト はじめに npm scriptsを使ってIonic(Angular/TypeScript)のAndroidビルドをしている時にFATAL ERROR: CALL_AND_RETRY_LAST Allocation failed - JavaScript heap out of memoryエラーが発生して処理が落ちて…

Angular Materialでレスポンシブなサイドメニューを実装する

はじめに 環境 今回やること ダッシュボード画面 isHandset$ ヘッダー(<app-header>) サイドメニュー(<mat-sidenav>) 参考サイト はじめに PCなどの大きいディスプレイの時はサイドメニューを常に表示し、モバイル端末などの小さいディスプレイの時はハンバーガーメニューに切り替えて</mat-sidenav></app-header>…

【Angular Router】画面遷移でオブジェクトを渡す

はじめに 環境 実装 URIの設定 オブジェクトを遷移先の画面に渡す 遷移先の画面でオブジェクトを受け取る 参考サイト はじめに Angular Routerを使ってA画面からB画面に遷移する時に、B画面に単一の値ではなく、オブジェクトを渡したい時にどのような書き方…

AngularのngIf/elseとng-containerタグとng-templateタグを組み合わせて使う

ngIf/elseとng-containerタグとng-templateタグを組み合わせて使う ngIf-else構文 <ng-container>タグ <ng-template>タグ 組み合わせて使った例 環境 参考サイト 毎回、AngularでngIf/elseを書くたびに書き方を忘れてググっているので書きました。 ngIf/elseとng-containerタグとng-temp</ng-template></ng-container>…

【障害メモ】[Ionic v3][Android]電話の発信と管理を許可しないとDevice Idを取得できない

障害内容 環境 原因 エラーが発生した箇所 対応方針 電話の発信と管理の許可についてのモーダル 障害内容 Ionic v3で作成されたAndroidアプリで、「電話の発信と管理を許可しますか?」と表示されるモーダルで「許可しない」を選択したユーザーの、端末識別I…

【TypeScript】Promiseをasync/awaitに書き直す

はじめに 環境 実践 例1: Promiseが値を返さないパターン Before: Promiseで書かれた処理 After: async/awaitに書き直した処理 例2: Promiseが値を返すパターン Before: Promiseで書かれた処理 After: async/awaitに書き直した処理 参考サイト はじめに 非…

【障害メモ】[ionic-v3][iOS]ion-pickerとion-modalを両方開くとion-modalを閉じることができなくなる

はじめに 環境 発生した障害 原因 修正方法 まとめ 参考サイト はじめに クリックイベントが検知されないときって、ほかのDOM要素が覆っていないかとか、z-indexの設定とかしか気にしていなかったんですが、 posinter-events: noneが設定されていたせいでク…

VSCodeでGitプッシュすると失敗する

プッシュに失敗したときのダイアログ はじめに 環境 発生したエラー 対処方法 参考サイト はじめに Visual Studio CodeでGItプッシュするとエラーが発生する事象が発生しました。SourceTreeでは問題なくプッシュができていて、VSCodeでもコミットまではでき…

【Linux】仕事でよく使っているLinuxコマンド その1

はじめに view おまけ: Vimでログファイルを閲覧するときによく使うコマンド ls -ltr | grep [キーワード] 使用例 tail -f | grep -v [キーワード] 使用例 似たような名前の大量のファイルの中から新しいファイルを表示したい ls -lt | tail 使用例 参考サイ…