Mtk's Blog: 11月 2013

2013年11月30日土曜日

[Playstation] DUALSHOCK3の電源が入らなくなったら

How to recover the unresponsive DUALSHOCK3
先日のことですが、数時間前まで使っていたDUALSHOCK3の電源が入らなくなってしまいました。
PSボタンを長押ししようがUSBケーブルでPS3本体と接続しようがLEDランプが光りません。
買って3ヶ月しか経ってなかったのでとてもショックでした。

ですが故障ではなかったのか、意外と簡単に直ったのでそのときの手順をまとめてみました。

1.
本体裏側のリセットボタンを針のような細長いもので押します。
隣のねじ穴と間違えないように注意。

この時点では何反応もありません。

2.
DUALSHOCK3とPS3本体をUSBケーブルで接続します。
これでDUALSHOCK3のLEDランプが光れば故障ではありません。

3.
DUALSHOCK3のPSボタンを押します。
これで復活しました。

なぜリセットが必要になったのか？
DUALSHOCK3はバッテリーとモーターを内蔵し、USBインターフェイスとBluetoothによる双方向通信機能を備えています。
さらに外観からは分かりませんがこれらのハードウェアを制御するためのソフトウェアも内蔵しているはずです。
バッテリーの過充電を防止したりボタン入力状態をPS3本体に送信したり、PS3から受信したタイミングでモーターを回したり止めたりなど
今回の件はソフトウェアがハングアップしてしまったためうんともすんとも言わなくなってしまったのだと思います。

電源が入らなくなったり、正常動作しないDUALSHOCK3があったら一度リセットボタンを押してみることをおすすめします。

以上、参考になれば幸いです。

2013年11月23日土曜日

[JavaScript] テキストボックスやボタンの幅を変えるアニメーション

JavaScript for widgets Animations
JavaScriptでテキストボックスを伸縮させるのWebコンテンツを作ってみました。

次の環境で動作確認しました。
・32bit版Windows7のInternet Explorer10
・64bit版Windows8のInternet Explorer10
・Windows8のFirefox25

これはテキストボックスは通常の大きさです。

このテキストボックスにカーソルをフォーカスすると幅がグイーンと伸びます。

カーソルを移動してフォーカスを失うとアニメーションしながら元の幅に戻ります。

以下ソースです。

