静的サイト向けWorkBoxレシピ - Qiita
はじめに WorkboxはGoogle製のJavaScriptライブラリです。PWAに必要となるService Workerの各種機能を簡単な記述で利用できるようにします。このライブラリを使用して、静的サイトのキャッシュとオフライン表示に対応してみました。 結果 Chromeのシークレットモードを利用し、アドオンの影響を受けない状態で転送量を計測しました。 サンプルは自分のポートフォリオサイトを利用しています。 初回ロード スマホサイズの画面でサイトをネットワーク側から取得した状態です。総転送量は319KBです。 2回目ロード データはすべてService WorkerのCacheから読み込まれるため、総転送量は662Bでした。 また、オフライン状態でもキャッシュされた範囲のデータは表示が可能です。 読み込み速度はかなり低下しますが、Service Worker非対応のIE11でも表示が可
AWS, RDS（PostgreSQL）, Lambda（Node.JS）の組み合わせで30秒ぐらいコネクションを使っていると落ちる - Qiita
'use strict' var DBDao = require("../utils/dao").DBDao; class Dummy { static async exec(i) { console.log("----------------") var sql = `select * from sometable;` for (var i = 0; i < 1000000; i++) { var dao = new DBDao(); console.log(i); var results = await dao.query(sql, []); // .then((res) => { // return new Promise(function (resolve, reject) { // // dao.close(); // resolve(); // }); // }) consol
[Angular] ルーティング による画面遷移 - Qiita
$ ng version _ _ ____ _ ___ / \ _ __ __ _ _ _| | __ _ _ __ / ___| | |_ _| / △ \ | '_ \ / _` | | | | |/ _` | '__| | | | | | | / ___ \| | | | (_| | |_| | | (_| | | | |___| |___ | | /_/ \_\_| |_|\__, |\__,_|_|\__,_|_| \____|_____|___| |___/ Angular CLI: 11.0.5 Node: 12.18.3 OS: darwin x64 Angular: 11.0.5 ... animations, cli, common, compiler, compiler-cli, core, forms ... platform-browser, platform-b
![[Angular] ルーティング による画面遷移 - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/da521f0bcf740660cc7d3a5079e18c3fe708eeb7/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fqiita-user-contents.imgix.net%252Fhttps%25253A%25252F%25252Fcdn.qiita.com%25252Fassets%25252Fpublic%25252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%253Fixlib%253Drb-4.0.0%2526w%253D1200%2526blend64%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGMTkzMzQyJTJGcHJvZmlsZS1pbWFnZXMlMkYxNTAwODg4MTU5P2l4bGliPXJiLTQuMC4wJmFyPTElM0ExJmZpdD1jcm9wJm1hc2s9ZWxsaXBzZSZmbT1wbmczMiZzPTdkM2Q3MzZlZDRkOWEyOThkYmM1YzQ3NmYzNmI1MzFh%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253Df6ef6496ea559ea2ba01a9233a5c9b84%3Fixlib%3Drb-4.0.0%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk2MCZoPTMyNCZ0eHQ9JTVCQW5ndWxhciU1RCUyMCVFMyU4MyVBQiVFMyU4MyVCQyVFMyU4MyU4NiVFMyU4MiVBMyVFMyU4MyVCMyVFMyU4MiVCMCUyMCVFMyU4MSVBQiVFMyU4MiU4OCVFMyU4MiU4QiVFNyU5NCVCQiVFOSU5RCVBMiVFOSU4MSVCNyVFNyVBNyVCQiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnR4dC1wYWQ9MCZzPWRhY2EyM2RjYzVjMTBlMGY0NjQ4MWU2M2FhZWJhNDU5%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTgzOCZoPTU4JnR4dD0lNDBrc2gtZnRociZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1wYWQ9MCZzPTNmMDNkNmIxNjdmOWNjYjdjYTFiYzcxMjgwODFjOGE4%26blend-x%3D242%26blend-y%3D480%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26s%3Dd7688713e81f5cabad2353683b45f4ca)
Jestのマニュアルモックのドキュメントの和訳 - Qiita
Jestのマニュアルモックのドキュメントの和訳 趣味プロダクトでfsのモッキングをする必要が出てきたので https://jestjs.io/docs/en/manual-mocks の和訳をしました。英語は苦手なのでおかしな点が間違いなくあります。お気づきの方は編集リクエストをくれると助かります。 マニュアルモックはモックデータを返す機能をスタブするために使用します。例えば、ウェブサイトやデータベースのような外部リソースにアクセスする代わりに、偽データを使えるマニュアルモックがほしいと考えるでしょう。これによりテストは高速で信頼性の高いものになります。 ユーザーモジュールのモック マニュアルモックはモジュールディレクトリ直下の__mocks__/サブディレクトリにモックモジュールを作成することで定義します。例えばmodelsディレクトリにuserと呼ばれるモジュールのモックを作成するには
google-home-notifier覚え書き - Qiita
Qiitaにはgoogle-home-notifierについての情報がたくさんあります。おかげで時報やgmailの着信通知がとても便利に使えています。 しかしいろいろ試行錯誤して気づいたこともあるので、メモしておきます。 Raspberry PiのIPアドレス、Google HomeのIPアドレス google-home-notifier.jsにIPアドレスとポート番号のデフォルト値が書かれています。 このipはGoogle HomeのIPアドレス、serverPortはRaspberry Piで動くgoogle-home-notifierが使うポート番号を指定します。最初、serverPortはGoogle Homeのポート番号だと思ったのですが、Google Homeが開けているポート番号は固定で8009です。 google-home-notifierのサービス化 Google Hom
Check! Azure Functions 2.0 (JavaScript) で binding extension がインストールされていないエラーの対処（暫定） - Qiita
こんばんは、 @dz_ こと大平かづみです。 Prologue - はじめに 最近、 Azure Function Runtime 2.0 (beta) の JavaScript (Node.js) で、ローカルでコード書いて動作確認OK！いざ Azure にデプロイしたら動かない…って悩まされていました。 というのも、下記の更新のお知らせが来ていたのを、すっかり忘れていたのでした。 Azure Functions Runtime 2.0.12050-alpha の大きな変更について Azure Functions Runtime 2.0.12050-alpha breaking changes notice · Issue #129 · Azure/app-service-announcements その変更点の要約はこちらです。 Extension の更新 ローカル環境では、 Core
SPAのハッシュ付きURL遷移にGTMを仕込む - Qiita
Angularのハッシュ付き遷移を使っているんですが、これだとGoogleAnalyticsのPageViewで / しか取れていないことがわかった。 そこでGoogleタグマネージャを使ってハッシュ付きURLの遷移でもPageViewを取れるようにします。 1. 変数の追加 1.1 hash変数の作成 名前はなんでもいいですが、ここではhashとしました。 変数の種類：JavaScript変数 グローバル変数名：location.hash これを保存します。 1.2 ハッシュ付きトラッキングコードの作成 また名前はなんでもいいです。 GoogleAnalyticsからトラッキングコードを持ってきて入力します。 また、詳細設定＞設定するフィールドのpageに先程作成した変数のhashを入れます。 これを保存します。 2. トリガーの追加 また名前は(ry トリガーの種類：履歴の変更 トリガ
dateコマンドで今の時間に設定したい時のスニペットを無駄にAngularで書いた - Qiita
そんな時はここからコピペしてください。 Date Command 私の、私による、私のための 3ヶ月に1回くらい使いたくなるコマンドを、ちょっとおしゃれに書いてみた。 装飾は-webkit-background-clip:text CSS effectを参考にしました。 なんかの拍子に、ラズパイのタイムスタンプがずれちゃって、 本来であれば、ntpサーバと同期して、あれやこれや設定するのが正しいのですが ポートが開いてないとか、急いでいるとか、とにかく面倒臭い時に使います。 Angular を使ってみた。 無駄に。 備忘録をかねて、Github Pagesへ公開するまでの手順も載せておきます。 $ ng new datecommand 新規アプリを作成する。 $ cd datecommand/ ディレクトリを移動 $ ng serve --open まず、起動する。 ホットリロード環境がで
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
インストーラーを使わずにVSCodeでJavaScriptのデバッグ可能な環境を作る - Qiita
CSSのcubic-bezierで使用可能な各イージングをTypeScript・JavaScript向けに定数化した - Qiita
Vue.js+TypeScriptのテストでRouterLinkがないって怒られたときの対応 - Qiita
[Jest] Promiseの中でthrowされたエラーをテストする方法 - Qiita![[Jest] Promiseの中でthrowされたエラーをテストする方法 - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/bf8447a78a797f376de0e29d48a1229073c2d2a1/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JTVCSmVzdCU1RCUyMFByb21pc2UlRTMlODElQUUlRTQlQjglQUQlRTMlODElQTd0aHJvdyVFMyU4MSU5NSVFMyU4MiU4QyVFMyU4MSU5RiVFMyU4MiVBOCVFMyU4MyVBOSVFMyU4MyVCQyVFMyU4MiU5MiVFMyU4MyU4NiVFMyU4MiVCOSVFMyU4MyU4OCVFMyU4MSU5OSVFMyU4MiU4QiVFNiU5NiVCOSVFNiVCMyU5NSZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnM9YTA3ZGFkODVkYTUwMWFjOGNlNjE4NDUzMmVlMDU5ZDM%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBiYXRodGltZWZpc2gmdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPTAzZjY4NDhlNGU5YzdmNTBmODljNGZlMzVhMmY0MTdk%26blend-x%3D142%26blend-y%3D436%26blend-mode%3Dnormal%26txt64%3DaW4g5qCq5byP5Lya56S-56We5oi444OH44K444K_44Or44O744Op44Oc%26txt-width%3D770%26txt-clip%3Dend%252Cellipsis%26txt-color%3D%25231E2121%26txt-font%3DHiragino%2520Sans%2520W6%26txt-size%3D36%26txt-x%3D156%26txt-y%3D536%26s%3D5cc76a03fddd296f2c97e5962b794b43)
iOS 9をターゲットにしたBabel + webpackビルドはminifyに注意が必要 - Qiita
Google Cloud Functionsをコマンドラインからデプロイする - Qiita
DockerでVue.js+TypeScript開発環境を構築する - Qiita
node.js BTC.comのAPIを利用したBitcoinトランザクション情報出力 - Qiita
Firebase + Express + Pugで動的ページをlocalhostでホスティングする - Qiita
[Node.js] Express を TypeScript で書く - ルーティング編 - Qiita![[Node.js] Express を TypeScript で書く - ルーティング編 - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/4f62411d93df3e0bf414b6d6d21e665af1fab6ed/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fqiita-user-contents.imgix.net%252Fhttps%25253A%25252F%25252Fcdn.qiita.com%25252Fassets%25252Fpublic%25252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%253Fixlib%253Drb-4.0.0%2526w%253D1200%2526blend64%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGODE0NzglMkZwcm9maWxlLWltYWdlcyUyRjE0NzM3MDIxMjc_aXhsaWI9cmItNC4wLjAmYXI9MSUzQTEmZml0PWNyb3AmbWFzaz1lbGxpcHNlJmZtPXBuZzMyJnM9ZGYwMmI5YTJiY2QwYzc4YTY5NTJlMWMwMzhhMGY5ZGU%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253D9423b116e98ed2330a619cbf9eb62587%3Fixlib%3Drb-4.0.0%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk2MCZoPTMyNCZ0eHQ9JTVCTm9kZS5qcyU1RCUyMEV4cHJlc3MlMjAlRTMlODIlOTIlMjBUeXBlU2NyaXB0JTIwJUUzJTgxJUE3JUU2JTlCJUI4JUUzJTgxJThGJTIwLSUyMCVFMyU4MyVBQiVFMyU4MyVCQyVFMyU4MyU4NiVFMyU4MiVBMyVFMyU4MyVCMyVFMyU4MiVCMCVFNyVCNyVBOCZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnR4dC1wYWQ9MCZzPThiZjgzOTA5M2Q4NDJjZDQzYzRjMWRlZjNjYjQyODUy%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTgzOCZoPTU4JnR4dD0lNDBrdXJvbmVrbzg5NjAmdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtcGFkPTAmcz00YWYxY2RlZGMzZmQ4Y2VmMzc0MTcwMWU2ODFjMmE1ZA%26blend-x%3D242%26blend-y%3D480%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26s%3D658cacc84bb06e7f63739039c1ed60c8)
Vue.js+TypeScript+Element-UIの単体テストで気をつけること - Qiita
[Node.js] Express を TypeScript で書く - 環境整備まで - Qiita![[Node.js] Express を TypeScript で書く - 環境整備まで - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/150d0062f686eb91659dc3d56dff2763af38f520/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JTVCTm9kZS5qcyU1RCUyMEV4cHJlc3MlMjAlRTMlODIlOTIlMjBUeXBlU2NyaXB0JTIwJUUzJTgxJUE3JUU2JTlCJUI4JUUzJTgxJThGJTIwLSUyMCVFNyU5MiVCMCVFNSVBMiU4MyVFNiU5NSVCNCVFNSU4MiU5OSVFMyU4MSVCRSVFMyU4MSVBNyZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnM9OTQyM2E4YWJlOTM2YzkxMTgyNzc4ZTQzNTRkNzIwY2E%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBrdXJvbmVrbzg5NjAmdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPTMxYWVmNTA5MzhhNWQ0YmYwNjM0ZjViNWFmN2IyOWZl%26blend-x%3D142%26blend-y%3D486%26blend-mode%3Dnormal%26s%3Db06813cec08a124b29f4454b459cb625)
