常連

注目の的

社会貢献

質問力

自己紹介

## 環境、構成
[フロントエンド]
Rails4
UI、バックエンド(WebAPI)とのやり取りを担当

[バックエンド]
Rails4
フロントエンドからリクエストを受け付けてJSONを返すWebAPI

## 質問内容
上記のような構成で認証が必要なWebアプリケーションを開発しているのですが、
ユーザ認証関連の処理でどうするのがよいのか不明な点があるので質問させて頂きます。

現状、以下のような流れでユーザ認証処理を実装しています。
1. フロントエンドでログインフォームにID、パスワードを入力してSubmit
1. SubmitされたID、パスワードをバックエンドにPOST
1. バックエンドはPOSTされてきたID、パスワードで認証処理を行い、認証に成功すればアクセストークン等の認証情報をJSONで返す
1. フロントエンドは返ってきた認証情報を保持し、認証済みでないとアクセスできないページに移動

この流れの4.が不明な点でして、バックエンドから返ってきた認証情報はフロントエンドでどのように保持すればいいのでしょうか？
今は単純に認証情報をセッションに保存してページ移動の度にバックエンドに認証情報の整合性チェックをリクエストする、といった方法で実現しています。
これでも普通に要求を満たした動作はしているので問題は無いのですが、`セッションで保持する`ということに漠然とした不安があります。

フロントエンドとバックエンドが分離していない、RailsのModel, View, Controllerを用いたシンプルなアプリケーションの場合は
認証情報はセッションに保持するのが普通だと思いますが、
今回のような構成でも認証情報の保持にセッションを使うのは普通なのでしょうか？

## そもそもの話
フロントエンドにRailsを使わずにAngularJSやVue.jsなどのJSフレームワークを使えばこのようなことを気にする必要もないのでしょうか？
「まずフロントエンドにRailsを使っていたらバックエンドと分離する意味が無くない？」と思われるかもしれませんが、
私がフロントエンドに疎いサーバサイド寄りのレガシーなエンジニアでして、とりあえず動くものを作るためにフロントエンドもRailsで構築しました。
いずれはJSフレームワーク等で置き換えるつもりではあります。


以上、ご回答頂ければ幸いです。

WebAPIのユーザ認証

以下画像の吹き出しのメッセージをコピーしたいですがマウスでドラッグしようとすると消えてしまいます。宜しくお願いいたします。
![イメージ説明](3cf8764b0754b1bdb1c6b6f4f2b8fa62.png)

Android studioのエラーをコピーするには？

###前提・実現したいこと
SJISのCSVをJavacript内（UTF-8）で正常に読み込むことが目的
csvファイルは必ずSJISでないといけない制約があります

###発生している問題・エラーメッセージ
SJISのcsvをjQueryで読み込んだところ文字化けしてしまった

###該当のCSV
```csv
id,住所,名前
1,東京都,山田花子
```

