OSXでのOpen Web Board開発環境の構築

Created Date: 2014-11-19/ updated date: 2014-11-23
  • Medium img 1210
Owner & Collaborators
License
By sa
Summary

Materials

    Tools

      Blueprints

        Making

        • Android SDKのダウンロード

          0
          Thumb 7722037Thumb 9839927Thumb img7affbb8azikbzjThumb 4831340
          Get the Android SDKのリンク を開き、「Download Eclipse ADT」をクリックします。
          Small android sdk 01
          • Annotation without title

            0
            Thumb 7722037Thumb img7affbb8azikbzj
            規約を確認してチェックをいれます。

            そしてDownload~をクリックします。
            Small android sdk 02
          • Annotation without title

            0
            Thumb 7722037Thumb img7affbb8azikbzj
            アプリケーションで開く」にチェックが入っていることを確認して、
            「OK」をクリックします。
            Small android sdk 03
          • Annotation without title

            0
            Thumb 7722037Thumb img7affbb8azikbzjThumb 4831340
            Firefoxブラウザの右上にダウンロード中のアイコンが出てくるので、少し待ちます。

            ダウンロードが完了するとFinderが開きます。(次の説明を参照)
            Small android sdk 04
        • ファイルの移動

          0
          Thumb 7722037Thumb img7affbb8azikbzj
          Finderが開いたら、ダウンロードフォルダに

          adt-bundle...が作られたことを確認して、それを開いてください。
          Small android sdk 05
          • Annotation without title

            0
            Thumb 7722037Thumb img7affbb8azikbzj
            中にeclipseとsdkがあるので、

            sdkeclipseに入れてください。
            Small android sdk 06
          • Annotation without title

            0
            Thumb 7722037
            eclipseをアプリケーションフォルダに移動させて、
            その後ダウンロードフォルダを開いてください。
            Small android sdk 07
          • Annotation without title

            0
            Thumb 7722037
            adt-bundle...を右クリックして、
            「ゴミ箱に入れる」をクリックします。
            Small android sdk 08
        • パスを通す

          0
          Thumb 7722037
          アプリケーションフォルダに移動して、
          ユーティリティを開いてください。
          Small android sdk 09
          • Annotation without title

            0
            Thumb 7722037
            ターミナルを開いてください。
            Small android sdk 10
          • Annotation without title

            0
            Thumb 7722037Thumb 7722020Thumb img7affbb8azikbzj
            最初に「cd ~」(cdと~の間に半角スペースが入ります)と入力してreturnキーを押してください。

            その後、「pico .bash_profile」(picoの後に半角スペースが入ります)入力してreturnキーを押してください。
            Small android sdk 11
          • Annotation without title

            0
            Thumb 7722037
            画面が切り替わるので、
            「export PATH=$PATH:/Applications/eclipse/sdk/platform-tools」
            と入力してください。
            Small android sdk 12
          • Annotation without title

            0
            Thumb 7722037Thumb img7affbb8azikbzj
            Controlキーを押しながら「 o 」を押してください。

            すると図のようになるのでreturnキーを押してください。

            そのあとControlキーを押しながら「 x 」を押してください。
            Small android sdk 13
        • ターミナルの起動

          0
          Thumb 9839927Thumb 7722020Thumb img7affbb8azikbzj
          OSXの検索機能であるSpotlightを使ってターミナルを起動します。

          まず、右上の虫眼鏡のアイコンをクリックしてください。
          Small     2014 11 19 17 22
          • Annotation without title

            0
            Thumb 9839927Thumb 7722020Thumb img7affbb8azikbzj
            左画像の右上のようなダイアログボックスが出てくるので、

            カタカナで「ターミナル」と入力し、

            そのままreturnを押すか、下に表示されている黒いアイコンの"ターミナル"をクリックしてください。

            Small           2014 11 19 17 43 21
          • Annotation without title

            0
            Thumb 9839927Thumb 7722020
            ターミナルが起動され、ウィンドウが表示されます。
            Small 3
        • adbコマンドのテスト

          0
          Thumb 9839927Thumb img7affbb8azikbzj
          adbコマンドを実際に実行し確認します

          adbと入力し、Enterキーを押してください。
          Small 4
          • Annotation without title

            0
            Thumb 9839927Thumb 7722020Thumb img7affbb8azikbzjThumb 4831340
            正しく設定されていると画像のようにターミナル上にたくさん英語の文章が表示されます。

            正しく実行できない(-bash: adb: command not foundなどと表示される)場合はandroid SDKの設定を見直してください。
            Small 5
        • adb_usb.iniの編集

          0
          Thumb 9839927Thumb img7affbb8azikbzjThumb 4831340
          cdコマンドで~/.android/ディレクトリに移動します

          cd ~/.android   と入力し(cdと~の間に半角スペースが入ります)、Enterキーを押してください。
          Small 6
          • Annotation without title

            0
            Thumb 9839927Thumb img7affbb8azikbzj
            エディタ「nano」を使ってadb_usb.iniを編集します。

            nano adb_usb.ini   と入力し、Enterキーを押してください。
            Small 7
          • Annotation without title

            0
            Thumb 9839927Thumb img7affbb8azikbzjThumb 4831340
            起動したnanoでadb_usb.iniを編集します。

            0x2207  と入力してください。その際、改行を入れないように注意してください。

            入力後、enterキーを押さないでください!! エラーの元になります
            Small 8
          • Annotation without title

            0
            Thumb 9839927Thumb img7affbb8azikbzj
            編集したファイルを保存します。

            1. controlキーO キーを同時に押してください。

            2. File Name to~ が表示るのを確認したら、Enterキーを押します。
            Small 9
          • Annotation without title

            0
            Thumb 9839927Thumb img7affbb8azikbzj
            nanoを終了します。

            下方に「Wrote 1 line」と表示されたら、controlキーXキーを同時に押し、終了します。
            Small 10
        Add Card Order

        References

          Usages

          • 準備OK!?

            Thumb 9839927
            開発を楽しみましょう!
          Convert State

           to Annotation.

          Select the numebr of the state to annotate.

          OK
          cancel
          Loading

          facebook

          , data-width="400", data-show-faces="true" data-send="true"
          , data-width="400", data-order-by="reverse_time"