QiitaにおいてURL書くだけ =リンクカード風表示 = メタ情報(OPG / Open Graph) 

# QiitaにおいてURL書くだけ =リンクカード風表示 = メタ情報(OPG / Open Graph)

__更新履歴__
2023.02.12：例としては列挙しすぎにつき(=見ずらい)＆よき量になるよう大幅削除 <font color=darkgray>正確には分離 or 下書き状態化したりした</font>
2023.01.31：結局全体的に改稿。メンテ(デッドリンク削除)や上書き(リンク先の概要が分からなすぎる場合の説明メモなど)、あるいは推敲のうえ段落などの配置/構成変更など。


__前文__
対象WEBページ(URL)に メタ情報(OPG / Open Graph)があるかないかによって表示のされ方が違うアレ。QiitaにおいてURL書くだけでcheckできる。

主に、__①画像・②記事タイトル・③説明文・④トップレベルドメイン__、など。トップレベルドメインとは 例) `https://xxxx.com` などのたいてい下部に小文字表示されるアドレスのこと。

:::note warn
__this is 単に表示テスト。__ Qiitaでは URLを書くだけで対象WEBページがOPG対応済みか確認できる。

⇒ とりあえず __サムネ画像付き__ のリンクカード風になれば、対象WEBページはOPG対応済み
:::


- Qiitaでの表示仕様
    1. 画像   -------------------> OK
    2. 記事タイトル ----------> OK
    3. 説明文 -----------------> ナシ
    3. トップレベルドメイン --> OK  　　※OPG設定なくても取得できる模様

:::note
便宜上、メタ情報がある=画像などが設定されている表示様式を｢リンクカード風｣表示と呼ぶ
:::



## AI分野、その他雑多
### ↓AI分野の記事

https://ainow.ai/2019/11/08/180544/?cid=sb_os_03

https://www.google.com/search?q=ITA%E3%82%B3%E3%83%BC%E3%83%91%E3%82%B9%E3%81%A8%E3%81%AF&oq=ITA%E3%82%B3%E3%83%BC%E3%83%91%E3%82%B9%E3%81%A8%E3%81%AF&ie=UTF-8

https://ainow.ai/natural_language_processing/

https://ainow.ai/2019/08/06/174245/

https://ainow.ai/2019/11/26/180809/

https://logmi.jp/tech/articles/323498

■tdmelodic利用マニュアル
> ニューラルネットワークにより、日本語（東京方言）の大規模なアクセント辞書を自動生成するモジュール

https://tdmelodic.readthedocs.io/ja/latest/index.html<!--tdmelodic-->

■tdmelodic利用マニュアル > 予備知識
> 日本語はピッチアクセント言語です。(中略) 日本語では単語中の各拍子の高さに差をつけることによりアクセントを表現

https://tdmelodic.readthedocs.io/ja/latest/pages/introduction.html

■韻律読み上げチュータ　スズキクン
> OJADは日本語教師・学習者のためのオンライン日本語アクセント辞書

※OJADは Online Japanease Accent Dictionaryの略

> 韻律読み上げチュータ スズキクン
任意の日本語文章を入力すると，(1)アクセント核の位置を推定して表示し，(2)その文章を読み上げた時のピッチパターンを推定して表示

https://www.gavo.t.u-tokyo.ac.jp/ojad/phrasing<!--OJAD - 韻律読み上げチュータ スズキクン-->

上気tdmelodic利用マニュアルでの｢ピッチアクセント｣というのを踏まえ。
入力欄に日本語文章を書き(各種設定を指定)実行すると、①文字と記号などの表記、②読み上げ(TTS)が可能に。

①文字と __高低アクセント__ を表す記号類などの表示/表記と ※1
②最終的に再生ボタンのクリックで読み上げ(TTS)が可能。※2
話者(喋る声)は、４種(F1/F2/M1/M2)選べる。女性声2種、男性声2種が
話速(喋る速さ)も、３種(Normal/Slow/Fast)から選べる。

