Scratch３.０ 拡張機能の音声合成と翻訳機能

Scratch３.０ には、拡張機能として音声合成機能や翻訳機能などがあります。そしてこの機能はオンラインのクラウド版だけでなく、インストール版（ Scratch Desktop、オフライン版））でも使えます。
音声合成機能とは文字で書いたものを音声で表現する機能、翻訳機能とはそれを指定した言語に翻訳／音声合成する機能です。
ここではScratch の音声合成機能と翻訳機能の実際を試してみました。下図をクリックすると実際の音声合成と翻訳機能の例が再生されます（Scratch での公開サイト）。

 

１．拡張機能の追加・音声合成機能と翻訳機能を追加
拡張機能の追加は簡単です。作成画面でメニューの「コード」タブを選ぶと画面左端にブロック（コード）のカテゴリー（種類）が表示されますが、その一番下にある「拡張機能を追加」をクリックして、追加画面を開き追加する機能をクリックするだけです。
 

２．音声合成機能と翻訳機能のブロック（コード）
音声合成機能には３つ、翻訳機能のブロックは２つしかありません。このブロックを使って音声合成や翻訳を行います。

３．「トンボが飛ぶ」の全体ブロック（コード）
今回作った例です。トンボの画像はGIMPで作りました（８枚の画像です）がここでは省略します。
　　

広告

Scratch ３.０演習、ピアノ鍵盤を作る

Scratch が３.０にバージョンアップされました。クラウドで使えるアプリなのでアプリのインストールなどは一切不要です。ただインターネットエクスプローラでは使えませんのでEdgeやChrome などで楽しんでください。ここではScratch３.０でピアノ鍵盤を作ってみます。なお作成したものは私の  Scratch サイトで公開（ピアノ）しています。
既に Scratch を使っているものとして、ご自分のアカウントでログインしている状態から始めます。

１．新しいプロジェクト「ピアノ」を開く
メニューの「作る」をクリックし、新規のプロジェクトを開く。
タイトル名を「ピアノ」とする

２．背景（舞台）の作成
ペイントエディターの作画機能が弱いので（私が絵が描けないので）、写真を読み込み背景としました。画面右下のエリアにあるステージをクリックし①、メニュー下のタブ「背景」を選ぶ②。ステージエリアのメニューボタンにカーソルを置く③とメニューが表示されるので「背景をアップロード」④をクリック。エクスプローラが開くので、背景にする画像を選び⑤、「開く」⑥
背景に画像が読み込まれた（画像サイズは自動的に４８０×３２０の画面に変換される）。そして既存の背景（背景１）を削除する。

３．既存のスプライトを削除
スプライトを開くと猫（Scratch キャット）がいるので除去する。コスチュームからもう一つの猫も除去する。

４．スプライトに鍵盤を読み込む
１）GIMP で鍵盤画像を作成
ペイントエディターで鍵盤を描いて使用することもできるが、作画機能が弱いので、特にグリッドやスケーラーがないので、正確な寸法の画像（鍵盤のような）は描きにくい。ここではGIMP で作画した鍵盤を読み込む。下図のような静止時とタッチ時の画像を作った。

２）白鍵盤（静止状態）を読み込む
画面右下（ステージの隣）のスプライトのメニューボタンにカーソルを置き、表示されたメニューから「スプライトをアップロード」をクリック、白鍵盤を読み込む。ベクターに変換（しなくても可）。
３）タッチ時の白鍵盤を読み込む（コスチュームに読込む）
画面左端のコスチュームエリアのメニューボタンへカーソルを置きメニューを表示させて、「コスチュームをアップロード」。背景の時と同じく、開いたエクスプローラからからタッチ時の鍵盤画像を読み込む

５．スプライト（鍵盤）の舞台上の場所を決める
舞台（背景）に表示されている鍵盤をピアノ鍵盤の左端とする場所へドラッグして移動
スプライト情報を記録しておく（ X と Y は鍵盤を整列させるために重要です）

