仮想サーファーの波乗り

仮想化エンジニアの日常

プログラミング・SNS分析・仮想通貨・自動化などに関してよく書く雑記ブログ

Angular

Angular6でアプリ開発④「仮想通貨詳細ページ作成と一覧ページから遷移」

Angularでアプリケーションを作ろう企画の4記事目。今回は仮想通貨情報の詳細ページを作成して、一覧ページから遷移できるようにしていきます。今回の実装で各ページの遷移ができるようになります。 コイン詳細ページの実装 まずはコイン詳細ページを作成し…

Angular6でアプリ開発③「Angular Materialでデザイン調整」

前回の記事では仮想通貨の一覧ページを実装しましたが、デザインがいまいちで見づらいのでAngular Materialを利用してデザインを調整していきます。 Angular Materialとは? Angular Material Angular Materialは、Googleが主導しているAngularのマテリアル…

AngularでHTTPアクセスしようとしたら「statusText: Not Found」

Angularのチュートリアルを終えて、HttpClientでAPIアクセスしてレスポンスを画面に表示するように実装しようとすると、APIアクセスができず「statusText: Not Found」というエラーが。 ファイル構成は、ServiceでHTTPアクセスをして、Componentでその処理を…

Angular6でアプリ開発②「HTTPでAPIアクセスして仮想通貨一覧ページ表示」

前回の記事でAngularの基本的な学習方法に関して紹介しましたが、今回からは実際に自分の作りたいアプリケーションを作っていきます。今回から数回に分けて、仮想通貨の各コインの情報を分析するWebアプリケーションを作成していきます。 まず今回はCoinGeck…

AngularアプリをHerokuにデプロイしようとしたら「Build failed」

AngularアプリケーションをHerokuにデプロイしようとしたら「Build failed」と表示され、ビルドが失敗するエラー。 ▼エラー文はこちら remote: Compressing source files... done. remote: Building source: remote: remote: -----> Node.js app detected re…

Angular6でアプリ開発①「環境構築とチュートリアル」

先週からAngularを触っているのですが、Angularは比較的新しい言語だからか、まだまだ記事が少なくてエラー解決などで困ることが多かったので、Angular初心者がゼロからAngularでアプリケーション開発するための方法をまとめておきます。 今回は環境構築から…