※1) ピッチアクセント=高低アクセントと同等
※2) 音声合成による読み上げを生成(生成ボタンのクリックで時間差で新たに再生や停止ボタン類が表示され)、読み上げ(TTS)が可能になる ※設定次第では読み上げ生成ボタンが表示されずTTSされない状態もある



### ↓MacでWindows
wine、wineskin関連

https://atmarkit.itmedia.co.jp/ait/articles/2206/06/news025.html<!--wine-->

https://www.storange.jp/2021/11/how-to-use-wineskin.html<!--wineskin-->

<font color=darkgray>↓
↓ ここまでで気付いたこと
↓</font>

:::note
商用サイトであっても(個人のページじゃないという意味で)、OPG設定してなくて画像提示のないページもまぁまぁ多い
:::

:::note warn
ブラウザ幅によってサムネ画像の __比率が変わる__ のも見ておきたい点。
⇒ 横長　：通常はおそらくコレ
⇒ 正方形：ブラウザ幅を狭くする / iOSなどのデバイス用向け
:::



### ↓YouTube,ニコニコ動画
<font color=darkseagreen>そういえば動画ページは埋め込みじゃなくてURLだとどうなるんだろう...</font>

https://www.youtube.com/watch?v=1FliVTcX8bQ&vl=ja

https://www.nicovideo.jp/watch/sm40627366

- - -
### ↓雑多(diff, ダミーテキスト生成)

https://www.diffchecker.com/

https://tool-taro.com/diff/<!--[diff]差分マージ-->

https://html-css-javascript.com/dummy-text/<!--*英語--->

https://www.blindtextgenerator.com/lorem-ipsum<!--*不思議の国のアリス-->

https://tool.stabucky.com/convert/dummy_text_generator.htm<!---*吾輩は猫である *人間失格-->

https://webtools.dounokouno.com/dummytext/<!--*坊ちゃん *徒然草-->

https://lipsum.sugutsukaeru.jp/index.cgi<!--*セロ弾きのゴーシュ-->

- - -
### ↓IPA(国際発音記号)など 
<font color=darkgray>(OPG設定されてないトコ多いナ...)</font>

■toPhonetics
英語を、IPAに変換

https://tophonetics.com/ja/

 
■EasyPronunciation.com
日本語(漢字かな混じり)を、①仮名(初期値)、②ローマ字、③国際発音記号(IPA)のどれかに変換。

https://easypronunciation.com/ja/japanese-kanji-to-romaji-converter

:::note info
オプション設定多数、母音｢う｣のIPAが「ɯᵝ」なのがココの特長。
EasyPronunciation.com
:::

:::note
__高低アクセント__ は有用(表示形式３種から選択)。なぜなら実は高低アクセントは日本語の発音の必須要素で(IPAだけなどの)文字情報だけでは分かりえないものだから。
EasyPronunciation.com
:::

:::note warn
そのまま使うと1時間に25文字まで (1時間過ぎたらまた変換可能)。
無料トライアル (文字数制限大幅アップなど) を試すにはアカウント登録必要。無料トライアル期間7日。ほか有料プラン３種。
EasyPronunciation.com
:::

 
■J-TALK
日本語(漢字かな混じりや)を、ローマ字(元文章の上部)・元文章・英語(元文章の下部)に変換

https://j-talk.com/convert

■RmajiDesu
日本語(漢字かな混じり)を、元文章・ローマ字・英語に変換

http://www.romajidesu.com/translator/

■X-SAMPA ↔︎ IPA Converter
X-SAMPA→IPA、IPA→X-SAMPAに変換可能

https://tools.lgm.cl/xsampa.html

■Phonetizer
英語をIPAに変換、聞くことも可能(話者は選べず男性声一択)。

https://www.phonetizer.com/ui

:::note
- ページ上にタイトルがないが上記｢Phonetizer｣のwebツール版。※単語(or文章)の保存にはアカウント登録が必用
- 別途ソフトのダウンロード版(Demo版、有償版)がある、Win/Mac対応。
Phonetizer
:::