６．コードを作成する
１）コードのカテゴリーに音楽を登録する
コードブロックのカテゴリー（コードの種類）に「音楽」のない人はコードのカテゴリーエリア（タブを「コード」としたら画面左端に表示される）の「拡張機能追加」ボタンをクリックして追加します。開いた「拡張機能を選ぶ」画面で「音楽」をクリック。
音楽がブロックのカテゴリーに追加された

２）背景・ステージのコード設定
背景を「桜」にして、楽器は「ピアノ」にする（余計なことですが拍手を５回鳴らすようにもしました）。

３）スプライト（白鍵）のコード作成
先ず初期状態の鍵盤を静止のものとするため、スタート時にスプライトのコスチュームは静止時の画像になるようにします。
この鍵盤がタッチされた時のコードは背景を「桜」にして、コスチュームを切替え、０.０５秒待って更にコスチュームを切替え（最初の静止状態）とします。その後、始めて一番下の音階（音階番号４７）で音を１秒間鳴らします。
下図のように、Scratch ではハ長調の「ド」は６０の数字で表されています（半音上がると６１）。

７．鍵盤を増やしていく
鍵盤を増やすにはスプライトエリアにある鍵盤を右クリックして「複製」をクリックする。追加された鍵盤名はｃ４８というように音階数字を使うと便利です。コードも複写されていますので、音階数字を４８とします。
スプライト情報を変えて、追加した鍵盤の位置を正しく合わせます。
後は同様に白鍵を増やして行けばＯＫです。

また、黒鍵についてもＧＩＭＰで作成したものをスプライトで読み込み（コスチュームにも読み込んで）、コードを作成します。そして黒鍵複写してそれぞれの音階が鳴るように音階番号を書き換え、スプライト情報を使い正しい位置に表示させます。

実際には、背景に「桜」だけでなく、コスチュームとして「菜の花」と「梅」も読み込んで、オクターブごとに背景が変わるようにしています。

Facebook

GIMP、レイヤーグループを使ってみる

GIMP では複数のレイヤーをレイヤーグループとしてまとめるとグループ内の各レイヤーを一括して操作できますので、操作の手間を減らすことができます。またレイヤー数が多い場合などは系統的に管理できますので便利です。
ここではジュースカップに輪切りを入れる加工でレイヤーグループを使ってみます。
上の３画像が元絵で（八朔の断面がなかったのでキンカンの断面で代用）、下中央が作成した画像です。
 

作成した画像は、上部、中間、下部の三つにに分かれてますが、中間と下部はレイヤーグループを形成しています。なお画像モードが「インデックス」ではレイヤーグループを作ることができません。「ＲＧＢ」か「グレイスケール」であることが必要です。

 

ジュースカップに輪切りを作る
１．基本画像を読み込む
ジュースカップ画像を読み込み、新しい白のレイヤーを作成し（名前を「背景」とする）、背景レイヤーを最下段に下げる。

２．ジュースカップを二つに分ける（切断する）
１）パスで分ける
パスを使い区分するがカップ部分はパスのハンドルでカップに沿った円弧とする。
２）パスでグラスの上半分を囲う
３）パスを選択範囲とする
パスで囲ったらメニューの「選択」→「パスを選択範囲に」としてパスを選択範囲とする

４）切取り、貼り付け
メニューの「編集」→「切り取り」でカップ上部を切取り、「編集」→「貼り付け」でカップ上部を別レイヤーとする
５）カップ上部のレイヤー名を「上部」とする

３．輪切り部分（中間）を作る
１）パスを選択範囲とする
ダイアログのタブを「パス」に切替え、パスを右クリックして、表示されたメニューで「パスを選択範囲に」をクリック

２）選択範囲をチャンネルに保存
選択範囲が再現されたら、メニューの「選択」から「チャンネルに保存」をクリックしチャンネルに保存する。
ダイアログのタブを「チャンネル」を開くと選択マスクとして保存されている。

３）チャンネルを移動して輪切り部分を設定する
「チャンネル」の選択マスクをクリックしてアクティブ状態として、「移動ツール」で必要な輪切りの幅分下へドラッグする。

