iframe内のコンテンツをスクロールして表示する方法

<script>
window.addEventListener(‘load’, function() {
var iframe = document.getElementById(“iframe”);
// スクロールバーの位置をX軸200px、Y軸80ピクセルに設定
iframe.contentWindow.scrollTo(200, 80);
});
</script>

HTML Living Standard

 HTML Living Standardは、Webページを作成する仕様です。この仕様を理解するには、DOM(Document Object Model)の基礎を理解することが必要でです。Web IDL(Web Interface Definition Language)、HTTP、XML、Unicode、文字エンコーディング、JavaScript、およびCSSの理解も必要だが、必須ではない。

 詳しい説明は、次のサイトを参照して下さい

 掲載されたページを参照し、自分で作成しながら、理解するしかない。時代遅れだなと思う。

iPhoneとipadでWeb Speech APIの英語がカタカナ読みになる

 Windows PCでは、Web speech APIのtext to speechで英語がうまく発音されるのにipadやiphoneでは、safariブラウザが対応していないのでカタカナ読みになってしまう。対応策はない。
関連サイト
iPhoneでWeb Speech APIの英語がカタカナ読みになる問題の解決法を教えてください

 それでどうするか。音声ファイルで流す。最も確実な方法だが、音声ファイル作成に手間がかかる。それで、思いついたのが、サーバー上でjava scriptが動作しないかということで、調べたら、node.jsを使うが挙った。さくらレンタルサーバーのスタンダードでは、node.js がインストールできたが、最新のlts版がインストールできなかった。ファイルのコンパイルができなかった。理由は以下、
WARNING: C++ compiler (CXX=g++, 9.4.0) too old, need g++ 10.1.0 or clang++ 8.0.0
sshシェルを使えるがroot権限がないので、g++のアップグレイドはできない。自力でのアップグレイドも難関らしい。
 いろいろ調べているとGoogle Cloud Text-to-Speechがある。料金は、毎月最初の 400 万文字が無料。これだとこちらを利用した方がよさそうだ。いずれにしろ、Google Cloud Text-to-Speechを使うのだから。

 node.jsについても概要を知ることができたが、webでの使い方が把握できなかった。Express、フレームワーク、便利なものができているんだなと思った。利用できればと思うが、なかなかだ。

 結局は音声ファイルを作成し、対応することになるのでは。いろいろと勉強になった。


Perlで半角カナを全角カナに、全角カナを半角カナに変換

Garminで位置情報を取得しようと思ったが、ファイル名が「ポイント_25-07-13.gpx」と半角カナが使われている。Perlで処理するには、半角を全角に変換する必要がある。それで、Windows版Perlの細道・けもの道を参照して、変換を行った。

  1. use Encode;
  2. use Encode::JP::H2Z;
  3. my $str_h=”ポイント”;
  4. Encode::from_to($str_h, “utf-8”, “euc-jp”);
  5. Encode::JP::H2Z::h2z(\$str_h);
  6. Encode::from_to($str_h, “euc-jp”, “utf-8”);
  7. print $str_h, “\n”;
  8. my $str_z=”アメダス”;
  9. Encode::from_to($str_z, “utf-8”, “euc-jp”);
  10. Encode::JP::H2Z::z2h(\$str_z);
  11. Encode::from_to($str_z, “euc-jp”, “utf-8”);
  12. print $str_z, “\n”;

スクリプトの説明
スクリプトは、utf-8で保存します。
2行目。Strawberry Perl (version 5.38.2)では、Encode::JP::H2Zがインストールされていなかったので、インストールしました。
4行目。Encode::JP::H2Z関数では、文字コードはeuc-jpで行われるので、euc-jpに変換する。
5行目。Encode::JP::H2Z関数では、h2zで、半角を全角にするを指定します。なお、変換する文字列を参照渡しにしているので、$str_hの前に\を付けている。⇒ 参照渡し
6行目。出力するためにutf-8に戻している。
10行目。z2hで、全角を半角にするを指定します。

参照サイト
Windows版Perlの細道・けもの道

Webデザインの基礎

1.ピアノのページが雑なので刷新したいがデザインが思いつかない。YouTubeで”Webデザイン”で検索したら、”【超初心者向け】Webデザインの基礎知識と作り方・考え方”の動画があった。非常に分かりやすかった。一部ではあるが抜き書きする。

使用する文字フォント ゴシック体。メイリオ。游ゴシック(Mac共通)。
           Web font (Noto Sars JP)
彩度
色 色の意味から決める。

参照サイト 【超初心者向け】Webデザインの基礎知識と作り方・考え方 – YouTube

2.整列、近接、強調、反復

参照サイト デザインの基本4原則でわかりやすい綺麗なグラフィックを作ろう