大田区から発信するゆるゆる日記

主にITエンジニアに関する備忘録日記。たまに趣味も。何か不備があればコメント頂けると幸いです。Twitterアカウント https://twitter.com/ryuzan03

プログラミング

今日のワード(7/10)

概要 リテラル シグネチャ コールバック メンバ 今後に向けて 参考 ※下記の内容に不備がありましたら、コメント頂けると幸いです。また、下記の内容をご使用頂ける場合は自己責任でお願いします。 概要 学んだワードを書き留めていく。 今日はここ。 インタ…

【Typescript/交差型/分割代入】分からなかったコードの解説

※下記の内容に不備がありましたら、コメント頂けると幸いです。また、下記の内容をご使用頂ける場合は自己責任でお願いします。 【目次】 概要 コード解説 疑問点 まずは代入する側の解説 左辺の解説 今後に向けて 参考 概要 前回の記事で悩んだコードについ…

【Ionic/Angular】ion-tabsでページ遷移時に前データが残る場合の対処法【When used with Angular's router】

※下記の内容に不備がありましたら、コメント頂けると幸いです。また、下記の内容をご使用頂ける場合は自己責任でお願いします。 【目次】 概要 ion-tabsでページ遷移後に、前のページの情報が残ってしまう時の対処法 懸念事項や実現方法の考察など 懸念事項 …

【HTML/Javascript】フロントエンドでCSVデータを出力する方法

※下記の内容に不備がありましたら、コメント頂けると幸いです。また、下記の内容をご使用頂ける場合は自己責任でお願いします。 【目次】 概要 CSVデータ出力方法 処理の流れ 多次元(2次元)配列を使った理由 多次元(2次元)配列とは? 画面とメソッドを作成 2…

【Ionic/Angular】ion-navでネストがあるナビゲーション機能を実装

※下記の内容に不備がありましたら、コメント頂けると幸いです。また、下記の内容をご使用頂ける場合は自己責任でお願いします。 【目次】 概要 ion-navでネストがあるナビゲーション機能を実装 必要なコンポーネントとデータを作成 parentコンポーネントとch…

【Ionic/Angular】Tabsテンプレートで作ったIonicアプリにSideBarを追加する(別解編)

※下記の内容に不備がありましたら、コメント頂けると幸いです。また、下記の内容をご使用頂ける場合は自己責任でお願いします。 【目次】 概要 Tabsテンプレートで作ったIonicアプリにSideBarを追加する(別解編) 前回と今回の比較 別解に至った経緯 MenuPage…

【Ionic/Angular】Tabsテンプレートで作ったIonicアプリにSideBarを追加する(エラー対応編)

※下記の内容に不備がありましたら、コメント頂けると幸いです。また、下記の内容をご使用頂ける場合は自己責任でお願いします。 【目次】 概要 エラー対応 エラー内容 原因 解決 今後に向けて 参考資料 概要 前回のブログ【Ionic/Angular】Tabsテンプレート…

【Ionic/Angular】Tabsテンプレートで作ったIonicアプリにSideBarを追加する

※下記の内容に不備がありましたら、コメント頂けると幸いです。また、下記の内容をご使用頂ける場合は自己責任でお願いします。 【目次】 概要 完成イメージと参考動画 Tabsテンプレートで作ったIonicアプリにSideBarを追加する ポイント MenuPageを追加する…

【Firebase/Angular】AngularFireAuthのauthプロパティ削除について

※下記の内容に不備がありましたら、コメント頂けると幸いです。また、下記の内容をご使用頂ける場合は自己責任でお願いします。 【目次】 概要 AngularFire authプロパティの変更 AngularFire6.0での変更点 使い方 Firebase AngularFireAuth(おまけ) 参考資…

【Ionic/Angular】iOSアプリ開発におけるLocalNotificationsの挙動