４）チャンネルを選択範囲にする
輪切り部分を切り出すため移動したチャンネルを選択範囲とする

チャンネルが選択範囲となった
５）輪切り部分（中間）を作る
下部画像のレイヤーを選び、メニューの「編集」から「切り取り」

切取った部分を貼り付ける。メニューの「編集」から「貼り付け」
中間部ができた（上下のレイヤーを非表示にして分かり易くしてます）

４．レイヤー名をつける
分かり易くするため各レイヤーに、「上部」「輪切り」「底」と名前を付けた

５．レイヤーグループを作る
１）レイヤーグループを作り名前を付ける
先ず「底」レイヤーにレイヤーグールプを作りました。
「底」レイヤーを右クリックし「New Layer Group 」をクリック。「底」レイヤーの上にレイヤーグループができる。
  同様に「輪切り」レイヤーの上にも新しいレイヤーグループを作ります。

レイヤーグループの名前を「下部」「中間」としました。

２）レイヤーをレイヤーグループに入れる
「輪切り」レイヤーをドラッグして「中間」レイヤーグループに入れる。同様に「底」レイヤーも「下部」レイヤーグループへ入れる。

６．輪切りの側面を八朔の皮に入れ替える
１）皮として利用する部分を作成
八朔の画像から使えそうな部分を選択し、コピー貼り付けで「八朔の皮」レイヤーを作る（広めに選択する）。

２）「輪切り」レイヤーに（上に）「八朔の皮」を貼り付ける
「八朔の皮」レイヤーをコピーし、「輪切り」レイヤーに張り付ける

貼り付けられたレイヤーの名前は「八朔の皮 コピー」

３）輪切り部分に相当する皮を作る
「八朔の皮 コピー」レイヤー画像を拡大縮小して輪切りよりやや大きいサイズとする
「輪切り」レイヤーで「不透明部分を選択範囲に」にして（分かり易くするため「上部」や「底」は非表示にした）。
「八朔輪切り コピー」レイヤーを移動し、輪切り部分に重ねる（選択範囲が表示されているので「輪切り」に思った部分を重ねられる）。

選択範囲を反転し（「八朔輪切り コピー」レイヤーの輪切りに重ねる部分を取り出すため）不要部分を切取る。レイヤーの名前は「八朔輪切り」とする

７．輪切り部の断面を作る
１）キンカン断面画像を「中間」グループレイヤーに入れる
「八朔輪切り」レイヤーの上に張り付ける。「中間」レイヤーグループ以外は非表示にしておく。レイヤー名は「輪切り断面」とする

２）キンカン断面を輪切りの形状に変形し、断面を作成
「遠近法」など各種ツールを使いキンカン画像を変形する
いろんな「ツール」を使い断面らしくなったら断面（切り口に）重ねる
全てのレイヤーを表示

「中間」レイヤーグループをアクティブにしてドラッグ、輪切り部を適当な場所へ移動させる

８．底にも断面部を表示させる
手を抜くため既に作った「中間」グループの「輪切り断面」レイヤーをコピーして貼り付け、修正して断面とします。
１）「中間」レイヤーグループの「輪切り断面」レイヤーをコピーして
２）「下部」グループの「底」レイヤーに張り付け
形状修正（ここでは上下反転し、「遠近法」などで変形した）し、切り口に合わせる

完成

レイヤーグループ単位での移動やレタッチが簡単にできる

Wordpress.comブログサイトの使用言語を変更する

WordPress.comブログサイトは世界各国の言語に対応しています。
記事を日本語で書いている場合当然サイト管理も日本語で行うのが普通です。でも何らかの拍子に間違えたか、またはブログ開設当初に半自動設定だった為（ Windows７時代のEssentials Live Writer からWordpressブログを開設できた）何か適当に設定して、記事投稿のみをしてた場合にはサイトの管理言語が英語のままだったということあり得ると思います。
ここではWordpress.comブログのサイト管理言語を変更してみます（ English から日本語へ）。ブログを開いてください（ログインした状態）。

