音声入力でHTMLのタグ打ちもできたら最強
どうも、Linです。犬と、起床しました。
音声入力という技術が最近進歩してきています。
音声入力を用いれば、タイピングせずとも入力できるので手打ちよりも数倍はやく文字を書けるのです。
この音声入力でブログを執筆するというのはもちろんのこと、ぜひトライしてみたかったのが、
HTMLのタグ打ち
です。
なぜ、このような発想に至ったのかというと、「沈黙のWebライティング」という本で時給500万円のマーケッターのボーンが音声入力でHTMLタグ打ちを行なっていたからです。
沈黙のWebライティング —Webマーケッター ボーンの激闘—〈SEOのためのライティング教本〉

https://www.cpi.ad.jp/bourne-writing/elaboration/より
今日は実際に、ボーンのような最強マーケッターを目指してHTMLのタグ打ちを音声入力でやってみることにしました。
HTMLタグ打ちを音声入力でするための準備
HTMLのタグ打ちに用いたのはMacの音声入力。
精度の高い Googleの音声技術を使いたかったのですが、現状Googleの音声入力では、
記号などの入力ができなかったので、HTMLのタグ打ちは断念する事に。
代わりに、記号まで音声入力できてしまうMacの音声入力を用いていく事にしたのです。
HTMLのタグ打ちを音声入力するには、言語を英語に変更する必要があります。
設定>キーボード、

「音声入力」と進んで、言語のタブで「新しい言語の追加」をクリックしてください。

今回は王道の「アメリカ英語」を選択してみます。

音声入力のパックは新たにインストールしなければならず、容量が1.5GBぐらいありました笑
ダウンロードにだいたい50分ぐらい。。

英語の音声入力パックをインストールできれば準備完了です。
HTMLタグ打ちを音声入力で行う方法
HTMLタグ打ちを音声入力で行う方法をみていきましょう。
Step1. 「Fnキー」を2回おす
ファンクションキーを2回押すと、

次のようなマイクマークが画面上に出現します。

Step2. 喋る
あとは喋るだけ。
通常の音声入力と異なる点は、
記号を英語で音声入力していく必要があるという事です。
こちらのMacの公式ページには、英語で記号を音声入力する際のコマンドの一覧が掲載されています。
HTMLタグでよく使用する記号をまとめてみましたので参考にしてみてください。
記号 | 喋り方 | カタカタ表記 |
---|---|---|
< | less than sign | レスザンサイン |
> | greater than sign | グレイターザンサイン |
/ | forward slash | フォーワードスラッシュ |
= | equals sign | イコールズサイン |
“ | end quote | エンドクオウト |
! | exclamation mark | エクスクラメーションマーク |
: | colon | コロン |
実際にHTMLのタグ打ちを音声入力でやってみた
ってことで、実際にHTMLのタグ打ちを音声入力でやってみました。
htmlタグ(<html></html>)
まずは基本中の基本のhtmlのタグ。このタグ内にHTMLのコードをうっていくわけですね。
読み方は、
less than sign html greater than sign forward slash html greater than sign
になります。
実際にやってみると
ギリギリなんとかできた感じです笑

hタグ(<hn></hn>)
続いて、WordPressでもよく使う見出しのhタグ。
- <h1></h1>
- <h2></h2>
- <h3></h3>
- <h4></h4>
の4つにチャレンジしてみました。
例えばh1タグだったら、
less than sign h one greater than sign forward slash h one greater than sign
と言えばいいのです。
難しかったのが数字を数字として認識させることですね。
h1タグではいくら「わん」と入力してもoneになってしまい1になってくれなかったのです。
なんとかいけそうだったのがh2タグとh3。こちらは2と3が数字で認識してくれそうでしたね。
ただその先のh4は難しかった。
「フォー」がそもそも「for」になってしまい「four」とすら認識されませんでした笑
なんどもチャレンジしても4がforのままだったので断念。
途中、自宅で飼っている愛犬が吠え出してまいhタグの音声入力は失敗に終わりました。

pタグ(<p></p>)
続いてよく使うpタグ。
less than sign p greater than sign forward slash p greater than sign
と言えばいいですね。
ここで難しかったのがpをpとして認識される技。
pがbeeになったりしてpを単独で出力するのがすこぶる困難でした。
しかし、何回か練習した後にようやく成功です。

imgタグ(<img src=””>)
こちらもよく使うimgタグ。画像を挿入するサイトならば必須のタグですね。
<img src=”” >
というタグを音声入力で打ち込むには、
less than sign img src equals sign end quote greater than sign
と発音すれば良さそうですね。
実際にやってみると、
imgがものすごく難しい。何回発音しても「I and G」だったり「I am G」になってしまいます笑
無理!

aタグ(<a href=””></a>)
こちらもよく使うリンクタグ。
<a href=””></a>
と打ち込みたかったら、
less than sign a href equals sign end quote greater than sign less than sign forward slash a greater than sign
と発音すればいいのですね。
実際にやってみたところ、
aをaとして認識されるのが難しいことがわかりました。
10回以上トライして全てheyに変換されてしまい、heyタグを打ち込んでしまう結果に。。
これはリンク貼るのに一苦労すぎる。。。。。断念!
結論:音声入力でHTMLのコーディングは難易度が高すぎる笑
実際にやってみてやはり、
HTMLの音声入力は難しいことがわかりました。
僕の英語力の問題かもしれませんが、望み通りに変換されずくそ苦しみました。
おそらく、用意されている音声のデータセットがHTMLタグ打ち用ではなく、通常の文のデータになるので、 HTML独特の表記は認識されにくかったのでしょう。
今後、HTMLに特化した音声入力ソフトなるものが開発されれば、僕でもできるようになるかもしれません。
それも含めて今後の音声入力技術に期待しています。
「いや、それでもHTMLの音声入力に挑戦したい!!」
という方は音声の対応表を参考にしてトライしてみてくださいね。
記号 | 喋り方 | カタカタ表記 |
---|---|---|
< | less than sign | レスザンサイン |
> | greater than sign | グレイターザンサイン |
/ | forward slash | フォーワードスラッシュ |
= | equals sign | イコールズサイン |
“ | end quote | エンドクオウト |
! | exclamation mark | エクスクラメーションマーク |
: | colon | コロン |
それでは!
Lin

おそらく、ブロガー。
今年でフリーランス 6年目。