常連

注目の的

社会貢献

質問力

回答者

拍手喝采

自己紹介

スマホアプリの開発(とくにSwiftによるiOSアプリ)の以下についてご教授ください。
・スマホアプリの開発工程、開発技法と、各工程で決定すべき事項
・各工程ごとの具体的な成果物の残し方(設計書やテスト仕様書、テスト結果等)



このような質問をした背景ですが、私はCOBOLやJavaなどによる業務アプリケーションの開発を事業の中心とする会社に勤めております。私自身もCOBOL一辺倒の仕事をしておりましたが、この度、社内で初めてスマホアプリの開発を行う部署を立ち上げ、そこに異動することとなりました。

SwiftによるiOSアプリの開発は独学で趣味でポチポチ作る程度はできますが、仕事としてのアプリケーション開発についてはズブの素人のため、開発工程や技法についてのノウハウが無い状態です。

これまで、完全なウォーターフォールによる開発しか経験しておりませんが、スマホアプリの開発においては必ずしもウォーターフォールが当てはまるとは思っておらず、模索している最中です。

そこで、上記のような質問をすることとなりました。
大変大雑把かつ概念的な質問であることは重々承知しておりますが、社内でのノウハウ作りをゼロから始めるこのような機会はなかなか無いので、なんとかモノにしたいも考えております。

Swiftの解説や簡単なアプリの製造部分については一般的な書籍が多数販売されておりますが、そこに至るまでの設計段階やテスト工程についてはあまり書籍がない印象です。

具体的なサンプルアプリを元に、設計からテストまでの一連の考え方や成果物の残し方を学べる解説書がありましたらご教授ください。

なお、現状はSwiftによるiOSアプリの開発を進めるので、それに直接当てはまるアドバイスいただけたら大変ありがたいです。また、当てはまらない場合も「Androidはこうしている」や「Webアプリはこうしている」など応用できることがありましたら、ぜひ宜しくお願いします。

スマホアプリの開発工程、技法について

Raspberry pi 3 Model B ver1.2を使っています。人感センサを4つ四角い箱の側面にそれぞれ取り付け、そのうちの隣り合う2つが反応したら写真を撮るというものを実験で作っています。