１．アカウント設定画面を開く
ブログのログインマークをクリックし、設定画面を開き「Account Settings 」をクリック

２．Interface Language を日本語へ変更
「Account Settings 」画面が開くので Interface Language 項のEnglish の「 CHANGE 」をクリック

言語設定画面が開くので「 Asia-Pacific 」タブを開き、「日本語」を選び「 Select Language 」をクリック

「Account Settings 」画面に戻るので、Interface Language 項を確認し「日本語」となっておれば「Save Account Settings」をクリック

アカウント設定画面が日本語なり、設定言語が日本語へ変更されたことが分かる。

その他
Wordpress.comブログでは、上記のようなプロフィル設定画面の言語の他、ブログ記事画面の言語設定もあります。
記事画面の設定言語が英語の場合、下図のように画面右側のウィジェットエリアの表示が日本語ではなくなります。
 

参考のため、ブログ記事画面の言語設定の変更を行ってみます。
１．サイト管理画面を開く
メタ情報から「サイト管理」をクリックし「サイト管理」画面を開く

開いた「サイト管理」外面で左側メニューから「設定」→「一般」をクリック

「一般」の設定画面で「言語」から「日本語」を選択
 

「一般」設定画面の「言語」が「日本語」になっているのを確認し「変更を保存」をクリックすれば完了

その他２
「いいね」やコメントの通知を受けるメールアドレスを変更するには「アカウント設定」画面からメールアドレスを変更できます。メールアドレスを変更すると「アカウントの変更を保存」というボタンが表示されるのでクリックする
 

Facebook

 

 

 

Wordpressブログ、記事へのコメント通知などの設定

私は WordPress ブログを使ってますが、ブログ記事へのコメントを受付けるように設定しています。見た人からの反応はうれしいものです。ブログの記事へコメントがあった場合、ブログサイトからすぐメールで通知されるように設定しておけば見落とすことはありません。
このブログは「WordPress ブログで通知用メールアドレスを変更する」ということで書きましたが、Wordpress ブログでのコメント設定全体についても触れてみました。

１．通知用のメールアドレスを変更する
１）「アカウント設定」画面を開く
「自分のブログにログインした状態で、画面右上にあるログイン表示マークをクリックし個人設定メニューを開く。

開いたメニューで「アカウント設定」をクリック

２）通知用メールアドレスを変更
アカウント設定画面でメールアドレスを変更して、「アカウントの設定を保存」をクリックすれば完了です。

２．コメントの表示や通知などの設定する
ブログ記事へのコメントについての設定は「ディスカッション設定」で行います。
１）サイトの管理画面を開く
ブログへログインした状態で、ウェジットに表示されているメタ情報から「サイト管理」をクリック

２）ディスカッション設定画面を開く
管理画面が開いたら、画面左側のメニューで「設定」、「ディスカッション」をクリック

３）ディスカッションの設定
設定は自分の考えで設定すれば良いが、
「投稿のデフォルト設定」では、「新しい投稿へのコメントを許可する」にチェックは欠かせない。
「他のコメント設定」では、投稿者の名前とメールアドレスは必ず入力してもらうようにした方が良いと思います（自分の WordPress ブログにログインしている人は、名前もメールアドレスの入力も不要となります）。
「自分宛てのメール通知」、ここではコメントが付いた時に通知されるようにしてください。
「コメントの表示条件」、コメントは自分が見て承認した後に表示されるようにした方が良いのではと思います。

まだまだ多くの項目があります。スケーラーで画面を進めてゆくと最後に「『いいね』通知」などあります。
「『いいね』通知」、「いいね」されたら通知が来るようにします。
「ソーシャル機能通知」、フォローされたら通知が来るようにします。
最後に「変更を保存」をクリックすることを忘れないように。

Windows１０、「 Wingdings 」フォントを使ってみた

Windows には面白い、変なフォントも登録されているようです。
Wingdings、Wingdings ２,Wingdings ３, ではアルファベット文字を入力すると変な記号となります。下図はワードでの例です。

