概要

Google Cloud Text to Speech でテキストを音声に変換する TypeScript プログラムを開発しました。

Text-to-Speech client libraries  |  Cloud Text-to-Speech Documentation  |  Google Cloud にあるサンプルは JavaScript なので、一部修正が必要でした。

概要

Cloud Storage for Firebaseに音声ファイル(wav 形式や mp3 形式など)を react-playerで再生します。 音声ファイルにはFirebase Authenticationでアクセスが制限されています。

概要

firebase/firebaseui-web-react: React Wrapper for firebaseUI Web パッケージを 利用すると Firebase Authentication による認証機能を web サイトに簡単に組み込むことができます。 デフォルトではサインアップが可能ですが、サインアップを禁止するオプションもあります。

概要

マークアップ言語のリンク作成を支援する VSCode の拡張機能で開発した拡張機能に、カーソルの下にある URL を選択する機能を追加しました。

概要

Markdown などのマークアップ言語で Web ページへのリンクを作る場合、以下の手順で作ります。

1. リンクを作る URL を決める。
2. URL の Web ページを開く。
3. 開いた Web ページから F12 でソースコードを表示する。
4. title タグを検索して、タイトル文字列を選択、コピーする。
5. 最初に決めた URL とコピーしたタイトル文字列でリンクを作る。

これらの手順+α に対応した VSCode の拡張機能を開発しました。+α とは以下の機能です。

1. タイトルの前後のサイト名などを削除する。
2. URL に追加されているアクセス経路の集計などのためのフラグなどを削除する。

まとめ

問題点

Cloud Functions for Firebase のチュートリアルでプロジェクトの初期化を実行した後に build あるいは serve などを実行するとエラーになる。

解決策

@types/node, @types/react, @types/react-dom をインストールする。

GLIPAHサイトのIPアドレスの一覧表の形式を変更します。

これまでの一覧表は以下の形式です。

これを以下の形式に変更します。

IPアドレスごとにまとめて、各IPアドレスごとにアクセス回数、初回と最新のアクセス日時を表示します。 各行は初回のアクセス日時が新しいIPアドレスが上にソートします。 これは、次にIPアドレスごとに、なんらかの処理、たとえばGoogleアナリティクスのフィルターとして登録したことを記録するための準備です。

Googleアナリティクスを利用する場合にはプライバシーポリシーを表示することが義務付けられているため、GLIPAHサイトにプライバシーポリシーのページを追加しました。GLIPAHサイトはページ遷移がないため、ページ遷移のない方法を探したところ、Vuetifyのdialogを利用する方法を利用することにしました。

このサイトは、Hexo を利用して構築していましたが、他の静的サイトジェネレーターへの変更を検討した結果、Hugoに移行することに決めました。このエントリーでは、移行の手順について説明します。

GLIPAH: Global IP Address Historyに、これまでに取得したIPアドレスの履歴を表示する機能を追加しました。

履歴を確認できることで、プロバイダから割り当てられているIPアドレスが変更されたことに気がつきやすくなります。取得したIPアドレスの履歴は、IndexedDB APIを利用してwebブラウザが動作しているクライアント環境に保存します。サーバー環境にはIPアドレスを保存しません。