最近とあるブログ記事を書いた。

https://motochan1969.hatenablog.com/entry/20210411/1618098387
https://motochan1969.hatenablog.com/entry/20210410/1618016031

しかしながら、クロスブラウザ仕様になっておらず、
そもそもスマホからは、表示できない
→　ちなみにスマホは、XIAOMIでブラウザも中華性・・・

音読API

そんなわけで、HTMLからGoogleのテキストスピーチをコールしたいが
HTMLソースにAPIトークンを書かなければならなくなる。
（余計なユーザー認証などは、一切噛ましたくはない・・・）

選択肢

いろいろ考えてはみたが、ソースが見れない状態にするには、
デバッグができないように、バックエンドで処理するしかない・・・

かと言って、わざわざ

• HEROKUなんかのサービスを覚えてまでもやりたくないし（いや、スキルがないし）
• WORDPRESSなんか立ち上げて、PHPまで覚えたくない（いや、やりかけて放置してるし）

模索中

可能性を考えたが、単にGOOGLE翻訳に文章をいれて、REDIRECTしたらええんじゃないか？
と思った。

＜システム＞
普通のスクレイビングの要領である

• HTML上にWEBブラウザのフォームを立ち上げる
• URLをGOOGLE翻訳にする
• INPUT要素に、読みたいテキストを書き込む
• 翻訳ボタンを押す

しかしながら、一点の懸念としては

• クロスオリジンに引っかかる・・・

そう、いま作っている、１０か国語の辞書アプリも、これが原因でHTMLの音声を使わざる得なくなっている。（もしくは、いったんバックエンドでPOSTを受けて、APIサーバーにKICKするしかない）　　
https://qiita.com/EasyCording/items/502769016329571db520

やはり、HTMLアプリにはいろんな限界があるなあと思う。

そもそもスマホ対応で、全ブラウザのチェックするのも大変だし・・・

いったいフロントエンドの開発って、どうやっているんだろうか？