※下記の内容に不備がありましたら、コメント頂けると幸いです。また、下記の内容をご使用頂ける場合は自己責任でお願いします。 【目次】 概要 iOSアプリ開発におけるLocalNotificationsの挙動 問題発生 対策① 対策② 結論 参考 概要 本格的にIonicでアプリ開…

【Angular】ngTemplateOutletディレクティブの使い方

※下記の内容に不備がありましたら、コメント頂けると幸いです。また、下記の内容をご使用頂ける場合は自己責任でお願いします。 【目次】 概要 ngTemplateOutletの使い方 ngTemplateOutletとは? 構文 例 応用編 $implicit ngTemplateOutletで複数のオブジェ…

【Ionic/Angular】Android Studioの初期設定で少し躓いたところ

※下記の内容に不備がありましたら、コメント頂けると幸いです。また、下記の内容をご使用頂ける場合は自己責任でお願いします。 【目次】 概要 Android Studioの初期設定で少し躓いたところ 1 ライセンスが許可されていないため一部のAndroid SDKパッケージ…

【Angular/TypeScript】Spread Operator(...)【ドット3つ】

※下記の内容に不備がありましたら、コメント頂けると幸いです。また、下記の内容をご使用頂ける場合は自己責任でお願いします。 【目次】 概要 Spread Operator(...) 意味 使い方 今後に向けて 参考 概要 Angular After Tutorialに取り組んでいると、見慣れ…

【Angular】Excelやスプレッドシートのような表を作ってみた⑥【テキスト修正時のフォント色変更(クラス付与)編】

※下記の内容に不備がありましたら、コメント頂けると幸いです。また、下記の内容をご使用頂ける場合は自己責任でお願いします。 【目次】 概要 実装した機能(?)紹介 テキスト修正時のフォント色変更(クラス付与)編 テーマ 前提 コード ポイント 今後に向けて…

【Angular】Excelやスプレッドシートのような表を作ってみた⑤【要素(div/input)切り替え(スタイルバインディング)編】

※下記の内容に不備がありましたら、コメント頂けると幸いです。また、下記の内容をご使用頂ける場合は自己責任でお願いします。 【目次】 概要 実装した機能(?)紹介 要素(div/input)切り替え(スタイルバインディング)編 テーマ 前提 なぜindexを使わない? …

【Angular】Excelやスプレッドシートのような表を作ってみた④【mat-button-toggle-group編】

※下記の内容に不備がありましたら、コメント頂けると幸いです。また、下記の内容をご使用頂ける場合は自己責任でお願いします。 【目次】 概要 実装した機能(?)紹介 mat-button-toggle-group編 テーマ 前提 コード ポイント 今後に向けて 参考 概要 この度、…

【Angular】Excelやスプレッドシートのような表を作ってみた③【デザイン修正編】

※下記の内容に不備がありましたら、コメント頂けると幸いです。また、下記の内容をご使用頂ける場合は自己責任でお願いします。 【目次】 概要 実装した機能(?)紹介 デザイン修正編 テーマ 前提 コード ポイント 今後に向けて 参考 概要 この度、作りたかっ…

【Angular】Excelやスプレッドシートのような表を作ってみた②【mat-icon編】

※下記の内容に不備がありましたら、コメント頂けると幸いです。また、下記の内容をご使用頂ける場合は自己責任でお願いします。 【目次】 概要 実装した機能(?)紹介 mat-icon編 テーマ 前提 コード ポイント 今後に向けて 参考 概要 この度、作りたかった表…

【Angular】Excelやスプレッドシートのような表を作ってみた①【mat-table編】

※下記の内容に不備がありましたら、コメント頂けると幸いです。また、下記の内容をご使用頂ける場合は自己責任でお願いします。 【目次】 概要 実装した機能(?)紹介 完成画像 mat-table編 テーマ 前提 コード ポイント 今後に向けて 参考 概要 以前にmat-tab…

【Angular】ngModelChangeイベントとchangeイベントの比較

