Xcode 7のインストールから実機テストまで

h

Xcode 7でiOSアプリの実機テストが無料でできるようになりました。
デバイス登録の必要なく簡単な作業で実機テストできます。
インストールから実機テストまで試したので、その方法をまとめます。

 

前提条件

Xcode 7をインストールするにはMacOS X バージョン10.10(Yosemite)が必要です。
OS X バージョン10.9(Mavericks)では、インストールできませんでした。
また、Apple IDが必要ですので、無い方は取得してください。

1

 

Xcode 7をダウンロード

Xcode 7 beta6をダウンロードします。
下記のURLからダウンロードしてください。
https://developer.apple.com/xcode/downloads/

ダウンロードファイルが4GB近くありますので、通信環境をご確認の上、
ダウンロードを開始してください。

11

※2015/09/09現在 Xcode 7 beta6です。

ダウンロードボタンをを押すと
Apple Developerのログイン画面が表示されます。
10

お手持ちのApple IDを入力しSign inを押してください。
Sign inが成功すると、ダウロードが始まります。

 

インストール

ダウロードが終了したら、Xcode_7_beta_6.dmgを開きます。
Xcode_betaをアプリケーションにインストールします。
データ容量が大きいので、マシンのスペックによっては時間が掛かります。
2  3

インストールが終わりましたら、
Xcode_betaを開きます。
初回は、マシンのスペックによって起動まで時間が掛かる場合があります。

4

途中でライセンス同意のウィンドウが出たら、同意して進めていきます

無事に起動すると下記の画面が立ち上がります。

13

以上でインストールが完了です。

 

実機テストの為のプロジェクトの作成

実際にテストするために、テスト用のプロジェクトを作成します。
まず、Create a new Xcode projectをクリックします。

5

テンプレートを選ぶ画面になるので、iOSのApplicationから適当なテンプレートを選択します。

6

今回はテスト用でSingle View Applicationを使います。
選択したら、Nextボタンをクリックし次へ進みます。

7

プロジェクト情報入力する画面です。
テストなので、適当な文字を設定します。

Nextボタンをクリックしプロジェクトの保存先をしてします。

 

実機テスト

開発画面へ移ります。
テストですの最低限必要な項目を入力します。

8

① 読み込む端末のApple IDを入力します。
Apple Developerで使用したApple IDと違っても問題ありません。

② アプリが対応するOSのバージョンを設定します。
端末がiOS7で設定が8.0にすると読み込みができません。
端末のiOS以下の数値を設定しましょう。

ここでPCとモバイル端末をUSBで接続して端末を読み込みを行います。
初回は、時間が掛かると思いますので、焦らず待まちます。

端末の読み込みが終わったら

③ お使いの端末が表示されますので、選択します。

④ 再生を押すとビルドが開始され自動的にアプリが起動します。

 

端末にもアプリがインストールされて
しっかりアイコンが表示されています。

2015-09-09 16.01.18

以上のように
Xcode_7に端末情報を読み込めば簡単に実機テストができます。

iOSアプリ実装前にXcode_7をインストールし、自分用アプリを製作して使うこともできます。
是非、参考にしてください。

 

 


制作事例 社会福祉法人わかば福祉会様

ai

新発田市を中心に幼稚園と保育園を展開している法人様です。
入園者の父兄向けのサービスの向上のため、
ホームページのリニューアルを行いました。

公開 2015年9月1日
URL http://www.wakaba-net.ed.jp/ai/
●制作内容
・デザインの刷新
・CMSの導入


制作事例 ハピネステクノロジー株式会社様

hap

 

前回サイト制作から2年が経過しリニューアル
レスポンシブ対応、コンテンツの充実を行いました。
公開 2015年8月12日
URL http://happitec.co.jp/

●制作内容
・デザインの刷新
・レスポンシブ対応
・トップページは垂直にダイナミックなスライドする画面スクロール、


WordPressの無料テーマAttitudeの使い方(フッターエリア使用方法)

18

1.WordPressの無料テーマAttitudeの使い方
2.WordPressの無料テーマAttitudeの使い方(固定ページ活用方法)
3.WordPressの無料テーマAttitudeの使い方(フッターエリア使用方法)
3回目の今回は、フッターエリアの使用方法になります。
正直言って、前回でAttitudeの使い方は大筋終わっていますが、
サイトとしての形ができるまでの説明と思って読んでください。
前回と同様の完成サイトのトップページを元に説明していきます。

制作サイト

業種:歯科医院
ページ数:10ページ程度

グローバルメニュー
・トップページ
・院長のあいさつ
・診療科目
—一般歯科
—小児歯科
—口臭歯科
—予防歯科
—歯周病
—ホワイトニング
・初めての患者様
・アクセス
・お問い合わせ

28

 

フッターエリア(病院名、住所、診療日)

 

29

 

ダッシュボード/ 外観 / ウィジェット

30

「カスタムウィジェット画面」に移り「Footer Sidebar」にウェジットパーツをドラッグ&ドロップします。
フッターエリアは3カラムなっています。

テキスト → 病院名
テキスト → 住所
Biz Calendar → 診療日

1.病院名
ダッシュボード / 外観  / ウィジェット / Footer Sidebar / テキスト

ダッシュボード / 外観  / ウィジェット / Footer Sidebar / テキスト
テキストの「▼」を押すと項目が出てきます。
タイトル部分に文字を入力して保存します。

31

 

2.住所
 ダッシュボード / 外観  / ウィジェット / Footer Sidebar / テキスト

テキストの「▼」を押すと項目が出てきます。
本文部分に文字を入力して保存します。

32

 

3.診療日
ウィジェットあるカレンダーはブログの更新を表示するカレンダーなので
診療日や営業日を表すカレンダーには使用できません。
プラグインをインストールして、診療日を表せる「Biz Calendar」使用します。

ダッシュボード / 外観  / ウィジェット / Footer Sidebar / Biz Calendar
Biz Calendarの「▼」を押すと項目が出てきます。
タイトル部分に文字を入力して保存します。
※カレンダー設定は別途行います。

33

ここまで、HTMLを一度も記入せずサイトが完成しました。
一応は見れるサイトになったのではないでしょうか。

ここから、部分的に色を変えたりレイアウトを調節したい場合は、
CSSなどの知識が必要となります。。

無料テーマAttitudeも万能ではないので、
勉強して自分好みのサイトに近づけてください。