<!DOCTYPE html>
<html lang="ja">
<head>
 <meta charset="utf-8" />
 <title>要素の伸縮アニメーション</title>
 <script type="text/javascript"><!--
 function stretchElement(id, from, to, diff) {
  var txtWidth = from;
  var elem = document.getElementById(id);
  var timer;

  function stretch() {
   if (timer != null) {
    clearTimeout(timer);
   }

   txtWidth += diff;
   elem.style.width = txtWidth + "px";

   var isReflexive = false;
   if (diff > 0 && txtWidth <= to) {
          isReflexive = true;
   } else if (diff < 0 && txtWidth >= to) {
       isReflexive = true;
   }

   if (isReflexive) {
       //再帰呼出し
       timer = setTimeout(arguments.callee, 10);
   } else {
       elem.style.width = to + "px";
   }
  stretch();
 }
 //-->
 </script>
</head>
<body>
 <input
  type="text"
  id="txt1"
  onfocus="stretchElement('txt1', 200, 400,  8);"
  onblur ="stretchElement('txt1', 400, 200, -8);"
  style="width: 200px;" />

 <div style="text-align: center;">
  <input type="button"
   id="btn1"
   onmouseover="stretchElement('btn1', 200, 600,  24);"
   onmouseout ="stretchElement('btn1', 600, 200, -24);"
   style="width: 200px;" value="伸縮するボタン" />
 </div>
</body>
</html>

stretchElement関数が今回のスクリプトです。
第1引数 : 要素のID名
第2引数 : アニメーション開始時の横幅(px単位)
第3引数 : アニメーション終了時の横幅(px単位)
第4引数 : 10ミリ秒あたりの変化量(px単位)。大きければ速く、小さければ遅くアニメーションします。

使い方はこのようになります。
<input
type="text"
id="txt1"
onfocus="stretchElement('txt1', 200, 400, 8);"
onblur ="stretchElement('txt1', 400, 200, -8);"
style="width: 200px;" />

onfocus="stretchElement('txt1', 200, 400, 8);"
が「フォーカスされたら200pxから400pxに伸びる、10ミリ秒あたり8pxの幅で」という意味になります。

onblur ="stretchElement('txt1', 400, 200, -8);"
は「フォーカスを失ったら400pxから200pxに縮む、10ミリ秒あたり8pxの幅で」という意味です。

テキストボックス以外にも適用できます。
たとえば
<input type="button"
id="btn1"
onmouseover="stretchElement('btn1', 200, 600, 24);"
onmouseout ="stretchElement('btn1', 600, 200, -24);"
style="width: 200px;" value="伸縮するボタン" />
と書けば、マウスポインターを重ねるたびに伸びたり縮んだりするボタンができます。

改善の余地はありますが、ホームページのソースをHTML5に置き換える作業をしていて何となく思いついたので書いてみました。

以上、参考になれば幸いです。

2013年11月16日土曜日

[Android] ストップウォッチアプリの表示をC言語でスムーズに改造する

The simple stopwatch application for Android
前回のストップウォッチアプリは、経過時間の表示がカクカクになることがあります。

経過時間の文字列を表示するため Handler#handleMessage メソッドの中で
ByteArrayOutputStram
と
PrintStream
のインスタンスが1秒間に数十回メモリーのヒープと呼ばれる領域に確保されます。表示後はインスタンスが不要になります。
Javaの仕様により不要になったインスタンスがある程度たまるとヒープから解放する処理が行われます。
(解放されたメモリーは別のインスタンスの確保などに再利用されます)
この処理はGC(ガーベジコレクター、ガーベジコレクション)というものですが、GCの処理は意外と時間がかかるようです。
Android OSのバージョンにもよりますが、GCが完了するまでそれ以外の処理は一時停止されます。

前回のアプリは数秒ごとにGCが発生するため表示がカクカクする原因になっていました。
そこで表示をスムーズにする方法を考えてみました。

C言語ではメモリーの解放処理をプログラムする必要がありますが、GCの対象にはならないので表示をスムーズにできると予想できます。
その結果、経過時間の文字列はJavaではなくAndroid-NDKによるC言語で処理することにしました。

このブログを書いている時点の開発環境は次の通りです。
・Windows8 (64bit)
・Eclipse Juno (32bit)(XP互換モードで起動)
・Android SDK r22.2
・Android NDK r9

以下ソースです。
MainActivity.java (アクティビティ)

package jp.fujiu.stopwatch;

import java.lang.ref.WeakReference;

import android.os.Bundle;
import android.os.Handler;
import android.os.Message;
import android.app.Activity;
import android.graphics.Color;
import android.util.DisplayMetrics;
import android.view.Gravity;
import android.view.View;
import android.view.WindowManager;
import android.widget.Button;
import android.widget.LinearLayout;
import android.widget.TextView;

public class MainActivity extends Activity {
 static {
  System.loadLibrary("jni");
 }
 private static native void startJni();
 private static native void pauseJni();
 private static native void resetJni();
 private static native String getTimeJni();
 
 private static class MyHandler extends Handler {
  public static final int WHAT = 1;
  public boolean isAlive = false;
  
  private static final long DELAY = 25;
  private TextView timeView;
  
  MyHandler(WeakReference<MainActivity> me){
   super();
   timeView = me.get().timeView;
  }
  
  @Override
  public void handleMessage(Message msg) {
   removeMessages(WHAT);
   
   timeView.setText(getTimeJni());
   
   if (isAlive) {
    sendEmptyMessageDelayed(WHAT, DELAY);
   }
  }
 };
 private MyHandler myHandler;
 
 private static WeakReference<MainActivity> me;
 private static final String ZERO = "00:00:00.000";
 private boolean isRunning;
 private TextView timeView;
 private Button btnStart;
 private Button btnReset;
 
 @Override
 protected void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  
  isRunning = false;
  
  //ウィジット類定義
  LinearLayout linear = new LinearLayout(getApplicationContext());
  timeView = new TextView(getApplicationContext());
  btnStart = new Button(getApplicationContext());
  btnReset = new Button(getApplicationContext());
  
  me = new WeakReference<MainActivity>(MainActivity.this);
  myHandler = new MyHandler(me);
  
  DisplayMetrics displaymetrics = new DisplayMetrics();
  getWindowManager().getDefaultDisplay().getMetrics(displaymetrics);
  int buttonWidth = displaymetrics.widthPixels / 2;
  
  //初期化
  resetJni();

  //時間の表示
  timeView.setText(ZERO);
  timeView.setTextSize(25);
  timeView.setTextColor(Color.BLACK);
  timeView.setGravity(Gravity.CENTER_HORIZONTAL);
  
  //スタート/停止ボタンの処理
  btnStart.setText("START");
  btnStart.setWidth(buttonWidth);
  btnStart.setGravity(Gravity.CENTER_HORIZONTAL);
  btnStart.setOnClickListener(new View.OnClickListener() {
   @Override
   public void onClick(View v) {
    if (isRunning){
     //停止処理
     myHandler.isAlive = false;
     pauseJni();
     myHandler.removeMessages(MyHandler.WHAT);
     me.get().btnStart.setText("START");
     me.get().btnReset.setEnabled(true);
     
     isRunning = false;
    } else {
     //スタート処理
     startJni();
     myHandler.isAlive = true;
     myHandler.sendEmptyMessage(MyHandler.WHAT);
     me.get().btnStart.setText("PAUSE");
     me.get().btnReset.setEnabled(false);
     
     isRunning = true;
    }
   }
  });
  
  //スタートボタンの上に隙間を設定
  LinearLayout.LayoutParams layoutStartBtn = new LinearLayout.LayoutParams(LinearLayout.LayoutParams.WRAP_CONTENT, LinearLayout.LayoutParams.WRAP_CONTENT);
  layoutStartBtn.setMargins(0, 25, 0, 0);
  
  layoutStartBtn.gravity = Gravity.CENTER_HORIZONTAL;
  btnStart.setLayoutParams(layoutStartBtn);
  
  //リセットボタンの処理
  btnReset.setText("RESET");
  btnReset.setWidth(buttonWidth);
  btnReset.setEnabled(true);
  btnReset.setOnClickListener(new View.OnClickListener() {
   @Override
   public void onClick(View v) {
    timeView.setText(ZERO);
    resetJni();
   }
  });
  
  //リセットボタンの上に隙間を設定
  LinearLayout.LayoutParams layoutPauseBtn = new LinearLayout.LayoutParams(LinearLayout.LayoutParams.WRAP_CONTENT, LinearLayout.LayoutParams.WRAP_CONTENT);
  layoutPauseBtn.setMargins(0, 25, 0, 0);
  layoutPauseBtn.gravity = Gravity.CENTER_HORIZONTAL;
  btnReset.setLayoutParams(layoutPauseBtn);

  //画面レイアウト定義
  linear.setOrientation(LinearLayout.VERTICAL);
  linear.addView(timeView);
   linear.addView(btnStart);
  linear.addView(btnReset);
  
  setContentView(linear);
 }
 
 @Override
 protected void onResume() {
  super.onResume();
  //スクリーンの消灯防止
  getWindow().addFlags(WindowManager.LayoutParams.FLAG_KEEP_SCREEN_ON);
 }

 @Override
 protected void onPause() {
  super.onPause();
  //スクリーンの消灯許可
  getWindow().clearFlags(WindowManager.LayoutParams.FLAG_KEEP_SCREEN_ON);
 }
}