- - -
：：：：：：：：：：：：：：：：：：：
：：：：：：：：：：：：：：：：：：：
：：：：ここに書いてた分は削除：：：：
：：：：：：：：：：：：：：：：：：：
：：：：：：＠2023.02.12：：：：：：：
：：：：：：：：：：：：：：：：：：：
：：：：：：：<font color=darkgray>正確には</font>：：：：：：：：
：：： <font color=darkgray>分離 or 下書き状態化したり</font> ：：：
：：：：：：：：：：：：：：：：：：：

https://qiita.com/Reng/items/94aa70ca41834b478c2b<!--デジタル楽譜を分離 from『QiitaにおいてURL書くだけでの表示check=リンクカード風...』(2024/02/02, 2022年12月17日)--->

---


## TTS関連
<font color="seagreen">__以降、時期的にTTSソフト調べてたから(Nov,Dec 2022)その手のモノばっか__</font>

:::note
TTS：<b>T</b>ext-<b>T</b>o-<b>S</b>peech の略。入力した文章(テキスト)を喋る(Speach)
:::

### ↓TTS online WEBサービス/DEMOページ (ブラウザ上で体感できるTTS)
上から、NaturalReader、VOCAL WARE、Acapela Group DEMO、テキスト音声変換、音読さん、NABLAS DEMO、Narakeet。

※共通：たいてい多言語対応(日本語も可)、ただ初期値はたいてい言語選択(Language)が英語になってる

■NaturalReader

https://www.naturalreaders.com/online/<!--NaturalReader *online--->

:::note
NaturalReader：
- 上記はhome (https://www.naturalreaders.com) の右上「Start for free」ボタンまたはページ表示したときに見える「Get Started For Free 」というリンクから表示されるツールページ (https://www.naturalreaders.com/online)
- homeでのツールページへのリンク、ツールページでのhomeへのリンクは別窓開きなので、気をつけないと知らぬ間に(ブラウザの)タブが増植...してしまうのでツールページのURL
:::

■VOCAL WARE

https://www.vocalware.com/index/demo<!--VOCAL WARE *online-->

■Acapela Group DEMO

https://www.textfromtospeech.com/ja/text-to-voice/<!--Acapela Group *online-->

■テキスト音声変換
https://www.acapela-group.com/demos/<!--テキスト音声変換 *online-->

■音読さん

https://ondoku3.com/ja/<!--音読さん *online mp3DL可、YTのナレーションなど、クレジット表記必須、間合い・空白は SSML というタグを使うことで正確に調整--->

:::note
音読さん：
無料会員登録なし：毎月1000文字
無料会員登録あり：毎月5000文字

- mp3ダウンロード可：YouTubeなど動画のナレーションに
- 無料で利用する場合、クレジット表記は必須 (Youtubeの場合は概要欄や動画の中に埋め込む形) 
:::


■NABLAS DEMO

https://demo.nablas.com/tts<!--NABLAS  *online-->

■Narakeet

https://www.narakeet.com/languages/japanese-text-to-speech-jp/<!--Narakeet  *online-->



---
：：：：：：：：：：：：：：：：：：：
：：：：：：：：：：：：：：：：：：：
：：：：以降、書いてた分は削除：：：：
：：：：：：：：：：：：：：：：：：：
：：：：：：＠2023.02.12：：：：：：：
：：：：：：：：：：：：：：：：：：：
：：：：：：：<font color=darkgray>正確には</font>：：：：：：：：
：：：<font color=darkgray>分離 or 下書き状態化したり</font>：：：：
：：：：：：：：：：：：：：：：：：：

https://qiita.com/Reng/items/00e902766d834cd60a16<!--音声合成(TTS)や音声認識関連を分離 from『QiitaにおいてURL書くだけでの表示check=リンクカード風...』(2024/02/12)-->