【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

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

スポンサードリンク

コメントをどうぞ!

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




オススメ記事

HTML CSS

CSSで文字を、円の上下左右中央ド真ん中に表示する方法。

体重が50キロを切りました。@It_is_Rです。身長は171あります。 骨っていうなー! サイトを作る時、円形のパーツを作りたい時ってよくありますよね。画像を丸くして。。。なんてやっている人

FC2 blog customize

FC2ブログ ”最強” カスタマイズ入門講座。文字の大きさを設定する。

こんにちわ。美しいものほど濁って見える@It_is_Rです。 今回もFC2ブログの"最強"カスタマイズを始めていこうと思います。 今回は文字の大きさや色など、ブログ内の文字の設定をしていきます

enchant.js

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

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

enchant.jsのロード画面を、好きな画像に変更する方法。

今日は爆睡していました。@It_is_Rです。 enchant.jsのロード画面はカッコわるいなとずっと思っていました。「あ、これenchant.jsで作ったんだな」って思われてしまうじゃないで

CSS Button

サイト制作に!!CSSでマウスオーバーボタンの作り方。

新年初の記事です。とりあえず、あけましておめでとうございます。@It_is_Rです。 お正月……おそーがつ……おそまつ……おそ松さん。新年早々くだらないこと言ってないで早く記事を書けって話ですね。

Swift

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

犬も歩けば棒にあたる。だからRは歩かない。@It_is_Rです。 最近はSwiftの記事が多いと思っている人もいるのでは無いでしょうか。実はRは現在、Swiftを使ってゲーム開発のお助けアプリを

Swift

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

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

【Android Studio】新規プロジェクトを作成する方法。

インスタント焼きそばを作ろうとすると、なぜか焼うどんになります。 @It_is_R です。 しかも、ラーメン作ろうと思うと焼きそばができあがります。 前回、 Android Studio のイ

Homebrew

Homebrewを使いこなせ!Macへのインストールや使い方。

人生をもう一度やり直したいとつくづく思う@It_is_Rです。 やり直したところで同じ道を辿るのがオチですよ、全国の不幸な皆さん!! さて、おふざけはここまでにして、今回はHomebrewにつ

gulp

gulpでsassをcssにコンパイル。インストール&便利な使い方。

幸せそうな人を見ると、転べって思います。@It_is_Rです。 Webページを制作するとき、sassをcssに変換して使用することが多いと思います。 今回は、gulpを使ってsassをcssに