※初期化漏れがあったので修正しました。2014年6月16日

jni.cpp

#include <jni.h>
#include <stdio.h>
#include <time.h>

clock_t startTime;
clock_t pauseTime;
clock_t diffTime;

long timeDiff;
long millsec;
long sec;
long min;
long hour;

char str[16]; //="00:00:00.000"

extern "C" {
 JNIEXPORT void JNICALL Java_jp_fujiu_stopwatch_MainActivity_startJni(JNIEnv *, jobject){
  startTime = clock() - pauseTime;
 }

 JNIEXPORT void JNICALL Java_jp_fujiu_stopwatch_MainActivity_pauseJni(JNIEnv *, jobject){
  pauseTime = clock() - startTime;
 }

 JNIEXPORT void JNICALL Java_jp_fujiu_stopwatch_MainActivity_resetJni(JNIEnv *, jobject){
  pauseTime = 0;
 }

 JNIEXPORT jstring JNICALL Java_jp_fujiu_stopwatch_MainActivity_getTimeJni(JNIEnv *env, jobject){
  diffTime = clock() - startTime;
  
 #if CLOCKS_PER_SEC == 1000000
  //Unix系は1000000分の1秒単位
  diffTime /= 1000;
 #endif
  millsec = diffTime % 1000;
  diffTime /= 1000;
  sec = diffTime % 60;
  diffTime /= 60;
  min = diffTime % 60;
  diffTime /= 60;
  hour = diffTime % 60;
  
  sprintf(str, "%02ld:%02ld:%02ld.%03ld", hour, min, sec, millsec);
  
  return env->NewStringUTF(str);
 }
}