GIMP で遊ぶとこんな画像も簡単に文字入力で作れます。

Wingdings、Wingdings２、Wingdings３での変換文字（記号）をGIMPで図にしました。何れもアルファベットの小文字、大文字で「a」「A」から「ｚ」「Z」までの変換です。

 

Facebook

GIMP、色空間（HSV,HLS,LCh）に基づくレイヤーモード

GIMP のレイヤーはレイヤーモードを設定して画像を加工・修正することができます。
レイヤーモードは３８個ほどありますが、私が普段使うのは「スクリーン」「オーバーレイ」「加算」など僅かな効果のみです。
最近「HSL color」モードを使い、口紅をきれいにすることを本で見ましたので、色空間座標を基にしたレイヤーモードについて書いてみました。

 

色空間にはRGB空間、HSV空間、HLS空間、LCh 空間（HLS座標を極座標としたもの）などあるようです（次の画像は Google の画像検索から借用）。

LCh 方式　　　　　　　　　　　　　　　RGB方式

ここではカラーバーとグラデーション画像を使い、
GIMP の色空間を利用したレイヤーモードの効果を調べて見ました。

下図は今回使ったカラーバーとそのグレイスケール画像です。

以下レイヤーモードを変えてのカラーバー画像などへの効果画面を一覧表にしてますが、直観的に効果がイメージできず、実際にフォトレタッチの場で使うのはなかなか難しそうです。

１．赤グラデーション画像でカラーバー画像で加工する
（赤グラデーションにレイヤーモードを設定）

２．カラーバーで白黒グラデーション画像を加工する
（カラーバーにレイヤーモードを設定）

３．カラーバーで赤グラデーション画像を加工する
（カラーバーにレイヤーモードを設定）

Windows１０、アプリを自動起動する若しくは自動起動を停止する

新しいアプリをインストールするとそのアプリがパソコン起動時にいつも開いてしまうようなことがあります。私の場合は「LINE」をMicrosoft store からインストールした場合に発生しました。あまりパソコンから使うようなこともないので迷惑な限りです。

ここでは自動起動するアプリの自動起動を止める方法と、逆にアプリを自動起動させる方法について書きます。毎日最初に使うアプリなどはパソコン起動時に自動起動させれば便利です。

１．アプリの自動起動を止める
アプリの自動起動を停止させるには Windows 設定画面のスタートアップから「オフ」にします。アクションセンター①から「すべての設定」②を開き、「アプリ」③をクリックします。

開いた「アプリ」画面で「スタートアップ」を選び、自動起動を停止させるアプリの「オンオフ」ボタンをクリックして「オフ」にします。

２．アプリを自動起動させる
私はメーラーとして Microsoft の 「outlook 」を使っているので「outlook 」をパソコン起動時に自動起動するようにしてみます。
アプリを自動起動させるには、アプリのショートカットをパソコンのスタートメニューへ登録します。するとWindows 設定画面のスタートアップへも表示されます。

先ず自動起動させるアプリ「Outlook２０１３」のショートカットを作ります。
１）「outlook」アプリのショートカットアイコンアイコンをデスクトップへ作る
「スタートボタン」①をクリックし「すべてのプログラム」②を開く。そしてマイクロソフト-オフィス③を開き「Outlook２０１３」④を右クリック。開いたコンテキストメニューから「その他」⑤「ファイルの場所を開く」⑥と進む。
マイクロソフト-オフィスの Start Menu フォルダが開くので「Outlook２０１３」⑦を右クリック、コンテキストメニューから「送る」⑧さらに「デスクトップ（ショートカットを作成）」⑨をクリック。これで「Outlook２０１３」のショートカットがデスクトップへできます。

「ファイル名を指定して実行」から「スタートアップ」フォルダを開き、先ほど作ったアプリのショートカットアイコンを「スタートアップ」フォルダに入れます。
２）「スタートアップ」フォルダへアプリのショートカットアイコンを入れる
具体的には、スタートボタン①を右クリックし、「ファイル名を指定して実行」②をクリックして実行ファイル名「 shell:startup 」③を書き込み「OK」④。これで「スタートアップ」フォルダが開きます。後はアプリのショートカットアイコンを「スタートアップ」フォルダにドラッグ⑤します。