###試したこと
日本の方がencoding.jsという変換ツールを作ってくれたみたいなのですが、
ファイル容量が200KB以上ある重いプラグインのようで、使うのを躊躇しています↓
[encoding.js](http://polygon-planet-log.blogspot.jp/2014/11/javascript-encoding-js-1012.html)

何か良い対策があれば教えていただけないでしょうか。よろしくお願いいたします。

CSVファイルをjQueryで読み込むと文字化けする

###自動セッションログアウトについてご質問です

管理画面にて、一定の操作等が行われなかった際、
自動的にログアウトさせる方法を教えていただきたいです。

現在、
ログイン画面
ログイン後のページ2〜3ページ作成
はしているのですが、
一定の操作を行わなかった際、ログアウトになりません。
色々調べてはいますが、
php初心者で関数に関する意味がいまいち理解に苦しんでおります。

ログイン画面もしくはログイン後のページに
「一定の操作が行わなかった場合」の
php分岐を記載しないと自動ログアウトは実行されないのでしょうか？

よろしくお願いいたします。

php 自動ログアウトについて

# 実現したいこと
スクショなどの画像の場合、下記のようなファイル名になってしまいアップロードエラーになってしまうのを改善したい。
``スクリーンショット 2019-04-27 4.51.31``
例えば、スクショ後に``image.png``といったように変換してアップするとアップできるのでファイル名の問題かなと思っています。
```js
<input style="display:none;" id="myfile" accept="image/png, image/jpg, image/jpeg" type="file" name="user[image]">
```

**知りたいこと**
ファイルアップ時に、jsでファイル名をランダムでもなんでもいいので書き換える方法があればどのようにしたら良いかご教示いただけると嬉しいです。

**困っていること**
ファイル名を変更する方法をいろいろ調べてみたのですが、関連する記事がなく困っています。

javascript: input fileでファイル名を変更する方法

# 概要
POSTで受信したデータを元に処理を実行するコードを書いています。送信元からの要件で5秒以内に応答が必要な為、処理に時間がかかるコードを非同期に実行して、先に送信元へ応答を済ませたいと考えています。

# コード
```
export const handler=async(event:any, context:Context, callback:Callback)=>{
    const order = JSON.parse(event.body)
    // 処理に時間のかかるコード
    await heavyMetod(order)
    callback(null, {
        statusCode: 200,
        headers: {'Access-Control-Allow-Origin':'*'},
        body:'Done'
      })
}

// puppeteerを使用するため実行時間が10秒ほど掛かってしまいます。
// この部分を非同期にバックグラウンドで実行したいと考えております。
const heavyMetod = async(data) =>{
    const browser = await chromium.puppeteer.launch({
       args: chromium.args,
       defaultViewport: chromium.defaultViewport,
       executablePath: await chromium.executablePath,
       headless: chromium.headless,
   })
   let page = await browser.newPage();
   await page.goto(data.url);
   const elem = await page.$x("//input[@name='auth']")

   if(Array.isArray(elem)){
       await Promise.all([
           elem[0].click(),
           page.waitForNavigation()
       ])
       console.log(await page.title())
   }else{
       await Promise.all([
           elem.click(),
           page.waitForNavigation()
       ])
       console.log(await page.title())
   }
   await browser.close()
}
```

# 試したこと
処理に時間のかかる関数(heavyMetod)を呼び出す際、await heavyMetod(order)部分をheavyMetod(order)に書き換えて実行してみましたが、同期して呼び出されており全体の実行時間は減りませんでした。

このheavyMetod自体はPromiseを返すのでローカル環境で実行した際は<pending>なります。
しかし、ライブ環境(Lambda)では全体の実行時間が減らない事から同期的に実行されていると思います。


# 質問
1. 上記のheavyMetodは非同期に実行出来ない理由についてご指摘頂けないでしょうか？
2. Lambda上では非同期関数も同期的に実行される事はありえますか？

宜しくお願い致します。

関数を非同期に処理する方法

このようなJavascriptでPHPの変数にアクセスができると思います。
```lang-JavaScript
<?php
$foo = "foo";
$bar = "bar";
?>

<script type="text/javascript">
alert("foo: " + "<?php echo $foo; ?>"); // or shortcut "<?= $foot ?>"
</script>
```
しかし、下のような外部のJavascriptのファイルを使う場合はどうでしょうか？
PHPの変数にアクセスすることはできるのでしょうか？

```lang-JavaScript
<script type="text/javascript" src="script.js"></script>

script.js
alert("color: " + "<?php echo $foo; ?>");
```

外部のJavascriptファイルからPHPの変数にアクセスする方法

ラジオボタンの背景ではなく、円丸の中の選択ポインタ？うまく説明できなくて申し訳ないのですが、色を黒から水色に変えたいと考えています。CSSを使う場合どのように指定してやればいいのでしょうか？ご回答宜しくお願い致します。

ラジオボタンの円丸の色の変更をしたい

Androidのアプリ開発において、APIキーなど、第三者に読まれたくない文字列などは、どのように保管するのが良いのでしょうか？

ググる限り、SharedPreferenceでxmlで持たせるとか、gradle.propertiesに記入してBuildConfigに持たせるとか、C++で書くのが一番安全だとか、いろいろ書いてありますが、xmlファイルやJavaファイルなんて逆コンパイルで簡単に読めるし、
C++で書くのは、ビルドの構成などから書き直さないといけないので、ちょっと重すぎます。

APIキーなど、機密度の高い情報は、どのように持つのが良いのでしょうか？
ベストプラクティスのようなものがあれば教えていただきたいです。

よろしくお願いします。

AndroidにおけるAPIキーなどのセキュアな保管

お世話になります。
MAMPとXAMPPの違いを調べているのですが、具体的な違いがわからなくてご教授頂けないでしょうか？

調べた所、MAMPがMACのOSに特化し、開発環境で、xamppがクロスプラッットフォームに対応した開発環境とのことですが、MAMPもwindows osでインストールできるようで違いがわからないでおります。

よろしくお願いいたします。

MAMPとXAMPPの違いとは

動画撮影をしていて、撮影ファイル数が450本になったところでエラーが出ます。

対策としては

```java
 private void closePreviewSession() {

    if(mPreviewBuilder!=null) {
      mPreviewBuilder.removeTarget(previewSurface);
      mPreviewBuilder = null;
      previewSurface.release();
      previewSurface = null;
    }

    if(mPreviewSession!=null) {
      try {
        mPreviewSession.stopRepeating();
        mPreviewSession.abortCaptures();
      } catch (CameraAccessException e) {
        e.printStackTrace();
      }

    }


    if (mPreviewSession != null) {
      mPreviewSession.close();
      mPreviewSession = null;
    }
  }
```
や
```java
  private void closeCamera() {
    try {
      mCameraOpenCloseLock.acquire();

      if (null != mCameraDevice) {
        mCameraDevice.close();
        mCameraDevice = null;
      }
      if (null != mMediaRecorder) {

        Log.e(TAG,"test now Release");
        mMediaRecorder.release();
        mMediaRecorder = null;
      }
    } catch (InterruptedException e) {
      throw new RuntimeException("Interrupted while trying to lock camera closing.");
    } finally {
      mCameraOpenCloseLock.release();
    }
  }
```
これら上記の2つのメソッドを、動画の撮影フォルダの変更のつどつど呼び出しています。
しかし、450本の動画を取った後に、too many open files エラーが出ます。

エラーは調べつくしました。実験は50回はやっています。全て445回から453回以内に同じエラーが怒っています。どうぞよろしくお願いします。

自分の中では、原因はCGが呼ばれていないのかと思っています。ただnullをセットしているのでなぜ呼ばれないかが疑問です。

![イメージ説明](efad7d41faf218a77d74fe06ffd0fffe.png)


![イメージ説明](eb4f9382fd7895ea70fd1c8df421c9bb.png)

1秒の動画を450本撮影した後に、too many open files エラーが出ます。

### 前提・実現したいこと
androidのプッシュ機能を使うためにfirebaseを実装しようと思い、以下のサイトを参考に環境設定をしました。
https://blog.codecamp.jp/programming-first-android-app-development
その際に以下のようなエラーが発生しました。
### 発生している問題・エラーメッセージ

```
Manifest merger failed : Attribute application@appComponentFactory value=(android.support.v4.app.CoreComponentFactory) from [com.android.support:support-compat:28.0.0] AndroidManifest.xml:22:18-91
	is also present at [androidx.core:core:1.0.0] AndroidManifest.xml:22:18-86 value=(androidx.core.app.CoreComponentFactory).
	Suggestion: add 'tools:replace="android:appComponentFactory"' to <application> element at AndroidManifest.xml:6:5-20:19 to override.

```

最後の指示通り、「tools:replace="android:appComponentFactory」をManifest.xmlに加えところ、次は以下のようなエラーメッセージが出てきました。
```ここに言語を入力
Error:Execution failed for task ':app:processDebugManifest'.
> Manifest merger failed with multiple errors, see logs
```
以下のサイトが同じような状況でしたが、「compile 'com.google.android.gms:play-services-ads:8.1.0'」が見つからず自分のケースには適用することができませんでした。
https://teratail.com/questions/50380
プロジェクトとモジュールのbuild.gradleのソースコードとManifest.xmlのソースコードは以下のようになっています。
### 該当のソースコード

build.gradle(プロジェクト)
```ここに言語名を入力
// Top-level build file where you can add configuration options common to all sub-projects/modules.

buildscript {
    repositories {
        google()
        jcenter()
        
    }
    dependencies {
        classpath 'com.android.tools.build:gradle:3.3.0'
        classpath 'com.google.gms:google-services:4.3.2'
        // NOTE: Do not place your application dependencies here; they belong
        // in the individual module build.gradle files
    }
}

allprojects {
    repositories {
        google()
        jcenter()
        
    }
}

task clean(type: Delete) {
    delete rootProject.buildDir
}

```
build.gradle(app)
```ここに言語を入力
apply plugin: 'com.android.application'

android {
    compileSdkVersion 28
    defaultConfig {
        applicationId "com.example.yoriai.mysecondapp"
        minSdkVersion 21
        targetSdkVersion 28
        versionCode 1
        versionName "1.0"
        testInstrumentationRunner "android.support.test.runner.AndroidJUnitRunner"
    }
    buildTypes {
        release {
            minifyEnabled false
            proguardFiles getDefaultProguardFile('proguard-android-optimize.txt'), 'proguard-rules.pro'
        }
    }
}

dependencies {
    implementation fileTree(dir: 'libs', include: ['*.jar'])
    implementation 'com.android.support:appcompat-v7:28.0.0'
    implementation 'com.google.firebase:firebase-analytics:17.2.0'
    implementation 'com.android.support.constraint:constraint-layout:1.1.3'
    testImplementation 'junit:junit:4.12'
    androidTestImplementation 'com.android.support.test:runner:1.0.2'
    androidTestImplementation 'com.android.support.test.espresso:espresso-core:3.0.2'
}
apply plugin: 'com.google.gms.google-services'
```
Manifest.xml
```ここに言語を入力
<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"

    package="com.example.yoriai.mysecondapp">

    <application
        android:allowBackup="true"
        android:icon="@mipmap/ic_launcher"
        android:label="@string/app_name"
        android:roundIcon="@mipmap/ic_launcher_round"
        android:supportsRtl="true"
        android:theme="@style/AppTheme">
        <activity android:name=".MainActivity">
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
    </application>

</manifest>
```

宜しくお願いします。
### 試したこと

ここに問題に対して試したことを記載してください。

### 補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

ビルド時にManifest merger failed with multiple errorsエラーが発生

###前提・実現したいこと
androidのカメラ開発を行っています。
camera2のAPIで基本的な動作は実装済みで、ズーム機能も付加しようと思い開発していますが、ズームした状態でシャッターボタンを押してもズーム前の画像が撮影されてしまいます。
お力をお貸しいただけないでしょうか。

###仕様
・横向きで撮影。解像度は1280*960固定
・アプリ自体はwebView
・撮影→プレビュー確認→再撮影又は保存して次の画像を撮影　の連続撮影機能あり

```Java
public class TakePictureActivity extends Activity {

	RelativeLayout wrapper;
	static final String TAG = "TakePictureActivity";
    private Size mPreviewSize;

	private TextureView mTextureView;
    private CameraDevice mCameraDevice;
	private CaptureRequest.Builder mPreviewBuilder;
	private CameraCaptureSession mPreviewSession;

	private Button mBtnShot;            //撮影ボタン
	Resources res;
	private TextView mTextViewPictName; //キャプション

    static final int CAM_WIDTH = 1280;
    static final int CAM_HEIGHT = 960;

	boolean zoomFlg = false;
	private int zoomTop = 0;
	private int zoomLeft = 0;
    //画像の順番を管理
	private String mCurrentImageId;
	private String base64img;

	static int camIdx = 0;
	CameraCharacteristics characteristics;

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.take_picture_activity);
		res = getResources();

		this.wrapper = (RelativeLayout) findViewById(R.id.wrapper);

		mTextureView = (TextureView) findViewById(R.id.takepicture_texture_view);
		mTextureView.setSurfaceTextureListener(mSurfaceTextureListener);

		//撮影ボタンクリック時の処理
		this.mBtnShot = (Button) findViewById(R.id.takepicture_btn_shoot);
		this.mBtnShot.setOnClickListener(new OnClickListener() {
			@Override
			public void onClick(View v) {
				takePicture();
			}
		});

		this.setContentView(this.wrapper);
	}

	/**
	 * textureViewのサイズを変更
	 */
	private void changeTextureView(int dstWidth, int dstHeight) {
		int tw = mTextureView.getWidth();
		int th = mTextureView.getHeight();
		{
			int tmp = tw;
			tw = th;
			th = tmp;
		}
		double srcRatio = (double) dstHeight / dstWidth;
		double tRatio = (double) th / tw;
		int dw, dh;
		if(tRatio < srcRatio) {
			dw = (int) (th / srcRatio);
			dh = th;
		}
		else {
			dw = tw;
			dh = (int) (dw * srcRatio);
		}
		mTextureView.setScaleY((float) dw / tw);
		mTextureView.setScaleX((float) dh / th);
	}

	private void takePicture() {

		if(mCameraDevice == null){
			Log.e(TAG, "mCameraDevice is null");
			return;
		}

		CameraManager manager = (CameraManager) getSystemService(Context.CAMERA_SERVICE);
		try {
			characteristics = manager.getCameraCharacteristics(mCameraDevice.getId());

	        ImageReader reader = ImageReader.newInstance(CAM_WIDTH, CAM_HEIGHT, ImageFormat.JPEG, 1);
			List<Surface> outputSurfaces = new ArrayList<>();
			outputSurfaces.add(reader.getSurface());
			outputSurfaces.add(new Surface(mTextureView.getSurfaceTexture()));

			final CaptureRequest.Builder captureBuilder = mCameraDevice.createCaptureRequest(CameraDevice.TEMPLATE_STILL_CAPTURE);
			captureBuilder.addTarget(reader.getSurface());
			captureBuilder.set(CaptureRequest.CONTROL_MODE, CameraMetadata.CONTROL_MODE_AUTO);

			ImageReader.OnImageAvailableListener readerListener = new ImageReader.OnImageAvailableListener() {
				@Override
				public void onImageAvailable(ImageReader reader) {
					Image image = reader.acquireLatestImage();

					ByteBuffer buffer = image.getPlanes()[0].getBuffer();
					byte bytes[] = new byte[buffer.capacity()];
					buffer.get(bytes);

					if (!zoomFlg) {
						zoomTop = 0;
						zoomLeft = 0;
					}
					if (zoomLeft > zoomTop) {
						int tmp = zoomTop;
						zoomTop = zoomLeft;
						zoomLeft = tmp;
					}

					//TODO: メンテンス案件: Image からのクロップ 拡大率対応が必要
					Bitmap bmp = BitmapFactory.decodeByteArray(bytes, 0, bytes.length);

					// 希望するサイズを画像から得る
					int srcWidth = image.getWidth();
					int srcHeight = image.getHeight();

					Bitmap rotBmp = Bitmap.createBitmap(cropMap, 0, 0, srcWidth, srcHeight, null, true);

					ByteArrayOutputStream baos = new ByteArrayOutputStream();
					rotBmp.compress(CompressFormat.JPEG, 90, baos);
					byte[] dstBytes = baos.toByteArray();

					String base64Str = Base64.encodeToString(dstBytes, Base64.DEFAULT);
					base64img = "data:image/jpeg;base64," + base64Str;
					zoomFlg = false;
				}
			};

			HandlerThread thread = new HandlerThread("CameraCapture");
			thread.start();
			final Handler backgroundHandler = new Handler(thread.getLooper());
			reader.setOnImageAvailableListener(readerListener, backgroundHandler);

			final CameraCaptureSession.CaptureCallback captureListener = new CameraCaptureSession.CaptureCallback() {
				@Override
				public void onCaptureCompleted(CameraCaptureSession session, CaptureRequest request, TotalCaptureResult result) {
					super.onCaptureCompleted(session, request, result);
					Log.i(TAG, "onCaptureCompleted");
					mTextureView.setAlpha(1.0f);
					closeCamera();
				}

			};

			mCameraDevice.createCaptureSession(outputSurfaces, new CameraCaptureSession.StateCallback() {
				@Override
				public void onConfigured(CameraCaptureSession session) {
					try {
						session.capture(captureBuilder.build(), captureListener, backgroundHandler);
					} catch (CameraAccessException e){
						e.printStackTrace();
					}
				}

				@Override
				public void onConfigureFailed(CameraCaptureSession session) {
				}
			}, backgroundHandler);
		} catch (CameraAccessException e){
			e.printStackTrace();
		}
	}

	private TextureView.SurfaceTextureListener mSurfaceTextureListener = new TextureView.SurfaceTextureListener() {
        @Override
        public void onSurfaceTextureAvailable(SurfaceTexture surface, int width, int height) {
            openCamera();
        }
		@Override
		public void onSurfaceTextureUpdated(SurfaceTexture surface) { }
		@Override
		public void onSurfaceTextureSizeChanged(SurfaceTexture surface, int width, int height) { }
		@Override
		public boolean onSurfaceTextureDestroyed(SurfaceTexture surface) {
			return false;
		}
	};

	private void setupZoomHandler(CameraCharacteristics cameraCharacteristics) {
		ActiveArrayZoomHandlerBuilder.forView(mTextureView)
				.setActiveArraySize(cameraCharacteristics.get(CameraCharacteristics.SENSOR_INFO_ACTIVE_ARRAY_SIZE))
				.setMaxZoom(cameraCharacteristics.get(CameraCharacteristics.SCALER_AVAILABLE_MAX_DIGITAL_ZOOM ) * 10)
				.setZoomListener(new ActiveArrayZoomHandler.IZoomHandlerListener() {
					@Override
					public void onZoomChanged(Rect zoom) {
						mPreviewBuilder.set(CaptureRequest.SCALER_CROP_REGION, zoom);
						zoomTop = zoom.top;
						zoomLeft = zoom.left;
						zoomFlg = true;
						updatePreview();
					}
				}).build();
	}

	private void openCamera() {
		CameraManager manager = (CameraManager) getSystemService(Context.CAMERA_SERVICE);
		try {
			String camId = manager.getCameraIdList()[camIdx % manager.getCameraIdList().length];
			manager.openCamera(camId, mStateCallback, null);
		} catch (CameraAccessException e){
		} catch (Exception e) {
			closeCamera();
		}
	}

    /**
     * カメラ終了時の処理
     */
	private void closeCamera(){
		if(mCameraDevice == null) {
			Log.e(TAG, "mCameraDevice is already closed.");
			return;
		}
		mCameraDevice.close();
	}

	private CameraDevice.StateCallback mStateCallback = new CameraDevice.StateCallback() {
		@Override
		public void onOpened(CameraDevice camera) {
			mCameraDevice = camera;
			Log.i(TAG, "mStateCallback.onOpened");
			startPreview();
		}
		@Override
		public void onError(CameraDevice camera, int error) {
			Log.e(TAG, "error: " + error);
		}
		@Override
		public void onDisconnected(CameraDevice camera) { }
	};

    /**
     * TextureViewに対しサイズを設定
     */
	protected void startPreview() {
		if(mCameraDevice == null || ! mTextureView.isAvailable()){
			Log.e(TAG,
					"▼▼▼startPreview failed. mCameraDevice: " + mCameraDevice
					+ ", mTextureView.isAvailable: " + mTextureView.isAvailable() + "▼▼▼"
			);
			return;
		}

		SurfaceTexture texture = mTextureView.getSurfaceTexture();
		if(texture == null){
			Log.e(TAG, "texture is null");
			return;
		}

        texture.setDefaultBufferSize(mPreviewSize.getWidth(), mPreviewSize.getHeight());
		Surface surface = new Surface(texture);

		try {
			mPreviewBuilder = mCameraDevice.createCaptureRequest(CameraDevice.TEMPLATE_PREVIEW);
			mPreviewBuilder.set(CaptureRequest.CONTROL_AF_MODE, CaptureRequest.CONTROL_AF_MODE_CONTINUOUS_PICTURE);
		} catch (CameraAccessException e){
			Log.e(TAG, "createCaptureRequest is failed.");
		}

		mPreviewBuilder.addTarget(surface);
		try {
			mCameraDevice.createCaptureSession(
					Arrays.asList(surface),
					new CameraCaptureSession.StateCallback() {
						@Override
						public void onConfigured(CameraCaptureSession session) {
							mPreviewSession = session;
							mPreviewBuilder.set(CaptureRequest.CONTROL_MODE, CameraMetadata.CONTROL_MODE_AUTO);
							updatePreview();
						}
						@Override
						public void onConfigureFailed(CameraCaptureSession session) {
							Toast.makeText(TakePictureActivity.this, "onConfigureFailed", Toast.LENGTH_SHORT).show();
						}
					},
					null
					);
		} catch (CameraAccessException e){
			Log.e(TAG, "createCaptureSession is failed.");
		}
	}

	private void updatePreview() {

		if(mCameraDevice == null) {
			Log.e(TAG, "mPreviewDevice is null");
			return;
		}

		//mPreviewBuilder.set(CaptureRequest.CONTROL_MODE, CameraMetadata.CONTROL_MODE_AUTO);
		HandlerThread thread = new HandlerThread("CameraPreview");
		thread.start();
		Handler backgroundHandler = new Handler(thread.getLooper());
		try {
			mPreviewSession.setRepeatingRequest(mPreviewBuilder.build(), null, backgroundHandler);
		} catch (CameraAccessException e){
		}
	}

}


```

ズーム機能自体は、別ファイルに分離しています。
BitmapFactory#decodeByteArrayでbitmapをクロップすればいい気がするのですが、うまく動作せず質問させていただきました。
よろしくお願い致します。

Androidのcamera2でズームした画像を保存したい

AndroidStudioを用いてカメラビューを行ってみたのですが、カメラが横を向いた状態になってしまい見づらい状態となっています。
個人的に調べて、カメラを回転できる方法を試したのですが、Camera.Parametersが非推奨なようでエラーが出てしまいます。
API23でカメラビューを回転させる方法は無いでしょうか。お願いいたします。



```Android Java
   public CameraView(Context context) {
        super(context);

        //サーフェイスホルダーの取得とコールバック通知先の指定
        surfaceHolder = getHolder();
        surfaceHolder.addCallback(this);
        // SurfaceViewの種別をプッシュバッファーに変更します
        surfaceHolder.setType(SurfaceHolder.SURFACE_TYPE_PUSH_BUFFERS);
        Camera.Parameters p = camera.getParameters();
        p.setRotation(90);
        camera.setParameters(p);
    }
```

エラー
java.lang.RuntimeException: Unable to start activity ComponentInfo{com.example.admin.arview2/com.example.admin.arview2.MainActivity}: java.lang.NullPointerException: Attempt to invoke virtual method 'android.hardware.Camera$Parameters android.hardware.Camera.getParameters()' on a null object reference

Androidアプリでカメラビューを縦に表示したい。

#使用条件等
使用端末:SONY xperiaZ5(Android7.0)カメラは最大60fps
openCV3.4.3
使用API:camera2
AndroidStudio3.1.3

##困っていること
Androidでカメラからの映像をopenCVを用いて色抽出処理を必要としています。
当初はopenCVによる入力方法を用いていましたがopenCVによる入力は低速で、フレームレートが低かったため(25fps程度)camera2APIを用いようとしています。最低でも安定して30fpsは必要としています。
以下のサンプルコードでcamera2によってプレビューするだけのプログラムで高フレームレート(openCV比で。数値は未確認)でのプレビューが可能であることが確認できています。

openCVの基本形式であるMAT形式にはbitmap(BitmapToMatメソッド)が使用できることがわかりました。
一方、サンプルプログラムで使用しているTextureViewから(getBitmapメソッド)を用いてbitmapが取得できるということを知りました。
これらを用いることでopenCVに画像データを渡せると考えていますが、サンプルコードのどの部分にどのような処理を書けばよいか理解ができていません。
上記を可能とする方法、あるいは別の解決法など、ご助言いただければ幸いです。

MainActivity.java
```lang-java

import android.app.Activity;
import android.content.Context;
import android.graphics.SurfaceTexture;
import android.hardware.camera2.CameraAccessException;
import android.hardware.camera2.CameraCaptureSession;
import android.hardware.camera2.CameraCharacteristics;
import android.hardware.camera2.CameraDevice;
import android.hardware.camera2.CameraManager;
import android.hardware.camera2.CaptureRequest;
import android.hardware.camera2.params.StreamConfigurationMap;
import android.os.Build;
import android.os.Bundle;
import android.os.Handler;
import android.os.HandlerThread;
import android.support.annotation.NonNull;
import android.util.Size;
import android.view.Surface;
import android.view.TextureView;
import android.view.View;
import android.view.WindowManager;
import android.widget.Toast;

import java.util.Collections;

public class MainActivity extends Activity {
    private Camera mCamera;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        if (Build.VERSION.SDK_INT >= 19) {
            View decor = this.getWindow().getDecorView();
            decor.setSystemUiVisibility(View.SYSTEM_UI_FLAG_HIDE_NAVIGATION | View.SYSTEM_UI_FLAG_FULLSCREEN | View.SYSTEM_UI_FLAG_IMMERSIVE_STICKY);
        } else {
            getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN, WindowManager.LayoutParams.FLAG_FULLSCREEN);
        }
        setContentView(R.layout.activity_main);

        TextureView textureView = (TextureView) findViewById(R.id.texture_view);
        textureView.setSurfaceTextureListener(new TextureView.SurfaceTextureListener() {
            @Override
            public void onSurfaceTextureAvailable(SurfaceTexture surface, int width, int height) {
                mCamera.open();
            }

            @Override
            public void onSurfaceTextureSizeChanged(SurfaceTexture surface, int width, int height) {}

            @Override
            public boolean onSurfaceTextureDestroyed(SurfaceTexture surface) {
                return false;
            }

            @Override
            public void onSurfaceTextureUpdated(SurfaceTexture surface) {}
        });

        mCamera = new Camera(textureView);
    }
    @Override
    protected void onResume() {//追記
        super.onResume();
        if (Build.VERSION.SDK_INT >= 19) {
            View decor = this.getWindow().getDecorView();
            decor.setSystemUiVisibility(View.SYSTEM_UI_FLAG_HIDE_NAVIGATION | View.SYSTEM_UI_FLAG_FULLSCREEN | View.SYSTEM_UI_FLAG_IMMERSIVE_STICKY);
        } else {
            getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN, WindowManager.LayoutParams.FLAG_FULLSCREEN);
        }
    }

    class Camera {
        private CameraDevice mCamera;
        private TextureView mTextureView;
        private Size mCameraSize;
        private CaptureRequest.Builder mPreviewBuilder;
        private CameraCaptureSession mPreviewSession;

        private CameraDevice.StateCallback mCameraDeviceCallback = new CameraDevice.StateCallback() {
            @Override
            public void onOpened(@NonNull CameraDevice camera) {
                mCamera = camera;
                createCaptureSession();
            }

            @Override
            public void onDisconnected(@NonNull CameraDevice camera) {
                camera.close();
                mCamera = null;
            }

            @Override
            public void onError(@NonNull CameraDevice camera, int error) {
                camera.close();
                mCamera = null;
            }
        };

        CameraCaptureSession.StateCallback mCameraCaptureSessionCallback = new CameraCaptureSession.StateCallback() {
            @Override
            public void onConfigured(@NonNull CameraCaptureSession session) {
                mPreviewSession = session;
                updatePreview();
            }

            @Override
            public void onConfigureFailed(@NonNull CameraCaptureSession session) {
                Toast.makeText(MainActivity.this, "onConfigureFailed", Toast.LENGTH_LONG).show();
            }
        };

        public Camera(TextureView textureView) {
            mTextureView = textureView;
        }

        public void open() {
            try {
                CameraManager manager = (CameraManager) getSystemService(Context.CAMERA_SERVICE);
                for (String cameraId : manager.getCameraIdList()) {
                    CameraCharacteristics characteristics = manager.getCameraCharacteristics(cameraId);
                    if (characteristics.get(CameraCharacteristics.LENS_FACING) == CameraCharacteristics.LENS_FACING_BACK) {
                        StreamConfigurationMap map = characteristics.get(CameraCharacteristics.SCALER_STREAM_CONFIGURATION_MAP);
                        mCameraSize = map.getOutputSizes(SurfaceTexture.class)[4];
                        manager.openCamera(cameraId, mCameraDeviceCallback, null);

                        return;
                    }
                }
            } catch (CameraAccessException e) {
                e.printStackTrace();
            }
        }

        private void createCaptureSession() {
            if (!mTextureView.isAvailable()) {
                return;
            }

            SurfaceTexture texture = mTextureView.getSurfaceTexture();
            texture.setDefaultBufferSize(mCameraSize.getWidth(), mCameraSize.getHeight());
            Surface surface = new Surface(texture);
            try {
                mPreviewBuilder = mCamera.createCaptureRequest(CameraDevice.TEMPLATE_PREVIEW);
            } catch (CameraAccessException e) {
                e.printStackTrace();
            }

            mPreviewBuilder.addTarget(surface);
            try {
                mCamera.createCaptureSession(Collections.singletonList(surface), mCameraCaptureSessionCallback, null);
            } catch (CameraAccessException e) {
                e.printStackTrace();
            }
        }

        private void updatePreview() {
            mPreviewBuilder.set(CaptureRequest.CONTROL_AF_MODE, CaptureRequest.CONTROL_AF_MODE_CONTINUOUS_PICTURE);
            HandlerThread thread = new HandlerThread("CameraPreview");
            thread.start();
            Handler backgroundHandler = new Handler(thread.getLooper());

            try {
                mPreviewSession.setRepeatingRequest(mPreviewBuilder.build(), null, backgroundHandler);
            } catch (CameraAccessException e) {
                e.printStackTrace();
            }
        }
    }
}
```

AndroidManifest.xml
```lang-xml
<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.example.kobayashi.camera2_highspeed_sumple">
    <uses-permission android:name="android.permission.CAMERA"/>

    <application
        android:allowBackup="true"
        android:icon="@mipmap/ic_launcher"
        android:label="@string/app_name"
        android:roundIcon="@mipmap/ic_launcher_round"
        android:supportsRtl="true"
        android:theme="@style/AppTheme">
        <activity android:name=".MainActivity">
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
    </application>

</manifest>
```

activity_main.xml
```lang-xml
<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <FrameLayout
        xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:tools="http://schemas.android.com/tools"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        tools:context="ueder.cameratest.MainActivity">

        <TextureView
            android:id="@+id/texture_view"
            android:layout_width="match_parent"
            android:layout_height="match_parent" />
    </FrameLayout>


</android.support.constraint.ConstraintLayout>
```

Android camera2で入力をし、openCVで処理できる形にしたい。

androidでwebAPIからJSONを取得してこようとしているのですがエラーが出てしまいなかなかパースするところまでたどり着けません
```
package com.example.seita_v.myapplication;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.TextView;

import java.net.MalformedURLException;
import java.net.URL;

public class MainActivity extends AppCompatActivity {

    TextView textView = null;
    Button  button = null;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        textView = (TextView)findViewById(R.id.textview);
        button = (Button)findViewById(R.id.button);

        button.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                try {
                    new testAsycTask().execute(new URL("http://weather.livedoor.com/forecast/webservice/json/v1?city=400040"));
                } catch (MalformedURLException e) {
                    e.printStackTrace();
                }
            }
        });

    }


}

```
```
package com.example.seita_v.myapplication;


import android.os.AsyncTask;
import android.util.Log;

import java.io.BufferedReader;
import java.io.IOException;
import java.io.InputStream;
import java.io.InputStreamReader;
import java.net.HttpURLConnection;
import java.net.MalformedURLException;
import java.net.ProtocolException;
import java.net.URL;

/**
 * Created by seita_v on 2016/10/12.
 */
public class testAsycTask extends AsyncTask<URL,Void,String> {
    @Override
    protected String doInBackground(URL...urls) {
        // 取得したテキストを格納する変数
        final StringBuilder result = new StringBuilder();
        // アクセス先URL
        final URL url = urls[0];

        HttpURLConnection con = null;
            try {
                // ローカル処理
                // コネクション取得
                con = (HttpURLConnection) url.openConnection();
                con.setDoInput(true);
                con.connect();

                // HTTPレスポンスコード
                final int status = con.getResponseCode();
                Log.d("debug",Integer.toString(status));
                if (status == HttpURLConnection.HTTP_OK) {

                    Log.d("debug",result.toString());

                    // 通信に成功した
                    // テキストを取得する
                    final InputStream in = con.getInputStream();
                    final String encoding = con.getContentEncoding();
                    final InputStreamReader inReader = new InputStreamReader(in, encoding);
                    final BufferedReader bufReader = new BufferedReader(inReader);
                    String line = null;
                    // 1行ずつテキストを読み込む
                    while ((line = bufReader.readLine()) != null) {
                        result.append(line);
                    }
                    bufReader.close();
                    inReader.close();
                    in.close();
                }
                Log.d("debug",result.toString());

            } catch (MalformedURLException e1) {
                e1.printStackTrace();
            } catch (ProtocolException e1) {
                e1.printStackTrace();
            } catch (IOException e1) {
                e1.printStackTrace();
            } finally {
                if (con != null) {
                    // コネクションを切断
                    con.disconnect();
                }
            }
            return result.toString();
    }

    @Override
    protected void onPostExecute(String s) {
        super.onPostExecute(s);

        Log.d("結果",s);
    }
}

```

```
10-12 06:28:59.897 18588-18661/com.example.seita_v.myapplication E/AndroidRuntime: FATAL EXCEPTION: AsyncTask #1
                                                                                   Process: com.example.seita_v.myapplication, PID: 18588
                                                                                   java.lang.RuntimeException: An error occured while executing doInBackground()
                                                                                       at android.os.AsyncTask$3.done(AsyncTask.java:300)
                                                                                       at java.util.concurrent.FutureTask.finishCompletion(FutureTask.java:355)
                                                                                       at java.util.concurrent.FutureTask.setException(FutureTask.java:222)
                                                                                       at java.util.concurrent.FutureTask.run(FutureTask.java:242)
                                                                                       at android.os.AsyncTask$SerialExecutor$1.run(AsyncTask.java:231)
                                                                                       at java.util.concurrent.ThreadPoolExecutor.runWorker(ThreadPoolExecutor.java:1112)
                                                                                       at java.util.concurrent.ThreadPoolExecutor$Worker.run(ThreadPoolExecutor.java:587)
                                                                                       at java.lang.Thread.run(Thread.java:841)
                                                                                    Caused by: java.lang.NullPointerException: charsetName == null
                                                                                       at java.io.InputStreamReader.<init>(InputStreamReader.java:81)
                                                                                       at com.example.seita_v.myapplication.testAsycTask$override.doInBackground(testAsycTask.java:46)
                                                                                       at com.example.seita_v.myapplication.testAsycTask$override.access$dispatch(testAsycTask.java)
                                                                                       at com.example.seita_v.myapplication.testAsycTask.doInBackground(testAsycTask.java:0)
                                                                                       at com.example.seita_v.myapplication.testAsycTask.doInBackground(testAsycTask.java:19)
                                                                                       at android.os.AsyncTask$2.call(AsyncTask.java:288)
                                                                                       at java.util.concurrent.FutureTask.run(FutureTask.java:237)
                                                                                       at android.os.AsyncTask$SerialExecutor$1.run(AsyncTask.java:231) 
                                                                                       at java.util.concurrent.ThreadPoolExecutor.runWorker(ThreadPoolExecutor.java:1112) 
                                                                                       at java.util.concurrent.ThreadPoolExecutor$Worker.run(ThreadPoolExecutor.java:587) 
                                                                                       at java.lang.Thread.run(Thread.java:841) 

```

エラーが起きている理由を教えていただけると大変ありがたいです。

androidでwebAPIからJSON取得

androidでのサーバーからJSONデータの取得についてお聞きしたいのですが、取得したjsonを元に処理を分岐させようと試みているのですが、うまくいきません。http通信があるためasyncクラスというものを実装したのですが、いまいち使い方がわからず、データ取得にはいたっておりません。
jsonのデータとしては、
{"Update" : "1", Required : "1"}
となっており
これのvalueでonCreate内で処理を分岐させようとしています。

どなたかAndroidでのjson取得の具体的な方法に関して、ご教授願えますでしょうか
よろしくお願いいたします。

AndroidでのJSON取得

文字列から改行コードを取り除きたいのですがうまく動かず困っております。
以下、試したことを記載いたします。

String reportMemo = XXXXXXX;

reportMemo = reportMemo.replace("\n", "");
reportMemo = reportMemo.replace("\r", "");
reportMemo = reportMemo.replace("\r\n", "");

String kaigyo = System.getProperty("line.separater");
reportMemo = reportMemo.replace(kaigyo, "");

上記4パターンでは改行コードが残ったまになりました。

どのようにすれば改行コードを取り除くことができますでしょうか。
お力をお貸しください。なにとぞよろしくお願いいたします。

改行コードを取り除きたい

![イメージ説明](b1972fa8583bbb5a1a0234fcc6ec1ec2.jpeg)

不可能だとは思ってますが、念の為、確認したいです。

androidのwebviewで画像などがレンダリングされなかったところを透明にして、
なおかつ、webviewの後ろの青いviewが透けて見えるようにしたいです。

例えば、上の画像でいうとa,bの部分は青viewが見えてほしいです。

webview内の画像は可変するので
webviewのサイズを固定にすることはできません。

以下確認したサンプルです。


activity_main.xml
```
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:paddingBottom="20dp"
        android:paddingLeft="20dp"
        android:paddingRight="20dp"
        android:paddingTop="20dp"
        android:background="#0000ff"
        >
        <WebView
            android:id="@+id/webview"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            />
    </LinearLayout>
```
MainActivity.java
```
        WebView webview = new WebView(this);
        webview = (WebView)this.findViewById(R.id.webview);
        webview.setWebViewClient(new WebViewClient());
        String summary = "<html><body><div style='width:300px;height:400px;text-align:center;vertical-align: middle;display:table-cell;' >" +
                "<img width='200px' src='https://teratail-v2.storage.googleapis.com/uploads/contributed_images/b1972fa8583bbb5a1a0234fcc6ec1ec2.jpeg' />" +
                "</div></body></html>";
        webview.loadData(summary, "text/html", null);
```
![イメージ説明](2be4637ac196da2d50ee4b2127f8f886.png)

androidのwebviewで画像などがレンダリングされなかったところを透明に

以下の事が解決しません、どなたかご教示願います。

##やりたいこと
①「読込」ボタンを押すとギャラリーを呼び出し、画像を読み込み表示する
②「処理」ボタンを押すと読み込んだ画像が加工処理され、表示される

##できないところ
エミュレータは起動できた。
①はできた。
②のボタンを押した瞬間エラー表記が出てエミュレータが閉じる。
///画素読み込み/////のところのbmpにエラーが生じてしまい
解決できない。

##ソースコード
```java
public class MainActivity extends AppCompatActivity {

    private static final int RESULT_PICK_IMAGEFILE = 1000;
    ImageView imageView;

    int width;
    int height;
    Bitmap bmp = null;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        Button button = findViewById(R.id.button1);  //読込
        Button button2 = findViewById(R.id.button3); //処理開始

        Bitmap bmp = BitmapFactory.decodeResource(
                MainActivity.this.getResources(),
                R.drawable.gazou
        );

        ((ImageView) findViewById(R.id.imageView)).setImageBitmap(bmp);

////////////////////////////////////読み込みボタン/////////////////////////////////////////////////
        button.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view1) {
                Intent intent = new Intent(Intent.ACTION_OPEN_DOCUMENT);
                intent.addCategory(Intent.CATEGORY_OPENABLE);
                intent.setType("image/*");

                //onActivityResultを起動
                startActivityForResult(intent, RESULT_PICK_IMAGEFILE);
                
            }
        });
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////



//////////////////////////////////////////処理開始ボタン////////////////////////////////////////////////////////////////////
        button2.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view2) {

            /////画素読み込み///////////////////////////////////////////
                width = bmp.getWidth();
                height = bmp.getHeight();
                //画像処理用配列
                int[] pixels = new int[width*height];
                //pixelsの配列にmyBitmapのデータを格納する
                bmp.getPixels(pixels, 0, width, 0, 0, width, height);
            ///////////////////////////////////////////////////////////

                //出力用画像領域確保
                Bitmap output=Bitmap.createBitmap(width, height, Bitmap.Config.ARGB_8888);

　　　　　　　　 /////画像加工部分/////
                　//省略
　　　　　　　　 /////////////////////

                //出力用の領域にセットする
                output.setPixels(pixels, 0, width, 0, 0, width, height);

                ((ImageView) findViewById(R.id.imageView)).setImageBitmap(output);


            }
        });
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

    }
    
///////////////////////////////////////////////画像読み込み処理///////////////////////////////////////////////////    
    @Override
    public void onActivityResult(int requestCode, int resultCode, Intent resultData) {
        if (requestCode == RESULT_PICK_IMAGEFILE && resultCode == Activity.RESULT_OK) {
            if (resultData.getData() != null) {

                ParcelFileDescriptor pfDescriptor = null;
                try {
                    Uri uri = resultData.getData();
                    pfDescriptor = getContentResolver().openFileDescriptor(uri, "r");
                    if (pfDescriptor != null) {
                        FileDescriptor fileDescriptor = pfDescriptor.getFileDescriptor();
                        Bitmap bmp = BitmapFactory.decodeFileDescriptor(fileDescriptor);
                        pfDescriptor.close();

                        ((ImageView) findViewById(R.id.imageView)).setImageBitmap(bmp);
                    }
                } catch (IOException e) {
                    e.printStackTrace();
                } finally {
                    try {
                        if (pfDescriptor != null) {
                            pfDescriptor.close();
                        }
                    } catch (Exception e) {
                        e.printStackTrace();
                    }
                }

            }
        }
    }
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////    
}
```