GitHub Copilotで遊んだ
以前に申請してから存在を忘れかけていたGitHub Copilotですが、申請が通ったとメールが来たので軽く試してみた感想などをまとめてみました！ GitHubが提供するサービスで、開発者の書いたソースコードの一部を元に…
タグAngular11件
WkWebView(Angular)からSwiftの処理を発火させる際に躓いたこと
今回Swiftでは下記のようなWkWebViewから処理を受けるコードを書いていました（実際の実装とは一部異なります） 最初、以下のコードを書いていましたがmacOSのChromeでデバッグしたところうまく動作しませんで…
CloudFront+S3構成で単一ドメインで複数のアプリを配信する
同一ドメインで複数のSPAアプリケーション(Angular)を配信する要件があった為、今回下記の内容で実装をしました。 各Angularアプリ毎にS3を作成し、static website hostingの機能を使ってホ…
JavaScriptでメモリの状態を取得できなかった
こんばんは！ 今回は、Webアプリの謎のフリーズの原因を探るべくメモリの使用状況のログを取ろうといろいろと調べていたのですがJavaScriptだとなかなか辛かったという話です。 ヒープサイズを取得するメソッドです。 N…
日付入力フォームはflatpickrがおすすめ
巷には様々な日付入力フォームのライブラリが溢れていますが その中でも先日導入したflatpickrが個人的に気持ちよく動いてくれたので紹介したいと思います！ npm、CDNで公開されているjsライブラリです。 軽量で記述…
Docker Desktop for WindowsでAngularの開発環境をつくる
AWS LambdaにDockerコンテナをデプロイできることを知り、Dockerを積極利用するモチベーションが高まってきた今日この頃です。 今回はAngularのDocker上での動かし方を備忘録として残していきたいと…
Angularの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サイトがどんなフレームワーク、サービスから成り立っているのか解析してくれます。 今回は、興味本位で日頃お世話になっているWebサイトのフロントエンドフレームワー…
