第13回 Mac用の音声時計ソフトを作ってみよう

【STEP 1】ソフトの基本部分を作ろう

まずXcodeで新しいMacソフトのためのプロジェクトを作ります。Xcodeで新しいソフトのためのプロジェクトを作ります。メニューから［File］→［New］→［Project］と選択して、左側のリストから［OS X］の［Application］を選び、右側の一覧から［Cocoa Application］を選択します。

次の設定画面では、［Product Name］には「Voice Clock」、［Organization Name］に自分の名前、［Organization Identifier］に「mytest」と入力して、［Language］には「Swift」を選択します。その下にチェックボックスがいくつか並んでいますが、図のように［Use Storyboards］のチェックだけオンにして、他のチェックは外しておいてください。最後に［Next］ボタンを押し、その次の画面で［Create］ボタンを押して、プロジェクトの作成を完了させましょう。

ウインドウ左のプロジェクトナビゲータから、［Main.storyboard］を選択して、ソフトの見た目を編集します。iPhoneアプリと同じように、開発手順は「見た目の準備」→「動きの実装」となります。

【STEP 2】見た目の準備

画面右下の［ライブラリ領域］から、［Label］をドラッグしてビューに貼り付けます。図のように、「00:00:00」という文字列を入力して、画面の中央に配置しておきましょう。画面の中央に配置した部品の周りには、青い点線が上下左右に表示されます。

追加したラベルを選択して、画面右上の［インスペクタ領域］で、テキストの見た目を設定します。［Alignment］と［Font］を右のように設定してください。時間表示のフォントは大きめに40ポイントで設定にしておきます。また、実行時にラベルが中央に配置されるように、制約の設定を行います。ラベルをクリックし、メニューから［Editor］→［Resolve Auto Layout Issues］→［Reset to Suggested Constraints］を実行します。

【STEP 3】ソフトの動きを実装する

画面左側のファイル一覧から［ViewController.swift］を選択して、上のように「音声合成」の変数宣言を書きます。またviewDidLoad()メソッドの中に、その変数を初期化するためのコードと、10秒おきにメソッドを呼び出すためのタイマーを作成するコードを書いてください。また起動直後にタイマーのメソッドを1度呼び出すためのコードも書いておきます。

viewDidLoad()メソッドのすぐ下に、右のようなタイマーの実装コードを追加します。ここでは現在時刻を取得して、そこから時・分・秒の3つの数値を取り出しています。それを元に「◯時◯分◯秒です」という文字列を作って、読み上げのためのstartSpeakingString()メソッドに渡すことで、時刻が読み上げられるようになります。

ここまで実装できたら、時刻読み上げの実装は完了です。「システム環境設定」の［音声入力と読み上げ］で［システムの声］を［Kyoko］に設定してから、Xcodeに戻って［実行］ボタンを押して、実行してみてください。時刻読み上げが始まります。

時刻の読み上げには10秒ごとに呼ばれるタイマーを使いましたが、画面に表示する文字は1秒ごとに更新されないと、時計としておかしく見えてしまいます。1秒ごとに呼ばれるタイマーを左のように追加します。

2つ目のタイマーのメソッド実装を、ViewController.swiftに追加します。このメソッドでは、現在時刻を取得して、時・分・秒を表す文字列に変換して、ラベルに表示しています。

以上で完成です。［実行］ボタンを押して実行してみましょう! 図のようにウインドウが表示されて、時間が表示されるのと同時に、10秒おきに時間が読み上げられます。10秒おきだと速すぎる場合には、60秒おきに変更してみましょう。

【まとめ】

今回もOS Xの機能を活用して、日常で使える実用的なソフトを作ってみました。音声読み上げの機能は、ほかにもいろいろな使い道があると思います。ぜひ皆さんも気軽にプログラミングの世界に触れてみてください。

次回のテーマ

考え中…。