「スタートアップ」フォルダに「 outlook２０１３」アプリのショートカットが入りました。同時に「すべての設定」のスタートアップにも「 outlook２０１３」が表示されます。

なお「スタートアップ」フォルダは「ファイル名を指定して実行」を使わず、以下のようにエクスプローラで直接開くこともできます。
C:\Users\（ユーザー名）\AppData\Roaming\Microsoft\Windows\
Start Menu\Programs\Startup

 

Facebook

 

 

 

 

Windows Ink ワークスペース、付箋を使ってみた

Windows Ink ワークスペースの「付箋（メモ）」を使ってみました。
　
Windows Ink ワークスペースには「付箋」のほか「切り取り＆スケッチ」「スケッチパッド」がありますが、「切り取り＆スケッチ」は Snipping Tool より使い易いとは思えませんし、「スケッチパッド 」もお絵かきソフトとしてそれほど良いとは思えません。ここでは「付箋（メモ）」について書きました。紙の付箋（メモ）以上に便利と思います。

１．タスクバーに「Windows Ink ワークスペース」アイコンを表示する
上図左側のようにタスクバーに「Windows Ink ワークスペース」アイコンが表示されておれば不要ですが、非表示の場合はタスクバーの空き部分を右クリックしてメニューを表示、「Windows Ink ワークスペースボタンを表示」をクリックすれば表示されます。

２．「Windows Ink ワークスペース」から「付箋」を開く
タスクバーの「Windows Ink ワークスペース」アイコンをクリックするとメニュー画面が開くので一番上の「付箋」をクリックして開く。

付箋が開いた。付箋のフォルダーと新規の付箋外面が開く。

３．付箋の作成
付箋を作成すると付箋フォルダにも表示される。更に新しい付箋を作成するには付箋フォルダの左上隅の「+」をクリックする。付箋を作成したら画面右上隅の「」をクリックして閉じる。

４．付箋を検索する、削除する
たくさん付箋がある場合、目的の付箋を探すには検索窓に言葉を入れて検索できる。今、付箋は２個しかないので検索するまでもないが、「授業」で検索してみた（下左図）。
削除するには、削除する付箋のゴミ箱をマークをクリックすれば削除される（下右図）。

なお削除するした付箋は、Office Outlook のメールアカウント（パソコンにログインしているマイクロソフトアカウント）の削除済みアイテムに入っている。

５．付箋をタスクバーに留める
Windows Ink ワークスペースの「付箋（メモ）」を使うのであればタスクバーにアイコンを留めれば操作一手順減ります。
付箋を開いた状態で（付箋アイコンがタスクバーに表示されている）タスクバーのアイコンを右クリックして表示されたメニューで「タスクバーにピン留する」をクリックすればＯＫ。

また付箋のみしか使わなければ、「Windows Ink ワークスペース」アイコンを非表示にした方がすっきりする。

 

Facebook

Wordpressブログ、記事へ付けた自分のコメントを修正する

ブログへの他者からのコメントはうれしいものです。付けられたコメントへは多くの場合返信をすると思います。でも偶には語句とか漢字の間違いをしたまま返信してしまうことがあります。気になります、修正したいです、送信済みですが、、、。でも大丈夫、送信済みのコメントも修正できます。

先ず間違ったまま返信したブログ記事の最後にある「○件のコメント」をクリックし、当該ブログに付けられたコメント記事を開きます。
そして修正したいコメントの「編集」をクリックし修正画面を開きます。

修正画面は２段階で開きます。最初の画面では編集できませんので、この画面で更に「編集」をクリックし、修正画面を開きます。
ここでは文末に抜けていた「。」を追加しました。修正が終われば「保存」。

表示して修正を確認。戻った画面で更新通知を「×」で消し「投稿を表示」をクリック。
コメントを確認