puppeteer とは GitHub – GoogleChrome/puppeteer: Headless Chrome Node API puppeteer とは、GUIを操作することなく、プログラムからAPIでブラウザ(Chrome)を制御できる Node.js で作られた ライブラリ です。ヘッドレス(GUIなし)でも制御できるので高速です。 Node.jsのライブラリとして提 […]
Firebase で 静的ファイルを公開する Hosting を使ってみる | Firebase Firebase の提供するサービスの1つに、静的ファイル（HTML、CSS、JavaScript など）をホスティングできる Hosting というものがあります。無料プランでもコンテンツを HTTPS で配信可能です。 Fibrase Hosting Hosting を使ってみる | Fireba […]
スマホページの動作確認&デバッグを行いたい Webページの動作や見栄えを確認する際に、どうやってやればいいか調べました。基本はPCブラウザの開発者ツールでスマホ端末の大きさでレイアウト等を確認しますが、実際の端末で動作確認を行う必要があったので、その方法を調べました。 やりたいことは、スマホ実機動作で開発者ツールを使うこと。以下必要な環境です。 Android OS の端末 Google […]
firebase でユーザー認証を行う firebase入門 ユーザー認証を行う方法まとめ │ Web備忘録 Firebaseを使うと、簡単にユーザー認証が行えます。独自の認証処理やユーザーデータを管理しなくて良いので大変便利です。 Firebaseを使ったユーザー認証方法は上記記事でまとめました。そこでは FirebaseUI というあらかじめFirebase側で用意されているUIツールを用いて […]
firebase でユーザー認証 Firebase Googleが提供するサービスに firebase というものがあります。サーバーサイドのいろいろな処理を提供してくれるサービスですが、今回はユーザー認証処理についての実装方法をまとめます。 あるWebアプリにユーザー認証を実装するとなると、ユーザー情報の管理、サーバーやDBの構築等様々な準備が必要ですが、firebaseを使えばこれら使わずサー […]
ClosedXML で行を挿入すると印刷範囲が壊れる Excelで印刷範囲が設定された箇所に行を挿入したら、印刷範囲が壊れてしまいました。ClosedXMLは行の挿入があまりよくないという感じがします。 しかたないので印刷範囲を再設定して対応することにしました。以下、ClosedXMLで印刷範囲を設定する方法です。 ClosedXML で印刷範囲を設定する方法 Print Areas and Pa […]
Basic認証とは Basic認証(基本認証)は、もっともお手軽な認証方法の一つで、どのWebサーバーにも設定可能です。 あらかじめサーバー側でアクセス可能なユーザー情報を管理しておき、Webページへのアクセス時に認証を行います。 例えば Chrome でBasic認証が設定されたページにアクセスすると、次のような入力フォームが表示されます。 Basic認証には認証情報の改竄など、セキュリティー上 […]
CSS でテキストを流れるように動かしたい 表示されているテキストを右から左に流して、あふれたテキストが全部読めるようにスクロールする、みたいな動きをCSSで実装してみます。イメージとしては、駅のホームにある電光掲示板のあの感じです。 Javascriptを使えばいくらでもやりようがあるのでしょうが、今回はCSSのアニメーションを使って実装します。CSSのアニメーションは、IE11以降、モダンなブ […]
Javascript で選択中の文字列を取得する window.getSelection – Web API インターフェイス | MDN ブラウザ上のコンテンツを選択状態にし、選択された文字列部分を取得するには、window.getSelection 関数を使います。 window.getSelection 関数は選択範囲を Selection オブジェクトとしてを取得します。Sel […]
Node.js をバージョンアップしたい Node.js をバージョンアップしたかったのですが、アンインストールして入れなおすのも面倒なので、バージョン管理ツールを使って、複数のNode.jsバージョンを使い分けられるようにします。 環境は、WindowsOS を想定し、Node.js のバージョン管理には nodist というツールを使います。 nodist とは nodist とは、Windo […]
