プログラミング

プログラミング

第3回 Angular Material 徹底解説!- Checkbox

本記事でできること環境$ npm -v7.21.1$ node -v16.9.1環境構築はこちら説明mat-checkboxで表示できることができます。専用パラメータ パラメータ名 型 説明 checked boolean チェックボックス...
プログラミング

AngularでPWA 作成から実行まで

Angularのプロジェクトを作成Angularプロジェクトの作成を作成します。以下のページを参考にしてください。PWAのパッケージをインストール$ cd {project名}$ ng add @angular/pwa次に、プロジェクトをビ...
プログラミング

第2回 Angular Material 徹底解説!- Button

本記事でできること環境構築はこちらになります。環境$ npm -v7.21.1$ node -v16.9.1説明種類属性説明mat-button通常のボタン。背景、枠線がなく、フォーカスを当てると薄い背景が表示される。mat-raised-...
プログラミング

第1回 Angular Material 徹底解説!- 環境構築

キジ(@kiji)です。みなさんは、Webアプリケーション開発のときにどのフレームワークを使っていますか?React、Vue、最近ではFlutterも候補にあがるでしょうか。私はというと、ずっとAngularを使ってきました。Angular...
プログラミング

VisualSudioCode – ドキュメント作成を始めるためのプラグイン集

皆さんは、テキストエディター、何を使っていますか?私は、VisualStudioCode(以下、VSCode)を愛用しています。エンジニアは、テキストエディターでプログラムを書いている印象が強いと思います。しかし、設計書や設計図を作ることも...
プログラミング

第6回 TypeScript×Puppeteerで始めるスクレイピング – キャッシュ

キジ(@kiji)です。今回はキャッシュについてやっていこうと思います。前回の内容同様、通信量、速度にも関係してくるお話になります。前回の記事は以下になります。本記事でできることスクレイピングでデータなどを集める際に、同じページを何回も行き...
プログラミング

第5回 TypeScript×Puppeteerで始めるスクレイピング – 取得するファイルを絞り込む

キジ(@kiji)です。今回はスクレイピング時に取得するファイルの種類によって、絞り込みをしたいと思います。これは、大規模なデータを取得するさいにおいて、大きく力を発揮します。詳しくは、以下のような効果があります。通信量の削減処理の高速化特...
プログラミング

第4回 TypeScript×Puppeteerで始めるスクレイピング – キーボード入力

キジ(@kiji) です。今回はPuppeteerで入力フォームに入力して、検索することをやりたいと思います。前回の記事はこちらです。本記事でできること今回もYahooファイナンスを利用します。検索ボックスに、銘柄コードを入力して、隣りにあ...
プログラミング

第3回 TypeScript×Puppeteerで始めるスクレイピング – 画面遷移

キジです。前回は株の配当率の表を取得するプログラムを紹介しました。今回は、順序が逆になりましたがページの表示、画面遷移についてまとめたいと思います。ソースコードは、前回のものを使います。各銘柄の詳細ページへ行き、以下のパラメータを取得したい...
プログラミング

第2回 TypeScript×Puppeteerで始めるスクレイピング – データ取得

@kijiです。TyepScript×Puppeteerで始めるスクレイピングの2回目です!前回の記事は以下になります。まだやっていない方はこちらで環境構築を行いましょう。今回は、とあるサイトに接続した後、DOMの情報を読み取り、ログに出力...