試作中です。
投稿者: Duke
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の理解も必要だが、必須ではない。
詳しい説明は、次のサイトを参照して下さい。
掲載されたページを参照し、自分で作成しながら、理解するしかない。時代遅れだなと思う。
Audioの操作
audioタグで初期の音量を設定する方法について。⇒ audio タグ(要素)を Javascript を使って操作
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の細道・けもの道を参照して、変換を行った。
- use Encode;
- use Encode::JP::H2Z;
- my $str_h=”ポイント”;
- Encode::from_to($str_h, “utf-8”, “euc-jp”);
- Encode::JP::H2Z::h2z(\$str_h);
- Encode::from_to($str_h, “euc-jp”, “utf-8”);
- print $str_h, “\n”;
- my $str_z=”アメダス”;
- Encode::from_to($str_z, “utf-8”, “euc-jp”);
- Encode::JP::H2Z::z2h(\$str_z);
- Encode::from_to($str_z, “euc-jp”, “utf-8”);
- 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.整列、近接、強調、反復
perl “単語境界マッチャー”
perlでpattern matchを行う時、厳密にその文字列だけを検索するときに使う。例えば、rainの場合、
$text =~ /¥brain¥b/;
“train”は省かれる。