【Xcode7】Swift2使ってみた。playgroundで遊びながら覚える。

公開 :

最近は押入れの中で寝るのが日課の@It_is_Rです。
押入れは寝心地がいいです。部屋も押入れ分だけ広くなるし。

SwiftはAppleが出しているプログラミング言語です。Swiftを使うことで、OS XアプリやiOSアプリを作ることができます。Rも少しだけ触ってみたのですが、iPhoneを持っていないので、気分が乗らず放置していたことがあります。
しかし、iPhoneじゃなくてMacのアプリを作ってみたいなと思い、Swift2を覚えてみることにしました。

では、今回はplaygroundで遊びまくりましょう。

準備

eyecatch_woman2

今回は、playgroundを使って遊んでみようと思います。
Xcode7はこちらからダウンロードできます。
Xcode7

playgroundを開く

ダウンロードが完了したら、Xcode7を開きます。すると、次の様な画面が表示されます。
では、playgroundを開いてみましょう。「Get started with a playground」をクリックします。
Welcome to Xcode

今回はNameをTestとしました。PlatformはOS Xにします。
Nextをクリックします。
Choose options for your new playground

フォルダを選択して、Createをクリックします。
さて、playgroundが開きました。

playgroundについて

さてplaygroundですが、これは遊び場という意味を持っています。ここで、Swiftについて遊びながら学びます。
playgroundでは、その場でプログラムの結果を見ることができます。向かって左側が実際に入力するソースで、右側に実行結果や変数に代入した値などが表示ます。
Xcode3

playgroundを使う

では、playgroundを使ってみましょう。

playgroundの機能

playgroundでは、変数を使うだけでも十分に楽しめます。すでにプログラムが入力されていると思いますが、変数に代入されている文字列を変更してみましょう。
すると、保存すらしていないのに次のように右側の文字も変更されます。
Xcode4

次の様に変数の中身の部分にマウスカーソルを移動させてみましょう。すると、この様に目のマークと◯が表示されます。
Xcode5

では、目のマークをクリックしてみましょう。
目のマークをクリックすると、次の様に変数の中身が吹き出しの形で表示されます。
Xcode6

つぎに、◯の部分をクリックします。
すると、変数の中身がインラインで表示されます。
Xcode7

for in文でグラフを表示する

for in文は繰り返しを行う命令です。そして、グラフを表示することができます。

まずfor in文は、次の様に記述します。この場合、変数iが1〜10までの10回のループになります。

for i in 1...10 {}

それでは、グラフを表示してみましょう。次のように入力してみます。

for i in 1...20 {
    i
}

すると右側には(20 times)と表示されました。ではそこにマウスカーソルを合わせ、先ほどの様に◯をクリックしてみて下さい。
グラフが表示されます。
Xcode8

画像を読み込む

最後に、画像を読み込むことによって画像を表示させてみましょう。
まず、Resourcesフォルダに画像を入れます。
Xcode9

次に、その画像ファイルを変数に入れます。次の様に入力して下さい。mermaidはファイル名から拡張子を抜いたものです。拡張子があっても問題ありません。

let img = NSImage(named: "mermaid")

すると、「w 960 h 640」と表示されました。画像のサイズです。同じ様に◯をクリックします。
Xcode10

画像が読み込まれました。

スポンサードリンク

おすすめの記事♪

Mac

【超簡単】Time MachineでMac全体のバックアップを取る方法!!

Macユーザーの皆さんこんにちわ。禍福は糾える縄の如しと言いますが、縄というよりも毛糸のよう[email protected]_is_Rです。 糸は簡単に解け、幸福の道を歩む人と、不幸の道を歩む人に分かれます。そ

Swift

【Xcode7】Swift2でMacアプリ開発。Storyboardでボタンを作る。

喧嘩するほど仲がいいとは言いますが、喧嘩する相手がいません。友達がいないということでしょ[email protected]_is_Rです。 前回、StoryboardでMacのウィンドウに文字を表示しました。しかし、

enchant.js100行未満!!本格シューティングゲーム作り方。

[email protected]_is_Rです。 さて、今回はenchant.jsのネタです。enchant.jsを使うと、javascriptのプログラムがものすごく簡単に書けてしま

Swift

【Xcode7】Swift2でMacアプリ開発。画像を読み込む為のボタンを作る。

[email protected]_is_Rです。 最近はSwiftの記事が多いと思っている人もいるのでは無いでしょうか。実はRは現在、Swiftを使ってゲーム開発のお助けアプリを

ピクチャ・イン・ピクチャ

ピクチャ・イン・ピクチャが絵の練習に超便利でヤバスな件について。

ピクチャ・イン・ピクチャでイラストの練習して[email protected]_is_Rです。 macOS Sierra のピクチャ・イン・ピクチャが、イラストの練習に超便利でヤバスなので、紹介させていただこうと思

enchant.js

enchant.js でクラスを作る、激分かりやすい方法!

[email protected]t_is_Rです。 前回までの enchant.js の記事で、画像の表示やキャラの移動など、ゲーム制作には欠かせない基礎知識が身についたのではない

enchant.js

HTML5 と javascript ( enchant.js )を使ったアクションゲーム開発。

以前、Flashを使って、横スクロールアクションゲームを作ろうとしていたのですが、実はAndroid4.xではFlashPlayerがサポートされておらず、最近のAndroidではFlashPlaye

enchant.js

enchant.js でキャラクターのアニメーションを作ってみよう

前回の記事では、キャラが移動する時のアニメーションがありませんでした。 突っ立ったまま進んで行く、まるで幽霊の様な状態です。 これでは、キャラが生きてるのか死んでるのか分からない! というこ

Mac

【書き出し可能】Macのテキスト読み上げ機能を使う。

[email protected]t_is_Rです。 夢を見ていて幸せなのは、夢を見ている時だけです。その後、ほとんどの人に絶望が待ってますから気をつけた方がいいですよ。。。 さて、今

ピクチャ・イン・ピクチャ

macOS Sierra – ピクチャ・イン・ピクチャの使い方 & 好きな場所へ配置する方法。

[email protected]_is_Rです。 macOS Sierra の新機能、 ピクチャ・イン・ピクチャ をご存知でしょうか? ピクチャ・イン・ピクチャ は、何らかの作業


コメントをどうぞ!

メールアドレスが公開されることはありません。




Category

Games