※下記の内容に不備がありましたら、コメント頂けると幸いです。また、下記の内容をご使用頂ける場合は自己責任でお願いします。 【目次】 概要 ngModelChangeイベントとchangeイベントの比較 ngModelChangeイベント 使い方 changeイベント 使い方 比較 発火…

【Angular】disabledプロパティによるフォームの有効性確認【[disabled]】

※下記の内容に不備がありましたら、コメント頂けると幸いです。また、下記の内容をご使用頂ける場合は自己責任でお願いします。 【目次】 概要 disabledプロパティによるフォームの有効性確認 disabledプロパティとは? Angularにおけるdisabledプロパティの…

ある日の転職活動日記#1

2019年5月下旬 私はTECH::EXPERTの紹介で、IRサイトを作っているWeb系自社開発企業に訪問した。 会社のHPに記載されていた「有料職業紹介事業」が気になりつつも、自社開発企業に興味があったからこの会社を受けてみることにしたのだ。 会社のエントランスに…

【Angular/Material】ネストがある配列データをmat-tableで表示させる

※下記の内容に不備がありましたら、コメント頂けると幸いです。また、下記の内容をご使用頂ける場合は自己責任でお願いします。 【目次】 背景 ネストがある配列データをmat-tableで表示 前提条件 mat-tableの基本フォーマット ネストがある配列データの表示…

【Angular/MongoDB】ネストが深いオブジェクトの表示

※下記の内容に不備がありましたら、コメント頂けると幸いです。また、下記の内容をご使用頂ける場合は自己責任でお願いします。 【目次】 背景 深いネストにあるオブジェクトを表示させる 前提条件 1.Keyを指定(objectName.propertyName) 2.Object.keysメソ…

【Angular/MongoDB/エラー】オブジェクトデータの表示

※下記の内容に不備がありましたら、コメント頂けると幸いです。また、下記の内容をご使用頂ける場合は自己責任でお願いします。 【目次】 背景 オブジェクトの表示 問題の内容 原因 解決方法 1.Keyを指定(objectName.propertyName) 2.パイプjson 3.Object.ke…

【Angular】Angular Materialの導入

※下記の内容に不備がありましたら、コメント頂けると幸いです。また、下記の内容をご使用頂ける場合は自己責任でお願いします。 【目次】 背景 内容 Angular Materialとは? 導入方法 使用方法 今後に向けて 参考 背景 Angularアプリで簡単にレスポンシブデ…

【エラー解決】error TS2339: Property 'map' does not exist on type 'Observable<User>'【canActivate/Rxjs/Udemy】

※下記の内容に不備がありましたら、コメント頂けると幸いです。また、下記の内容をご使用頂ける場合は自己責任でお願いします。 【目次】 背景 解決方法 エラー内容 参考サイト 解決コード 解説 参考 背景 UdemyのAngular講座で勉強中です。 ページ遷移の時…

【Angular5】モジュールのまとめ【最新ではない】

※下記の内容に不備がありましたら、コメント頂けると幸いです。また、下記の内容をご使用頂ける場合は自己責任でお願いします。 【目次】 背景 NgModuleで機能を整理する NgModule app root Module(ルートモジュール) Feature Modules(機能モジュール) Share…

【Angular/Firebase】Timestamp型の日付を日本語表記にする【Pipe(パイプ)使用】

※下記の内容に不備がありましたら、コメント頂けると幸いです。また、下記の内容をご使用頂ける場合は自己責任でお願いします。 【目次】 背景 Timestamp型の日付を日本語表記にする 前提条件 FirestoreのDateオブジェクトについて 解決方法 今後に向けて 参…

【note】未経験からWeb系自社開発企業のエンジニアになって3ヶ月が経ったので振り返ってみた

この12月初旬で自社開発企業にWebエンジニアとして転職をしてから無事に3ヶ月を迎えることができました! そして偶然にもこの記事が100記事目で、さらに訪問者数が1000人を突破することができました!(少ない!笑) これも何かの縁かなと思い、この3ヶ月間の…