この記事は公開されてから1年以上経過しています。情報が古い可能性がありますので、ご注意ください。
おばんです、最近気付いたらほぼ毎週なにかしらイベント運営やらイベント参加していることに気付いた田中です。
今回はSwift Playgroundsの操作方法やUIについて、Blank（自由記述のまっさらなPlayground）を元に紹介していきます。
Swift Playgroundsとは？
こちらをご覧ください。
[Swift Playgrounds] - Swift Playgroundsことはじめ - 全体紹介編
画面紹介
- コードエリア
- LiveViewエリア
- My Playgrounds一覧ボタン
- Plusボタン
- Toolsボタン
- Undoボタン
- Redoボタン
- コード補完
- 削除ボタン
- 改行ボタン
- キーボード表示/非表示ボタン
- 実行ボタン
4. Plusボタン
コードスニペット
let, varに始まり、for, if, switch, classなどよく書くコードのひな形が用意されています。 コードエリアの任意の場所にカーソルを合わせてこれを選ぶことで、コードを挿入することができます。
画像
Playground上で扱える画像の管理場所です。 iCloud、Photo Library、カメラから画像を追加可能で、追加した画像はPlayground上で扱うことができるようになります。
ファイル
Playground上で扱えるファイルの管理場所です。 音声ファイルや.storyboardファイルなどをiCloudから追加可能で、追加したファイルはPlayground上で扱うことができるようになります。
5. Toolsボタン
Help
Swift Playgroundsの使い方についてのヘルプです。
Create PDF
書いたソースコードをPDFとして出力し、AirDrop等で共有することができます。
Record Movie
Playgroundの画面全体を録画することができます。 録画した動画はその端末上で保存できるほか、AirDropなどで他のApple製品に共有することも可能です。
Broadcast Live
コーディングの様子をLive Streamingアプリでライブ配信できる模様。
Take Picture
PlaygroundのLiveView領域を画像として取得することができます。 取得した画像はその端末上で保存できるほか、AirDropなどで他のApple製品に共有することも可能です。
新規UI
数値入力
ソースコード上の数値の箇所をタップすると、テンキーと円上にくるくるまわすことで数値の増減を操作するUIが表れます。
色指定
ソースコード上で色を代入する箇所では□枠で色を指定するUIが選択可能です。
画像指定
ソースコード上で画像を代入する箇所では□枠で画像を指定するUIが選択可能です。
まとめ
簡単な操作領域の説明と、Swift PlaygroundsならではのUIについて説明しました。 iPadならではのタップによって操作するUIが多く取り入れられ、新しいコーディング体験があって楽しい印象でした。 ぜひ一度ご賞味あれ！
16
