1. HOME
  2. »
  3. プログラミング・Web
  4. »
  5. Swift
  6. »
  7. 【Xcode7】Swift2使ってみた。playgroundで遊びながら覚える。

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

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

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

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

目次
  1. 準備
  2. 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

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

スポンサードリンク

関連コンテンツ

オススメ記事

FC2でブログを始めよう!誰でも簡単にできるブログの作り方

FC2ブログは、FC2が運営する無料でブログを開設できるサービスです。(有料版もあります) また、FC2のサービスには、動画、ライブ配信、アフィリエイト、小説など、様々なものがあります。 今回

wordpress

WordPress管理画面のテーマカスタマイザーに独自の項目を追加。

WordPressみたいに私自身の人生もカスタムできたらいいのに。@It_is_Rです。 WordPressのカスタマイズは、公開しているサイトだけではありません。 管理画面をカスタマイズする

VCCW

VCCW で、超簡単に WordPress のローカル開発環境を整える方法。

考えすぎて間違った方向へ進む、@It_is_Rです。 WordPress のローカル開発環境を作りたい時、 VCCW を使うと便利です。 今回は、 その方法を紹介します。 VCC

java

【Java】スーパクラス、サブクラスとは?継承について。

猿も木から落ちますが、Rは木から落ちません。だって登らないから。 @It_is_R です。いや、登ろうと思っても登れません。 Javaを使っていると継承という言葉をよく耳にしますよね。どういうも

【CSS設計】ボタンを作って覚える。機能ごとに分けて作る重要性。

手が回らない、頭が回らない、口が回らない。@It_is_Rです。 CSSはある程度大雑把に書いても動かすことができます。しかし、CSSを覚える上で一番難しい部分と言えばCSS設計でしょう。 パ

【Gitの使い方 – その3】Gitで実際にバージョン管理してみよう!

お魚くわえた@It_is_Rです。 Gitの使い方第3回目の今回は、実際にGitを使ってバージョン管理をしてみようと思います。 [serif name="It is R"]りこ師匠

文字を表示するクラスを作ろう!

小学生からのJavaScript。文字を表示するクラスを作ってみよう!

小学生からのJavaScript講座です。 このシリーズでは、ゲームをつくりながらJavaScriptの使い方を学んでいきます。 シリーズの一覧はこちらをご覧ください。 さて、ゲーム作成で重

scratch

小学生から始めるScratch入門。シューティングゲームを作ろう!

小学生から始めるScratch入門です。 前回、ゲーム開発に必要な知識を学びました。 第3回目の今回は、これまでに学んだ知識を活用し、実際にシューティングゲームを作ってみようと思います。

wordpress

【WordPress】パンくずリストをプラグイン無しで自作する方法

※追記(2018/2/12) もっと高機能になるように、改良修正しました。 人生で3回ほど死にそうになったことがある@It_is_Rです。 WordPressのパンくずリストを作

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

昨日歩き回ったせいで、足がかなり痛い@It_is_Rです。 さて、今回はenchant.jsのネタです。enchant.jsを使うと、javascriptのプログラムがものすごく簡単に書けてしま

コメントをどうぞ!

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