![![イメージ説明](67320a5754e19af506f8ae7219de06d0.png)

反応したらLEDを点ける、写真を撮るというところまでは出来たのですが、カメラに映っている景色？プレビュー？というのでしょうか、それをモニターに映したいのですが、うまくいかずプログラムがすぐに終了してしまいます。

↓エラー文です
```エラー文
Traceback (most recent call last):
  File "thread1.py", line 69, in <module>
    thread1.start()
  File "/usr/lib/python2.7/threading.py", line 739, in start
    raise RuntimeError("threads can only be started once")
RuntimeError: threads can only be started once
```
thread1.pyという名前のプログラム名です。

人感センサ、撮影は別で、プレビューを常に画面に表示しておきたいです。スレッドを使えばいいのでしょうか？

後、出来ればプレビューのサイズを小さくしたいと思っています。（画面の大半が占拠されるので）

```python
#!/usr/local/bin/python
# -*- coding: utf-8 -*-

import RPi.GPIO as GPIO
import time

#Cursesの文字化け対策
import curses
import locale

#カメラ
import picamera
import threading

SLEEPTIME = 1

#撮影画像サイズ
PIC_WIDTH = 800
PIC_HEIGHT = 600

#撮影画像保存場所
SAVEDIR = "/home/pi/kaihatsu/"

#人感センサ
SENSOR1_PIN = 17
SENSOR2_PIN = 18
SENSOR3_PIN = 27
SENSOR4_PIN = 22

#LED
LED1_PIN = 23
LED2_PIN = 24
LED3_PIN = 25
LED4_PIN = 10
 
GPIO.setmode(GPIO.BCM)

#人感センサピンの設定
GPIO.setup(SENSOR1_PIN, GPIO.IN, pull_up_down = GPIO.PUD_UP)
GPIO.setup(SENSOR2_PIN, GPIO.IN, pull_up_down = GPIO.PUD_UP)
GPIO.setup(SENSOR3_PIN, GPIO.IN, pull_up_down = GPIO.PUD_UP)
GPIO.setup(SENSOR4_PIN, GPIO.IN, pull_up_down = GPIO.PUD_UP)

#LEDピンの設定
GPIO.setup(LED1_PIN, GPIO.OUT)
GPIO.setup(LED2_PIN, GPIO.OUT)
GPIO.setup(LED3_PIN, GPIO.OUT)
GPIO.setup(LED4_PIN, GPIO.OUT)

#Cursesの文字化け対策
locale.setlocale(locale.LC_ALL, "")

cam = picamera.PiCamera()
cam.resolution = (PIC_WIDTH, PIC_HEIGHT)

#cam.hflip = True
cam.vflip = True

#-----------------------------------------------------------------------
def test():
  cam.start_preview()

thread1 = threading.Thread(target = test)

# main
if __name__ == "__main__":
  while True:
    try:
      thread1.start()
#      cam.start_preview()
      
      stdscr = curses.initscr()
      curses.noecho()

      stdscr.clear()

      stdscr.addstr(1, 0, '人感センサ1：%s：' % GPIO.input(SENSOR1_PIN))
      stdscr.addstr(2, 0, '人感センサ2：%s：' % GPIO.input(SENSOR2_PIN))
      stdscr.addstr(3, 0, '人感センサ3：%s：' % GPIO.input(SENSOR3_PIN))
      stdscr.addstr(4, 0, '人感センサ4：%s：' % GPIO.input(SENSOR4_PIN))

      stdscr.addstr(6, 2, '12時方向 ：')
      stdscr.addstr(7, 2, ' 3時方向 ：')
      stdscr.addstr(8, 2, ' 6時方向 ：')
      stdscr.addstr(9, 2, ' 9時方向 ：')

      #人感センサ1
      if(GPIO.input(SENSOR1_PIN) == GPIO.HIGH):
        stdscr.addstr(1, 16, '動物を感知しました')
        stdscr.refresh()
      #人感センサ2
      if(GPIO.input(SENSOR2_PIN) == GPIO.HIGH):
        stdscr.addstr(2, 16, '動物を感知しました')
        stdscr.refresh()
      #人感センサ3
      if(GPIO.input(SENSOR3_PIN) == GPIO.HIGH):
        stdscr.addstr(3, 16, '動物を感知しました')
        stdscr.refresh()
      #人感センサ4
      if(GPIO.input(SENSOR4_PIN) == GPIO.HIGH):
        stdscr.addstr(4, 16, '動物を感知しました')
        stdscr.refresh()
      
      #人感センサ1 & 4
      if(GPIO.input(SENSOR1_PIN) == GPIO.HIGH and GPIO.input(SENSOR4_PIN) == GPIO.HIGH):
        GPIO.output(LED1_PIN, GPIO.HIGH)
        stdscr.addstr(6, 16, '動物を感知しました')
        stdscr.refresh()
      elif(GPIO.input(SENSOR1_PIN) == GPIO.LOW and GPIO.input(SENSOR4_PIN) == GPIO.LOW):
        GPIO.output(LED1_PIN, GPIO.LOW)

      #人感センサ3 & 4
      if(GPIO.input(SENSOR3_PIN) == GPIO.HIGH and GPIO.input(SENSOR4_PIN) == GPIO.HIGH):
        GPIO.output(LED2_PIN, GPIO.HIGH)
        stdscr.addstr(7, 16, '動物を感知しました')
        stdscr.refresh()
        
        filename = time.strftime("%Y%m%d%H%M%S") + ".jpg"
        save_file = SAVEDIR + filename
        cam.capture(save_file)
      elif(GPIO.input(SENSOR3_PIN) == GPIO.LOW and GPIO.input(SENSOR4_PIN) == GPIO.LOW):
        GPIO.output(LED2_PIN, GPIO.LOW)

      #人感センサ2 & 3
      if(GPIO.input(SENSOR2_PIN) == GPIO.HIGH and GPIO.input(SENSOR3_PIN) == GPIO.HIGH):
        GPIO.output(LED3_PIN, GPIO.HIGH)
        stdscr.addstr(8, 16, '動物を感知しました')
        stdscr.refresh()
      elif(GPIO.input(SENSOR2_PIN) == GPIO.LOW and GPIO.input(SENSOR3_PIN) == GPIO.LOW):
        GPIO.output(LED3_PIN, GPIO.LOW)

      #人感センサ1 & 2
      if(GPIO.input(SENSOR1_PIN) == GPIO.HIGH and GPIO.input(SENSOR2_PIN) == GPIO.HIGH):
        GPIO.output(LED4_PIN, GPIO.HIGH)
        stdscr.addstr(9, 16, '動物を感知しました')
        stdscr.refresh()
      elif(GPIO.input(SENSOR1_PIN) == GPIO.LOW and GPIO.input(SENSOR2_PIN) == GPIO.LOW):
        GPIO.output(LED4_PIN, GPIO.LOW)

      time.sleep(SLEEPTIME)

    except KeyboardInterrupt:
#      cam.stop_preview()
      thread1.join()
      GPIO.cleanup()

    finally:
      curses.echo()
      curses.endwin()


```

きたなくてすみません。スレッドをがんばってみた後がありますが、そこも含めてどうしたらよいかなど教えていただきたいです。
今は試しで、人感センサ3と4だけが反応した時に撮影するようになってます。

お願いします。

ラズパイ3 スレッドについて

jquery.xdomainajax.jsを使用して、別ドメインのページ内容をwebサイトに表示させていましたが、
先週から表示が出なくなりました。

確認したところ、APIが以下のメッセージを返していました。
message: "html table is no longer supported. See https://policies.yahoo.com/us/en/yahoo/terms/product-atos/yql/index.htm for YQL Terms of Use"

Yahoo API側の仕様変更が原因だと思われますが、
今後jquery.xdomainajax.jsを使用し、別ドメインのページを表示させるにはどうすればよろしいでしょうか？

jquery.xdomainajax.jsが使えなくなった

こんにちは。
分かりづらい標題ですが、スマートフォンやタブレットの利用を想定したWebサイトを構築する際に
解決したい問題で、具体的には以下のような内容です。

例えば入力フォームなどをタップしたときにソフトウェアキーボードが出現しますが、
通常であれば画面側が自動で、画面をフォーカスして入力フォームを拡大したり、
入力フォームがソフトウェアキーボードを邪魔しないように画面上部に移動するかと思います。

このたびそういったtextareaやinputが存在するページを作成したのですが、
このとき、ソフトウェアキーボードが入力フォームに重なってしまったり、
画面は軽く移動するものの、ソフトウェアキーボードの直上に入力フォームが来る程度しか移動せず
数字入力を行う際に誤って入力フォームをタップしてしまったりと、
何かと面倒なページとなってしまっております。

これについて何かうまい対応策などがあれば教えて頂きたいです。
表示ページにたくさん改行を付ければよいのでは？とも考えましたが、
想定しているページはスクロールなどが発生しないような、
一問一答アンケート式のようなページになっているため、
できればこのレイアウトも崩したくないと考えております。

利用OSはWindows 10 Tabletを想定しております。
ブラウザはGoogle Chromeです。

分かりづらいかもしれませんが、何卒よろしくお願いいたします。

キーボードで入力フォームが隠れてしまうことへの対処

お世話になります。
外部のフレームワークを用いずに、WEBアプリケーションの開発を行おうと考えています。

JAVAは初心者なのですが、
フレームワークを用いない開発として「JSP+Servlet」しかなかったところ、
最近（？）はJAVA純正のJSFといった選択肢が出ていると知りました。

文献を見る限りはJSFの方が便利そうですが、
Apacheで使えないことが影響しているのか、なんとなく流行っていないように感じます。

これから開発を行うとした場合、
JSFと「JSP+Servlet」のどちらがおすすめでしょうか。

ケースバイケースであれば、このケースはこちらがいいよ！といった助言をいただけると助かります。

ちなみに、普段はC#を使っているので、C#の知識はあります。
（JAVA初心者ですが、プログラム初心者ではないです）

よろしくお願いします。

JSFとJSP+Servletでは、どちらがおすすめですか？

###前提・実現したいこと
フラグメントを使用したいです。
setListAdapterの第三引数にJSONデータを取得するメソッドを起きましたが、
そのメソッドはvoid型で、スコープの関係上戻り値を取得できないことに気がつきました。

※第三引数自体にあるメソッド自体は戻り値があります。そのメソッドの中にvoid型メソッドがあり、そのメソッドはオーバライドされたものです。

###発生している問題・エラーメッセージ

ターミナル
```
06-02 10:31:19.326 7854-7854/station.around.aroundsatation I/System.out: あ
06-02 10:31:19.326 7854-7854/station.around.aroundsatation I/System.out: [] ★戻り値（スコープで空になってしまう。）★
06-02 10:31:19.326 7854-7854/station.around.aroundsatation I/System.out: い
```

###該当のソースコード
```Java

public class HttpConnect {

    public List<String> lists = new ArrayList<String>(); ★①

    public List<String> showMember(){★②戻り値があるメソッド
        Retrofit retrofit = new Retrofit.Builder()
                .baseUrl("http://candii.tk/")
                .addConverterFactory(GsonConverterFactory.create())
                .build();
        ImageClient service = retrofit.create(ImageClient.class);


        Call<List<ListImage>> call2 = service.listImages();
        System.out.println(service.listImages());

        call2.enqueue(new Callback<List<ListImage>>() {
            @Override
            public void onResponse(Call<List<ListImage>> call, Response<List<ListImage>> response) { ★③戻り値がないメソッド
                List<ListImage> listImage = response.body();
                System.out.println(response.body());
                int s = listImage.size();


                for(int i = 0; i < s; i++){
                    Log.d("debug3", listImage.get(i).toString());
                    System.out.println(listImage.get(i).getEn_title());
                    lists.add(listImage.get(i).getEn_title());
                }

            }

            @Override
            public void onFailure(Call<List<ListImage>> call, Throwable t) {
                Log.d("debug4", t.getMessage());
            }
        });
        System.out.println("あ");
        System.out.println(lists); ★④空になる。
        System.out.println("い");
        return lists;
    }

}
```

Retrofit2を使っています。
③のメソッドを戻り値ありに変更できず、結果①で定義した変数に③で取得した配列を格納できず、
②メソッドの戻り値が空になります。



③から②へ値を渡す方法に関してご助言をいただきたいです！




ちなみにフラグメントはこのような形で行ってます。
```Java
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    //リストフラグメントの生成(2)
    public static class TitlesFragment extends ListFragment {
        private int pos = -1;
        public HttpConnect hc = new HttpConnect();

        //アクティビティ生成完了時に呼ばれる(3)
        @Override
        public void onActivityCreated(Bundle bundle) {
            super.onActivityCreated(bundle);
            setListAdapter(new ArrayAdapter<String>(getActivity(),
                    android.R.layout.simple_list_item_activated_1,
                    (List<String>)hc.showMember())); ★★
            getListView().setChoiceMode(ListView.CHOICE_MODE_SINGLE);
            getListView().setBackgroundColor(Color.LTGRAY);
            if (isTablet(getActivity())) showDetails(0);
        }
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
```


よろしくお願いします。



### 追加

以下の記事のようにonResponseメソッド内でViewに値を設定するのが良いのでしょうか。
ただ、以下のやり方だとフラグメントは使えなさそうな木がするのですが、

[Android:Retrofit2.0ではてなAPIとおしゃべりしてみた](http://blog.techium.jp/entry/2016/04/10/090000#Retrofitを設定する)


それともセッターを作った方がいいんでしょうか。

オーバライドされた、voidメソッドから戻り値を取りたいです。

###疑問点
度々の質問失礼致します。
アプリ開発が進んでおり、ただいま実機テストの段階です。

実機に搭載してアプリを起動しようとした時、
一度背景が一色に染まると思うのですが、
この時友人が製作中のアプリと私が製作中のアプリを起動した時
友人が黒一色、私が白一色になります。

これはアプリの最初の画面の色と関係があったりするのでしょうか？

些細な疑問かつプログラムの質問でなく大変申し訳ございません。
色々調べてみたのですが、どうしてもそのような記事がございませんでしたので、
もし知っている方、もしくはここだと乗ってるという方いらっしゃいましたら
ご教示いただけると大変ありがたいです。

宜しくお願い致します。