中安拓也のブログ

プログラミングについて書くブログ。 Twitterやってます @l08084

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 使用例 参考サイ…

「コーディングを支える技術」を読んだ

はじめに 感想 読書メモ はじめに Real World HTTPを読んでいたら出てきたので購入した。 技術本をなかなか読了できないのが悩みだったが、この本のような固定レイアウトではない、スマホで読めるkindle本だとスキマ時間で読めるので読破しやすい。 感想 前…

【Macbook + HHKB】Karabinerで快適「尊師スタイル」

尊師スタイルとは? 問題点: 外付けキーボードの重みで余計なキーを押してしまう 解決策1: キーボードブリッジを買う 解決策2: Karabinerを使う Karabinerのインストール方法 Macbookのキーボードをオフにする 環境 参考サイト 尊師スタイルとは? 外付けキ…

Angular Materialでモーダルとトースト使えるの知ってた???

はじめに 環境 実装 モーダル AppModuleの設定1 モーダルのコンポーネントを作成 モーダルを表示する側の実装 AppModuleの設定2 トースト AppModuleの設定 トースト用のサービスクラスを作成 サービスクラスを経由してトーストを表示 はじめに ずっとないと…

【障害メモ】[Angular CLI]Invalid rule result: Instance of class Promise.

発生した障害 障害が発生した環境 障害の改修手順 Angular CLIの最新版をインストール Node.jsのバージョン10.9以上をインストール 動作確認 参考サイト 発生した障害 Angular v8のプロジェクトでAngular CLIのng generateコマンドを使用してコンポーネント…

【C++】[VSCode]Code Runnerで標準入力(cin)のプログラムを実行する

はじめに 環境 Code Runnerだと標準入力ができない? Code Runnerの出力をターミナルに切り替える 設定方法 動作確認 参考サイト はじめに VSCode上でC, C++, Java..etc を実行できるようにする機能拡張であるCode Runnerを使ってC++を書いていたのですが、…

ng updateでAngularをv7 -> v8にアップグレードする

はじめに 環境 出典元(公式サイトURL) アップグレード 動作確認とエラーの解消 参考サイト はじめに 趣味プロ中にAngular v8以上じゃないと使えない構文がでてきたので、Angularのバージョンを7から8にアップグレードすることにした。 Angular CLIで作成した…

【障害メモ】[ionic-v3][Android][input text]ワンタップでキーボードが出てこない・文章の途中にカーソルを合わせることができない

障害内容 環境 修正方法 参考サイト 障害内容 Ionic v3のAndroidアプリで、入力フォームを複数回タップしないとソフトキーボードが出てこなかったり、文章の途中に間違いがあってもカーソルをテキストの最後にしか移動できないから、全消ししないと誤った文…

【障害メモ】[cordova-plugin-keyboard][Android]ソフトウェアキーボードが入力フォームを覆い隠してしまう

障害内容 環境 修正方法 アプリを全画面表示にするのをやめる 参考サイト 障害内容 モバイル・タブレット端末のソフトウェアキーボードが、入力フォームの前面に表示されてしまうため、画面の下部にある入力フォームがキーボードに隠されて見えない。Android…

【障害メモ】[cordova-plugin-camera]縦向きに撮影した画像が横向きで表示される

障害内容 環境 修正方法 参考サイト 障害内容 cordova-plugin-cameraを使用して、端末の画像ライブラリから画像を選択したり、写真を撮影したりすると、画像の向きが縦から横に変わって表示される。Android端末のみで発生 環境 cordova (Cordova CLI) : 8.0.…

【Git】SourceTreeでブランチ間の差分を表示する

やりたいこと 環境 やり方 やりたいこと GitクライアントソフトのSouceTreeを使用して、ブランチ間の差分を表示する 環境 macOS Mojave@10.14.6 SourceTree@2.4 やり方 比較対象のブランチを選択したあと、右クリックして[現在のファイルとの差分をとる]をク…

【Angular】 送信後にフォームをリセットする

やりたいこと 環境 コーディング 動作確認 参考サイト やりたいこと フォームのSubmitに成功したら、フォームに入力した内容もバリデーションの状態もリセットしたい 環境 Angular@7.2.0 Angular Material@7.3.7 コーディング NgForm.resetForm()を使う。 Fo…

Angularで入れ子(ネスト)のルーティング

