エンジニアのはしがき

プログラミングの日々の知見を書き連ねているブログです

Angular

GitHub Copilotで遊んだ

以前に申請してから存在を忘れかけていたGitHub Copilotですが、申請が通ったとメールが来たので軽く試してみた感想などをまとめてみました!

WkWebView(Angular)からSwiftの処理を発火させる際に躓いたこと

やりたいこと SwiftでWkWebView(Angular)を動作させ、WebView側からSwiftの処理を発火させたい なおかつ普通のブラウザからでもAngularを動作させたい

CloudFront+S3構成で単一ドメインで複数のアプリを配信する

やりたいこと 同一ドメインで複数のSPAアプリケーション(Angular)を配信する要件があった為、今回下記の内容で実装をしました。 単一のCloudFrontから複数のOrigin(S3 static website hosting)にアクセスを振り分ける。 Originへの振り分けルールはパスパタ…

JavaScriptでメモリの状態を取得できなかった

こんばんは! 今回は、Webアプリの謎のフリーズの原因を探るべくメモリの使用状況のログを取ろうといろいろと調べていたのですがJavaScriptだとなかなか辛かったという話です。

日付入力フォームはflatpickrがおすすめ

巷には様々な日付入力フォームのライブラリが溢れていますが その中でも先日導入したflatpickrが個人的に気持ちよく動いてくれたので紹介したいと思います!

Docker Desktop for WindowsでAngularの開発環境をつくる

AWS LambdaにDockerコンテナをデプロイできることを知り、Dockerを積極利用するモチベーションが高まってきた今日この頃です。 今回はAngularのDocker上での動かし方を備忘録として残していきたいと思います。

AngularのViewChild()の値はビューの初期化まではundefinedである

どうも、最近小規模な失敗談が尽きません… 今回はその中から、フレームワーク仕様の理解不足による失敗談を晒していきたいと思います! ハマったこと ViewChild()とは 何故undefinedだったのか 修正後 ハマったこと とあるComponentでViewChild()デコレータ…

AngularをElectronでネイティブアプリ化する

ElectronはVSCode, Slack, Atomにも使われている技術でWebアプリをネイティブアプリとして出力できるパッケージです。 例えば、Angularアプリをお手軽にクロスプラットフォームにネイティブアプリ化ができます。 先日、実際に試してみたのでパッケージングま…

Angular5から11にアップデートしたらbuttonタグ同士の隙間が無くなった

先日、Angular5をAngular11にアップデートしました。 ページのレンダリングや変更検知がスムーズになり、喜んでいたのもつかの間。 なんかボタンが詰まってる……? (※スクリーンショットのボタンはイメージです) ちなみに元々のボタンは↓のような感じでした…

AngularのレンダリングエンジンIvyとは?

今年の11/12にAngular11が公開されました。 今までずっとAngular5で開発を続けてきており、流石にそろそろアプデしないとなと思い、実際にやってみた所感と、初めて体感したレンダリングエンジンIvyについて書いていきたいと思います。

いつも見ているあのWebサイトはどんなフレームワークでできているんだろう

WappalyzerというChrome拡張を使うとそのWebサイトがどんなフレームワーク、サービスから成り立っているのか解析してくれます。 Wappalyzer - Chrome ウェブストア 今回は、興味本位で日頃お世話になっているWebサイトのフロントエンドフレームワークを解析…