Web開発

Web開発

[Ngrok 無料プラン]WEBとSSHを同時に公開する

お疲れ様です。すぺきよです。 みなさん、Ngrok使ってますか? Webアプリを開発する際に、ちょっと客先やメンバーに状況を公開したり、動作確認を依頼する時に便利ですよね。 今回は、無料プランでWebとSSH(SFTP)を同時に公開して外部...
Web開発

WebページでFetch中にローディング画面を表示する

お疲れ様です。すぺきよです。 Webのシステムを実装していると非同期でサーバーにデータを取得することが多々あります。 たとえば、検索条件を指定してから検索ボタンをクリックすることで、検索結果の情報を取得したりするとかですね。 そんな時に、読...
Web開発

hls.jsでクッキーをセットする方法

お疲れ様です。すぺきよです。 今回はたまたま仕事で使う必要があったAWS CloudFront + hls.jsでのストリーミング動画配信をする際に、CloudFront用の署名付きクッキーをセットする方法をメモしておきます。 あちこちで、...
Web開発

[JavaScript+Selenium]Microsoft EdgeもWebDriverの事前準備が不要になりました

お疲れ様です。すぺきよです。 転職活動や仕事が忙しくなったりなどの個人的な理由でしばらくブログの更新ができていませんでした。 やっと色々落ち着いてきたので、今回久しぶりに更新します。 Selenium Manager 0.4.15が2023...
Web開発

[Selenium/JavaScript]Operaを起動する方法

お疲れ様です。すぺきよです。 以前、SeleniumとJavaSctiptを利用して、各種ブラウザを起動するという記事を書きました。 その中で今後の課題としてOperaを残していたのですが、やっと起動することができたので、起動方法をまとめま...
Web開発

[Selenium/JavaSctipt]任意のバージョンのChrome for Testingを使う方法

お疲れ様です。すぺきよです。 前回任意のバージョンのChrome for Testingなどをダウンロードする方法に関する記事を公開しました。 そこで思うわけです。 「ダウンロードしたはいいけど、どうやって使うねん」と。 そんなわけで、任意...
Web開発

Chrome for Testingの任意のバージョンをダウンロードする方法

お疲れ様です。すぺきよです。 SeleniumでChromeを利用する際は、バージョン番号を指定するだけでダウンロードから実行までしてくれます。 しかし、そこで私は思いました。 「ネットに繋ぐことができない環境のために、任意のバージョンのC...
Web開発

[Selenium/JavaScript]各種ブラウザを起動しよう

お疲れ様です。すぺきよです。 フロントエンドでJavaScriptを利用していると、テストコードでもJavaScriptを利用したくなります。 そんなこんなでJavaScriptでSeleniumを使う方法をまとめてみようという企画です。 ...
Web開発

[Amazon Linux 2023]イメージ(AMI)の更新情報をメールで受け取れるようにしてみた

お疲れ様です。すぺきよです。 Amazon Linux 2023に更新があった時、通知を受け取ることができると公式に書かれていました。 書かれている手順が結構ややこしく、日本語訳もなかったため、手順をまとめます。 概要 Amazon Lin...
Web開発

Amazon Linux 2023で自動でパッケージを最新に更新する

お疲れ様です。すぺきよです。 普通にdnf upgradeしただけではパッケージが更新されないなど、癖のあるAmazon Linux 2023ですが、パッケージを常に最新に更新する方法がわかったのでまとめます。 概要 先日、当ブログで「Am...