Android.mk

LOCAL_PATH := $(call my-dir)
include $(CLEAR_VARS)
LOCAL_MODULE    := jni
LOCAL_SRC_FILES := jni.cpp
include $(BUILD_SHARED_LIBRARY)

※特別な権限(Permission)は不要なのでマニフェストは省略します。
Target SDK Version が4以上の設定でビルドできます。
Android1.6以降で動作します。
Android-NDKのビルド方法は環境に強く依存するので省略させて頂きます。
SH-03C(実機)とBluestacks(エミュレーター)で動作することを確認しています。

動作保証はできませんが最低限の動作はするようです。
前回に比べてレイアウトを少し変更してます。
アプリ動作中のスクリーン消灯もオフにしています。

GCの頻度を減らしただけですがJavaだけで作ったアプリに比べてかなりスムーズになりました。
今回のC言語のプログラムはスタック変数しか使ってないので解放処理が不要でした。

Javaはメモリーの解放処理が(完全ではないものの)GCにより自動化されているため、プログラムしやすい言語です。
その反面、GCを完全になくすことはできません。
AndroidアプリでGCを減らしたい場合、GCが多発する処理をAndroid-NDKによるC言語でプログラムするのもいい方法だと思います。

関連ブログ
[Android] ストップウォッチアプリを作ってみました
[Android] Javaのstaticクラス(Handler)から非sataticクラス(Activity)のメソッドを呼び出すには(弱参照)
[Android] PrintStream#printfの最適化(SDK r08でのエラーを別の方法で解決する)
[Android] ライブ壁紙の作り方
[Android] 方位センサーを使ってコンパスアプリを作る
[Android] OpenGLでプロ生ちゃんをアニメーションさせる
[Windows8][Android] Can't bind to local 8600 for debugger

以上、参考になれば幸いです。

2013年11月9日土曜日

[Android] ストップウォッチアプリを作ってみました

The simple stopwatch application for Android
ストップウォッチのAndroidアプリを作ってみました。

このブログを書いている時点の開発環境は次の通りです。
・Windows8 (64bit)
・Eclipse Juno (32bit)(XP互換モードで起動)
・Android SDK r22.2

