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

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

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

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

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

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

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

【Angular】Pipe(パイプ)を使った日付の日本語表示【エラー】

※下記の内容に不備がありましたら、コメント頂けると幸いです。また、下記の内容をご使用頂ける場合は自己責任でお願いします。 【目次】 背景 Angular(TypeScript)日付の日本語表示 localeとは? エラー再現 解決 参考 背景 UdemyのAugular講座をしていたら…

Angular CLI

※下記の内容に不備がありましたら、コメント頂けると幸いです。また、下記の内容をご使用頂ける場合は自己責任でお願いします。 【目次】 Angular CLIについて Angular CLIとは? 何ができる? コマンド例 Angular CLIについて Angular CLIとは? Angularの…

【Angular】ルーティングを分割して複数ファイルで管理する【loadChildren】

※下記の内容に不備がありましたら、コメント頂けると幸いです。また、下記の内容をご使用頂ける場合は自己責任でお願いします。 【目次】 背景 ルーティングを複数ファイルで管理する index.htmlを編集する app.component.htmlを編集する app-routing.module…

【Angular】console.logの表示方法【基礎中の基礎】

※下記の内容に不備がありましたら、コメント頂けると幸いです。また、下記の内容をご使用頂ける場合は自己責任でお願いします。 【目次】 背景 内容 component.htmlにクリックイベントを追加 component.tsにメソッドを追加 開発者ツールで値「ok」を確認 今…

【Angular】ルーティング(app-routingを使う場合)

※下記の内容に不備がありましたら、コメント頂けると幸いです。また、下記の内容をご使用頂ける場合は自己責任でお願いします。 【目次】 背景 app-routingを使うルーティングの実装 今後に向けて 参考 背景 Angularのルーティングを学習したので、備忘録を…

【Angular】ルーティング(app-routingを使わない場合)

※下記の内容に不備がありましたら、コメント頂けると幸いです。また、下記の内容をご使用頂ける場合は自己責任でお願いします。 【目次】 背景 app-routingを使わないルーティングの実装 今後に向けて 参考 背景 Angularのルーティングを学習したので、備忘…

【Angular】DOMとデータバインディング【気付き】

※下記の内容に不備がありましたら、コメント頂けると幸いです。また、下記の内容をご使用頂ける場合は自己責任でお願いします。 【目次】 背景 内容 AngularとDOMについて データファーストの考え方 今後に向けて 背景 以前Reactで個人アプリを作っていた際…

【sass導入エラー】ERROR: While executing gem ... (Gem::FilePermissionError)

※下記の内容に不備がありましたら、コメント頂けると幸いです。また、下記の内容をご使用頂ける場合は自己責任でお願いします。 【目次】 背景 sassの導入 エラー発生 エラーの原因 解決策 参考 背景 sassコマンドを使う必要があったのでdocker内にsassを導…

【HTML/CSS】よく使ったHTMLタグ/CSS使用事例集【俺得】

※下記の内容に不備がありましたら、コメント頂けると幸いです。また、下記の内容をご使用頂ける場合は自己責任でお願いします。 【目次】 背景 HTMLタグ h1 ul/li dl/dt/dd svg g path CSS使用事例 リスト(ulタグ)の表示を変更する list-style リスト内の表…

【Angular × Laravel 連携・環境構築④】Angularのビューを表示させるまで【全4回】

※下記の内容に不備がありましたら、コメント頂けると幸いです。また、下記の内容をご使用頂ける場合は自己責任でお願いします。 【目次】 背景 概要 Laravel×Angularの環境構築 welcome.blade.phpを編集 routeを作成 PageControllerを作成 index.htmlのBase…

【Angular × Laravel 連携・環境構築③】Angularのビューを表示させるまで【全4回】

※下記の内容に不備がありましたら、コメント頂けると幸いです。また、下記の内容をご使用頂ける場合は自己責任でお願いします。 【目次】 背景 概要 Laravel×Angularの環境構築 NPM ANGULAR CLIのインストール LaravelにAngularプロジェクトを導入 Laravelの…

【Angular × Laravel 連携・環境構築②】Angularのビューを表示させるまで【全4回】

※下記の内容に不備がありましたら、コメント頂けると幸いです。また、下記の内容をご使用頂ける場合は自己責任でお願いします。 【目次】 背景 概要 Laravel×Angularの環境構築 MySQLのDATABASEの値を変更 MySQLコンテナに入ってみる(動作確認) workspaceコ…

【Angular × Laravel 連携・環境構築①】Angularのビューを表示させるまで【全4回】

※下記の内容に不備がありましたら、コメント頂けると幸いです。また、下記の内容をご使用頂ける場合は自己責任でお願いします。 【目次】 背景 概要 Laravel×Angularの環境構築 Laradockのインストール .envファイルのコピーと編集 コンテナの起動 Laravelプ…

【laradock】使用コマンド一覧【自己満】