やりたいこと 一つ目のルーティング基点 二つ目のルーティング基点 参考サイト やりたいこと <router-outlet>をふたつ設置することで、ホーム画面にサイドメニューを作成します。 一つ目の<router-outlet>では、URLに応じて、ログイン画面・アカウント登録画面などを表示し、二つ目の<router-outlet>をホー</router-outlet></router-outlet></router-outlet>…

【Angular】オブジェクトの中身を表示する JSON パイプ

「TypeScript(Angular)でオブジェクトの中身を画面に表示したいのに[object Object]って表示される。どうしたらいい?」みたいな質問を仕事中に受けたのでメモ。 オブジェクトをJSON文字列に変換する バージョン情報 オブジェクトをJSON文字列に変換する 質…

【iPhone】Touch IDで表示されるダイアログのスクショをとる

iPhoneのTouch IDで表示されるダイアログって、ホームボタンに触ると消えてしまうので、いつものやり方だとスクショが取れない.... こんな時のために(?)、ホームボタンと電源ボタンの同時押し以外でスクリーンショットを撮る方法について整理します バージ…

Angular Materialでサイドメニューを作る

初期状態 上記画像の画面に、Angular Materialを使ってサイドメニューを追加します。 前提 バージョン情報 開発 AppModuleの設定 サイドメニューの雛形を作成 ナビゲーション(メニュー)の表示 参考サイト 前提 下記の対応についてはすでに完了しているものと…

【Angular】Guardで認証されていないアカウントをブロックする

やりたいこと 前提 Guardを作成する ログインしてないアカウントをホーム画面に入れない ログイン済みのアカウントをログイン画面に入れない 動作確認 未ログインのアカウントをホーム画面に遷移させない ログイン済のアカウントをログイン画面に遷移させな…

【Angular】Firebase認証からログアウトする

AngularとFirebaseを使ったログイン処理については、下記の記事ですでに実装済みのため、今回はログアウト処理を実装していきます。 関連記事 バージョン情報 実装 ヘッダーにログアウトボタンをつける ログアウト処理を実装する 動作確認 関連記事 Angular…

【Angular】HttpInterceptorを使ってスピナーを表示する

スピナーが表示されている様子 はじめに バージョン情報 開発 AppModuleの設定 スピナーコンポーネントの作成 スピナーサービスの作成 インターセプターの作成 AppModuleの設定 動作確認 HttpClientによるHTTPリクエスト HttpClientを使わない場合 参考サイ…

【Python】楽天カードの利用明細をダウンロードする

前回の記事 バージョン情報 楽天カードの利用明細をダウンロードする 苦労した点 参考サイト 前回の記事 www.l08084.com 前回に引き続き、クレジットカードの利用明細のダウンロードをしていきます。 前回は、UIテスト自動化ツールのSeleniumuとChrome Drive…

【Git】既存のリポジトリから別のリポジトリを作成する

一瞬forkかなと思ったけどforkだとcommit履歴も持ってきちゃうし... やりたいこと バージョン情報 やってみる やりたいこと リポジトリAをベースにリポジトリBを作成したい commit履歴は引き継ぎたくない 開発ブランチも引き継ぎたくない バージョン情報 使…

【Ionic】WebサイトからiOSアプリを開くリンク(「アプリで開く」ボタン)を実装する

仕事で「iPhone/iPad端末にアプリがインストールされてたら起動するリンク」(URL Scheme)を実装したのでメモ バージョン情報 実装した要件 実装 ライブラリのインストール AppComponentの改修 Webサイト側の設定 参考サイト バージョン情報 iOSアプリの作…

【Python】[Selenium]クレジットカードの利用明細をダウンロードする

Pythonを練習しようパート1 Pythonの入門書を読んでから数ヶ月...全くパイソンを書かない日々が続いたので、勉強がてらクレジットカード利用明細のダウンロードをやってみました 出典 バージョン情報 SeleniumとChromeDriverのインストール テストプログラ…

Angular + Firebase でアカウント登録画面の作成

AngularでFirebase認証(その1) Firebaseのセットアップ - 中安拓也のブログ AngularでFirebase認証(その2) Angular Materialを使ったログイン画面の作成 - 中安拓也のブログ AngularでFirebase認証(その3) Firebase Authentication の呼び出し - 中安拓也…

【Ionic(Angular)】Hammer.jsを使っている画面で垂直スクロールができなくなる問題

仕事中に遭遇した障害についてのメモ。iOS13(ベータ版)とAndroid 9で検知した。 発生事象 原因 対応 バージョン情報 参考サイト 発生事象 Ionic(Angular)のGestureを使ってピンチイン・ピンチアウトによるズームを有効にしている画面で、縦方向のスクロール…