アクティビティ(MainActivity.java)

package jp.fujiu.stopwatch;

import java.io.ByteArrayOutputStream;
import java.io.IOException;
import java.io.PrintStream;
import java.lang.ref.WeakReference;

import android.os.Bundle;
import android.os.Handler;
import android.os.Message;
import android.app.Activity;
import android.graphics.Color;
import android.view.Gravity;
import android.view.View;
import android.widget.Button;
import android.widget.LinearLayout;
import android.widget.TextView;

public class MainActivity extends Activity {
 private static class MyHandler extends Handler {
  public static final int WHAT = 1;
  public boolean isAlive = false;
  
  private static final long DELAY = 25;
  private TextView timeView;
  private long timeDiff;
  private long millsec;
  private long sec;
  private long min;
  private long hour;
  
  MyHandler(WeakReference<MainActivity> me){
   super();
   timeView = me.get().timeView;
  }
  
  @Override
  public void handleMessage(Message msg) {
   removeMessages(WHAT);
   
   timeDiff = System.currentTimeMillis() - startTime;
   
   millsec = timeDiff % 1000;
   timeDiff /= 1000;
   sec = timeDiff % 60;
   timeDiff /= 60;
   min = timeDiff % 60;
   timeDiff /= 60;
   hour = timeDiff % 60;
   
   ByteArrayOutputStream str = new ByteArrayOutputStream();
   PrintStream ps = new PrintStream(str);
   ps.printf("%1$02d:%2$02d:%3$02d.%4$03d", hour, min, sec, millsec);
   timeView.setText(str.toString());
   try {
    str.close();
   } catch (IOException e) {
   }
   ps.close();
   
   if (isAlive) {
    sendEmptyMessageDelayed(WHAT, DELAY);
   }
  }
 };
 private MyHandler myHandler;
 
 private static WeakReference<MainActivity> me;
 private static final String ZERO = "00:00:00.000";
 private static long startTime;
 private static long pauseTime;
 private boolean isRunning;
 private TextView timeView;
 private Button btnStart;
 private Button btnReset;
 
 @Override
 protected void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  
  pauseTime = 0;
  isRunning = false;
  
  //ウィジット類定義
  LinearLayout linear = new LinearLayout(getApplicationContext());
  timeView = new TextView(getApplicationContext());
  btnStart = new Button(getApplicationContext());
  btnReset = new Button(getApplicationContext());
  
  me = new WeakReference<MainActivity%gt;(MainActivity.this);
  myHandler = new MyHandler(me);
  
  //時間の表示
  timeView.setText(ZERO);
  timeView.setTextSize(25);
  timeView.setTextColor(Color.BLACK);
  timeView.setGravity(Gravity.CENTER_HORIZONTAL);
  
  //スタート/停止ボタンの処理
  btnStart.setText("START");
  btnStart.setOnClickListener(new View.OnClickListener() {
   @Override
   public void onClick(View v) {
    if (isRunning){
     //停止処理
     myHandler.isAlive = false;
     pauseTime = System.currentTimeMillis() - startTime;
     myHandler.removeMessages(MyHandler.WHAT);
     me.get().btnStart.setText("START");
     me.get().btnReset.setEnabled(true);
     
     isRunning = false;
    } else {
     //スタート処理
     startTime = System.currentTimeMillis() - pauseTime;
     myHandler.isAlive = true;
     myHandler.sendEmptyMessage(MyHandler.WHAT);
     me.get().btnStart.setText("PAUSE");
     me.get().btnReset.setEnabled(false);
     
     isRunning = true;
    }
   }
  });
  
  //リセットボタンの処理
  btnReset.setText("RESET");
  btnReset.setEnabled(true);
  btnReset.setOnClickListener(new View.OnClickListener() {
   @Override
   public void onClick(View v) {
    timeView.setText(ZERO);
    pauseTime = 0;
   }
  });
  
