Pages

【修正版】Swiftで始めるTwitterアプリ事始め(パート1)

2014年6月10日火曜日
AppBankさんのツイッターアプリを作ろう。誰でもわかるiPhone開発講座という記事がとても解かり易かったので、参考に Swift 版の記事を作成しました。
何回かに分けて記事を書いていこうと思いますので、気長にお付き合いください。

2014-06-10
Apple社のNDAに違反いるとのご指摘を受け、ブログ内から抵触するスクリーンショットを削除致しました。指摘してくださったみなさま、ありがとうございました。

はじめに

はじめに、この記事を読み始めるにあたって、既にXcode 6.0 β版がインストール済みであることを確認しておいてください。

目次

今回の記事で取り上げるのはこの2つです。
  • プロジェクトの作成
  • タイムライン表示画面の作成

プロジェクトの作成


  1. Xcode 6.0 β版を起動起動して "Create a new Xcode project"をクリックします。
  2. 左側のプロジェクトの種類から[iOS]-[Application]をクリックをします。
  3. "Single View Application" → OKの順にクリックします。
  4. [Product Name]に"Twift"と入力します。(作成するアプリの名前です。もちろんTwift以外もOK)
  5. [Language]から"Swift"を選択します。
  6. [Use Core Data]にチェックが入っていないことを確認して、OKをクリックします。
  7. プロジェクトの保存先を選択して、Createをクリックします
  8. 作成したプロジェクトの設定画面が開かれます。

タイムライン表示画面の作成

不要なViewControllerの削除


  1. まずは、テンプレートで作成されたViewをストーリーボードから削除します。
  2. "Main.storyboard"をクリックします。
  3. ステータスバーをクリックして、"View Controller"を選択します。
  4. [Delete]キーを押して、選択した"View Contorller"を削除します。

タイムラインを表示するTable View Controllerの追加


  1. Twitterから取得したタイムラインを表示する画面を作成します。
  2. ドラッグ・アンド・ドロップして、"Table View Controller"を追加します。
  3. Table View Controller がストーリーボードに追加されます。

ナビゲーションバーの追加


  1. ストーリーボードに"Navigation Controller"を追加します。
  2. Xcodeメニューから[Editor]-[Embed In]-[Navigation Controller]を選択します。
  3. "Navigation Controller"が追加されます。

 ツイートボタンの追加


  1. 画面にツイートボタンを追加します。
  2. "Bar Button Item" を "Table View Controller" の右上にドラッグ・アンド・ドロップします。
  3. 画面の右上にドラッグ・アンド・ドロップした"Bar Button Item"が追加されます。
  4. [Bar Button Item]、[Attrbutes inspector]、[Identifer]-[Compose]の順にクリックします。
  5. Compose を選択すると、ボタンのアイコンが変わります。

以上で、ストーリーボードを使ったアプリ画面の作成は完了になります。
次回は、イベント毎にイベントをプログラミングしていこうと思います。

0 件のコメント:

コメントを投稿