第12回 Mac用の世界時計ソフトを作ってみよう

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

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

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

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

【STEP 2】見た目の準備

画面右下のライブラリ領域から、［Label］という部品をドラッグしてビューに貼り付けます。貼り付けた部品はウインドウの中央に移動させます。図のように4個貼り付けて「東京」「00:00:00」「サンフランシスコ」「88:88:88」という文字列を入力しておきましょう。

それぞれのラベルを選択して、Xcode右上のインスペクタ領域で、テキストの見た目を設定します。［Alignment］と［Font］を図のように設定してください。時間表示のフォントは32ポイントの大きめな設定にしておきます。

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

［Main.storyboard］の編集画面の左側で、4個のラベルの順番を図のようにドラッグして並べておきます。この画面が出ていない場合は、［Editor］メニューから［Show Document Outline］を実行すると出てきます。

ウインドウのサイズが変更できないように、中央に大きく「View Controller」と書かれたウインドウの真ん中をクリックして、右上のインスペクタの設定画面から図のように「Resize」のチェックを外してください。

［ViewController.swift］の中に、図のように「ラベル1」「ラベル2」の2つの変数宣言を書きます。またviewDidLoad()メソッドの中に、それを初期化するためのコードと、1秒おきにタイマーのメソッドを呼び出すためのタイマーを作成するコードを書いてください。

ViewControllerクラスの一番下に、図のようにタイマーのメソッドの実装を書きます。現在の日時を表すNSDate()を取得したあと、それを文字列に変換する書式を表すNSDateFormatter()を作成します。書式のtimeStyleを「.MediumStyle」に設定することで、時間の部分だけが表示されるようになります。そして書式のtimeZoneを「JST（日本標準時）」に設定すると日本時間で、「PST（太平洋標準時）」に設定するとアメリカ西海岸の時間で表示されるのです。ここを「ECT」にすると中央ヨーロッパ標準時、「GMT」にするとグリニッジ標準時が表示できます。

これでソフトが完成です。実行ボタンを押して、ソフトを実行してみましょう。2つの時間が同時に変わるようになりましたか？ ちなみに私はもう少しウインドウサイズを小さくして使っていました。皆さんも大きさを調整してみてください。

【まとめ】

今回は実用的な世界時計ソフトを作ってみました。こういった実用ソフトでも、10行ちょっとのコードを書くだけで実現できてしまうのがスウィフトの魅力ですね。皆さんも自分のためのソフト作りにチャレンジしてみてください。

次回のテーマ

音声合成を使ってMacソフトを作ってみよう