  //画面レイアウト定義
  linear.setOrientation(LinearLayout.VERTICAL);
  linear.addView(timeView);
  linear.addView(btnStart);
  linear.addView(btnReset);
  
  setContentView(linear);
 }
}

※特別な権限(Permission)は不要なのでマニフェストは省略します。
Android1.6以降で動作します。
Target SDK Version が4以上の設定でビルドできます。
SH-03C(実機)とBluestacks(エミュレーター)で動作することを確認しています。

動作保証はできませんが最低限の動作はするようです。
なぜかBlueStacksでは1000分の1秒の位が常にゼロで表示されます。

Playストアにはスタイリッシュなストップウォッチのアプリが沢山ありますが自分で作ってみるのも楽しいです。

関連ブログ
[Android] Javaのstaticクラス(Handler)から非sataticクラス(Activity)のメソッドを呼び出すには(弱参照)
[Android] PrintStream#printfの最適化(SDK r08でのエラーを別の方法で解決する)
[Android] ライブ壁紙の作り方
[Android] 方位センサーを使ってコンパスアプリを作る
[Android] OpenGLでプロ生ちゃんをアニメーションさせる
[Windows8][Android] Can't bind to local 8600 for debugger

以上、参考になれば幸いです。

2013年11月2日土曜日

[Android] Toastのフォントを変えるには

How to change font styles on Toast
Toastは画面に文字をオーバーレイ表示するのによく使われます。
過去のブログ [Android] Toastに画像やボタンを表示するにはでは文字以外に画像やボタンを表示する方法を書かせて頂きました。

この機能を応用してTextViewを表示すれば、Toastに表示する文字の大きさや色を変えることができます。
今回はToastに赤い大きな文字を表示するサンプルを作ってみました。

このブログを書いている時点の環境は次の通りです。
・Windows8 (64bit)
・Eclipse Indigo SR2 (32bit)
・Android-SDK-r22.0.4

以下ソースです。

アクティビティ(MainActivity.java)

package jp.fujiu.ToastFont;

import android.os.Bundle;
import android.widget.TextView;
import android.widget.Toast;
import android.app.Activity;
import android.graphics.Color;
import android.graphics.Typeface;

public class MainActivity extends Activity {
 @Override
 protected void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  
  TextView text = new TextView(getApplicationContext());
  //Toastに表示する文字
  text.setText("＼赤い大きな文字／");
  //フォントの種類
  text.setTypeface(Typeface.SANS_SERIF);
  //フォントの大きさ
  text.setTextSize(30);
  //フォントの色
  text.setTextColor(Color.RED);
  //文字の背景色(ARGB)
  text.setBackgroundColor(0x88dcdcdc);
  
  //Toastの表示
  Toast toast = new Toast(getApplicationContext());
  toast.setView(text);
  toast.setDuration(Toast.LENGTH_LONG);
  toast.show();
 }
}

※特別な権限(Permission)は不要なのでマニフェストは省略します。
Target SDK Version が4以上の設定でビルドできます。
Android1.6以降で動作します。

Android-SDK付属のエミュレーターで実行するとこうなります。

解像度やフォントの種類によって見え方が異なることがありますのでご了承ください。

関連ブログ
[Android] Toastに画像やボタンを表示するには
[Android] SurfaceviewにToastを表示するには
[Android] Toastをcancelするには
[Android] OpenGLでプロ生ちゃんをアニメーションさせる
[Android] 端末の傾きに立方体を連動させる
[Android] 方位センサーを使ってコンパスアプリを作る
[Android] Javaのstaticクラスから非sataticメソッドを呼び出すには
[Android][Windows8] Can't bind to local 8600 for debugger
[Android] Android-SDKでやってはいけないこと
[Android] ライブ壁紙の作り方
[Android] Activityに時計を表示する（Activityの非同期更新）

以上、参考になれば幸いです。
n

登録: 投稿 (Atom)

新アプリケーション