※下記の内容に不備がありましたら、コメント頂けると幸いです。また、下記の内容をご使用頂ける場合は自己責任でお願いします。 【目次】 背景 一覧 参考 背景 エラー解消の為によく使っているコマンドを載せておきます。完全に自己満のブログです。 一覧 my…

【Laradockエラー】laradock_mysql_1 docker-entrypoint.sh mysqld Exit2

※下記の内容に不備がありましたら、コメント頂けると幸いです。また、下記の内容をご使用頂ける場合は自己責任でお願いします。 【目次】 背景 内容 結論 解決方法 今後に向けて 参考 背景 Laradockを使ってdockerに環境構築をしています。途中までは上手く…

RxJS

※下記の内容に不備がありましたら、コメント頂けると幸いです。また、下記の内容をご使用頂ける場合は自己責任でお願いします。 【目次】 背景 RxJSとは? Angularでの使われ方 RxJSでの重要用語 Observableクラス Operator Subscribeメソッド Subjectクラス…

【Laradockエラー】laradock_mysql_1 docker-entrypoint.sh mysqld Exit1

※下記の内容に不備がありましたら、コメント頂けると幸いです。また、下記の内容をご使用頂ける場合は自己責任でお願いします。 【目次】 背景 内容 Laradockとは? エラー背景 エラー解決 用語 rego log: 今後に向けて 参考 背景 LaradockでdockerにLarave…

【ゲーマーの聖地!!!】会員制食堂『84(ハシ)』

今回ご紹介するのはこちら!! 会員制食堂『84(ハシ)』 ゲーマー(特に任天堂)の方は必見です!Web系のIT企業には職場にゲーム機を置いてることも多いので、気になる方は多いのでは!? では早速レポートを書いていきます! 目次: ゲーム好きにはたまらない…

【Angular】Angulartics

※下記の内容に不備がありましたら、コメント頂けると幸いです。また、下記の内容をご使用頂ける場合は自己責任でお願いします。 【目次】 Angulartics Angularticsとは? 参考 Angulartics Angularticsとは? Angularアプリに対応している色んなWebアナリテ…

【Angular】HttpClient

※下記の内容に不備がありましたら、コメント頂けると幸いです。また、下記の内容をご使用頂ける場合は自己責任でお願いします。 【目次】 AngularのHttpClient HttpClientとは? HttpClientModuleとは? 今後に向けて 参考 AngularのHttpClient HttpClientと…

【Angular】トラッキング式

※下記の内容に不備がありましたら、コメント頂けると幸いです。また、下記の内容をご使用頂ける場合は自己責任でお願いします。 【目次】 トラッキング式 トラッキング式とは? 具体的にどういった時に使うのか 使い方 トラッキング式 トラッキング式とは? …

【Angular】NgModule

※下記の内容に不備がありましたら、コメント頂けると幸いです。また、下記の内容をご使用頂ける場合は自己責任でお願いします。 【目次】 NgModule NgModuleとは? @NgModuleデコレーターとは? よく使用されるモジュール 用語 コンストラクタ(constructor) …

【Laravel】バリデーション

※下記の内容に不備がありましたら、コメント頂けると幸いです。また、下記の内容をご使用頂ける場合は自己責任でお願いします。 【目次】 背景 Laravelのバリデーション ValidatesRequestsトレイト 使用方法 コード 注意 フォームリクエスト(カスタムリクエ…

バリデーション

※下記の内容に不備がありましたら、コメント頂けると幸いです。また、下記の内容をご使用頂ける場合は自己責任でお願いします。 【目次】 背景 内容 バリデーションとは? IT業界でのバリデーションとは? 参考 背景 今まで曖昧にしていたバリデーションにつ…

【Laravelエラー】could not be converted to string

※下記の内容に不備がありましたら、コメント頂けると幸いです。また、下記の内容をご使用頂ける場合は自己責任でお願いします。 【目次】 背景 【could not be converted to string】 状況 したいこと コード 考察 解決策 参考 背景 hasmany関係のモデルで、…

MongoDB(NoSQL)とRDB

※下記の内容に不備がありましたら、コメント頂けると幸いです。また、下記の内容をご使用頂ける場合は自己責任でお願いします。 【目次】 背景 内容 MongoDB(NoSQL)とRDBについて MongoDBを使った方が良い場合 RDBを使った方が良い場合 用語の比較 今後につ…

MongoDB

※下記の内容に不備がありましたら、コメント頂けると幸いです。また、下記の内容をご使用頂ける場合は自己責任でお願いします。 【目次】 背景 MongoDB MongoDBとは? 特徴 NoSQLとは? 特徴 用語 クロスプラットフォーム: BSON: スキーマ: 水平スケーラ…

【Laravel】ジョブキュー

※下記の内容に不備がありましたら、コメント頂けると幸いです。また、下記の内容をご使用頂ける場合は自己責任でお願いします。 【目次】 背景 ジョブキュー ジョブキューとは? ジョブとは? キューとは? 参考 背景 Laravelを学習していると「ジョブキュー…