fumobox.log

ブログ移転

2014-09-28T12:14:00.000+09:00

管理してるサイトが多くなって、管理しきれないので、今後はこちらに記事を書きます！

http://fumobox.com/

Android時計のセットアップ

2014-07-08T23:33:00.002+09:00

前回の続き。LG G Watchをセットアップしてみた。使っている親機はNexus7(2012)。Android4.3以降の端末なら使えるようだ。

時計を起動すると、Android Wearを探してインストールすれというメッセージが出たので、Google Playで検索してインストール。

何やら、物騒なパーミッション要求。Google謹製じゃないと絶対こんなの入れたくないｗ

Bluetoothでデバイスが認識されているようだ。特にトラブルなくペアリングできた。

Google検索もアップデートすれと言われたので、

OKを押すと、Play Storeのページに飛ぶので、また物騒なパーミッション要求を受け入れてインストール。

時計の方は何かをダウンロードしているようだ。

ダウンロードが完了すると時計は再起動し、スタート画面が表示された。10分ほどかかった。

地震速報が出てる！

LG G Watch

2014-07-08T22:39:00.000+09:00

最近ブログ更新してないけど、まだ生きてます。

何か新しいアプリ作りたいなと思ってLG G Watchを買ってみた。Androidスマホと連携できるようだが、自分の持ってるスマホはiPhoneだった。無意味。Nexus7あるから、それと通信できるかもしれない。週末にいじってみよう。

触ってみると、ゴムのベルトが想像以上に柔らかかった。感触良いけどすぐ切れそう。

あと、充電クレードルの裏面のシールは剥がすと粘着テープになっているので注意！

貼り付けずに使っているので、早速ゴミだらけに...ひどい罠だ。

電源を入れると言語選択画面が出て、選択すると上のような画面が出た。ここから先は親機との連携が必要らしい。後でやってみよう。

起動時に表示されるLGロゴがなんかダサいので消したいｗ

アスペクト比計算機

2014-03-28T00:37:00.001+09:00

画像を作っている時に、サイズをアスペクト比に合わせてトリミングすることが多いので、計算が簡単にできるように計算機を作ってみました。

アスペクト比計算機

消費税計算機

2014-03-27T09:04:00.001+09:00

消費税を毎回手計算するのが面倒なので作ってみました。8%になったらどう変わる、10%になったらどう変わるかを比較できます。

消費税計算機

HTML Tag Sanitizer

2014-03-26T16:30:00.000+09:00

HTMLコードを、ブログに載せる時に、タグがそのままだと正しく表示できないので、特定の記号をサニタイズするツールを作りました。

HTML Tag Sanitizer

HTMLエスケープツールをいつも利用させてもらっていたけど、使う頻度が高いから自分でカスタマイズできる物を作ってみようと思い、BootstrapとjQueryの復習がてら作ってみました。Bootstrapは、簡単な小物を作るときにすごく便利ですね。

データは全てローカルで処理するので、安全に変換できます。

モノクロ液晶画面風ボックス

2014-02-26T17:00:00.000+09:00

Camera Remote iPhone App Concept by Jeremey Fleischerより

このアプリのUIが素敵だったので、CSSのボックスで再現してみた。

モノクロ液晶画面風ボックス

IE11、Chrome、Opera、Firefox、Safariで動作確認済み。このサイトにも早速適用してみた。

至高のfont-family

2014-02-26T15:36:00.000+09:00

Webサイトのフォント設定に毎回悩むので、何か良い例はないかと思い、探していたらこんなのを見つけた。

【決定版】僕の考えた最強のfont-family指定

body {
    font-family: 'Hiragino Kaku Gothic ProN', Meiryo, 'MS PGothic', Sans-serif;
    font-size: 14px;
    line-height: 1.3;
    font-weight: normal;
}

すごく良いかも。line-heightは個人的には1.6が好きなので、font-familyだけ使わせてもらおう。もうフォント選びに迷わない！

Bitmapを綺麗に表示させる

2014-02-26T13:58:00.001+09:00

Bitmapを拡大縮小して描画すると、画像が汚くなってしまうことがある。そのような場合、PaintクラスのsetFilterBitmapメソッドを実行すると、画像が綺麗に表示される。

Paint p = new Paint();
p.setFilterBitmap(true);

ただし、この処理は若干重いので、大きな画像を扱ったり、大量の画像を扱う際には気をつけよう。

3000x3000のBitmapに、この処理を加えると、はっきり遅延を体感できる。Androidでそんなに大きな画像を扱うのがそもそも問題だけどｗ

OpenFL情報はこちら

2014-02-25T05:51:00.000+09:00

OpenFLに関する情報は、大きなテーマになりそうなので、別サイトに専用ページを作成しました。

OpenFL情報はこちら

Eclipseで行番号や空白を表示する

2014-02-22T18:08:00.005+09:00

Eclipseで行番号や空白を表示するには、

Window -> Preference -> General -> Editors -> Text Editorsの

Show line numbersとShow whitespace charactersをチェックする。

これも毎回忘れてしまうのでメモっておくｗ

OpenFLを始める前に用語の確認

2014-02-22T07:57:00.002+09:00

OpenFLを本格的に勉強しようと思ったけど、その前に、知らない用語だらけだったので、よく見る用語について整理してみた。

OpenFL

OpenFLは、ゲームやアプリケーションを構築するための環境を提供するフリーでオープンソースのソフトウェア開発キットです。
http://ics-web.jp/lab/archives/1329より

OpenFLで使用するHaxeは、Action Scriptに似ていて、Flashとほぼ同じAPIが使える。Airより速いらしい。

Windows, Mac, Linux, iOS, Android, BlackBerry, Tizen, Flash, HTML5向けの実行ファイルを出力できるらしい。万能すぎ！

Haxe(ヘックス)

Haxeとは、汎用プログラミング言語の一つで、静的型付けのオブジェクト指向言語であり、構文はActionScriptおよび標準化が中止されたECMAScript 4に類似している。
http://ja.wikipedia.org/wiki/Haxeより

まだ全部見てないけど、かなり素敵な言語だ。enumが便利そう。

Lime(ライム)

Lime(Light Media Engine)とは、スクリプト言語またはバーチャルマシンに依存せずに、単一のコードベースでクロスプラットフォームをシンプルに実現するための抽象レイヤーである(意訳)。
https://github.com/openfl/limeより

OpenFLは、これを使って、各プラットフォーム向けのコードを生成しているのかな。

Neko

Nekoは、Nicolas Cannasseによって開発されたハイレベルのdynamically typed programming languageで、コンパイラとガベージコレクタを備えたバーチャルマシンを持っている(意訳)。
http://en.wikipedia.org/wiki/Neko_(programming_language)より

Limeとの違いがよくわからないけど、まあ今のところは似たようなものだと認識しておくｗ

NME

どうやら、OpenFLの前身となる技術のようだ。あまり重要じゃなさそうなので省略。

要するに、OpenFLというのは、Haxeで書いたコードを、LimeやNekoを使って、各プラットフォーム向けの実行ファイルに変換するための環境ってことか。でも、これだけ知っていれば万能ってことでもなく、複雑なことをやろうとすると、ある程度変換先のシステムについても知っておかないと活用できないかも。

いろいろな言語を覚えるのが面倒(覚えても片っ端から忘れる)自分にはぴったりの言語だな。真面目に取り組んでみるか。

2014/02/26

LimeとNekoの関係を、勘違いしていたかも。Limeは、HaxeのコードをNeko用に変換して、Nekoはそれを解釈してプログラムを実行するっていう仕組みのようだ。
正確な情報は、こっちに書きますｗ

OpenFL情報

Eclipseの文字コードをUTF-8に変更する

2014-02-21T21:07:00.002+09:00

Window -> Preference -> General -> Workspace -> Text file encoding

いつも忘れるので、ここにメモしておく。

特に理由が無い限りUTF-8にしておくのが無難。

How to make 3D printer data

2014-02-18T17:22:00.001+09:00

Fumotrimを使って、3Dプリント用のデータを作る方法です。

Androidで制作したモデルをSTLフォーマットでエクスポートして、Windowsのnetfabbで読み込んで、データを補正しています。

ntpdの状態確認

2014-02-14T01:01:00.001+09:00

nptdがDDoS攻撃に使われているようだ。

ntpd の monlist 機能を使った DDoS 攻撃に関する注意喚起

【重要】NTPの脆弱性について

自分のサーバー(Cent OS)は大丈夫かなと調べてみると、

# /etc/rc.d/init.d/ntpd status
ntpd (pid  2091) is running...

nptdばっちり動いてるし...

バージョンを確認してみると、

# ntpq -c rv

4.2.6.xだった...

とりあえず、止めておこう(適当ｗ)。

/etc/rc.d/init.d/ntpd stop

Fumotrim1.7.6: 塗りつぶし機能の追加など

2014-02-12T21:17:00.001+09:00

次回のアップデートでは、塗りつぶし機能を追加予定。これは、ペイントソフトにあるような塗りつぶし機能だけど、3Dブロックに適用しようとすると、なかなか難しいので、実装を見送ってきた。特にFumotrimのブロックは固定サイズではないので、アルゴリズムがなかなか複雑。簡単にアルゴリズムを説明すると、

1, 塗りつぶしを始めるブロックをユーザーが指定

2, ブロックの周辺6ブロックを探査して同じ大きさのブロックがあれば、色を塗る。

3, 周辺6ブロックに移動して、2-3を繰り返す。

箇条書きすると簡単そうに見えるけど、ブロック探査が難しい。Fumotrimのブロックの内部構造は、3次元グリッドのような並び方ではなく、8分木構造で、しかもブロックのサイズがばらばらなので、探査アルゴリズムは複雑な仕組みになっている。でも、このアルゴリズムはアイソメトリック図を作るときに、すでに実装していたので、今回は流用するだけで済んでよかった。

最初にコードを書いた時は、再帰処理を使っていたけど、スタックが深くなりすぎて、StackOverflowErrorが発生してしまった。そのため、再帰処理を使わない形式に書き換えた。再帰処理は、やりすぎると落ちるし、メソッド呼び出しの多発で遅くなるので、使用はほどほどに。

あとは、サイズが異なるブロックにも塗りつぶしを適応しようとしたけど、ちょっと面倒な問題があったのでやめた。同じサイズのブロックしか塗りつぶさないっていうポリシーのほうがわかりやすいし。

それから、Undoシステムにも問題があったので修正した。

さらに、レビューコメントでリクエストがあったカメラのシフト機能を実装してみたけど、これは動画で説明しないと難しいかな。3Dビューの両横の余白をタッチしてスライドすると、カメラの注視点を移動できる。英語で説明するのが難しいから動画を撮影しよう...

あと、レンダリング速度もほんの少し速くなったかも。

テストして、週末にリリースできそう。次期アップデートをお楽しみに！

アプリのバージョン情報を取得する

2014-02-07T07:14:00.000+09:00

自分のアプリのバージョン情報を取得するには、Activity内に以下のようなコードを書けばよい。

try {
  PackageManager packageManager = getPackageManager();
  PackageInfo packageInfo = packageManager.getPackageInfo(getPackageName(), PackageManager.GET_ACTIVITIES);
  String versionCode = packageInfo.versionCode;  // バージョンコード
  String versionName = packageInfo.versionName;  // バージョン名
} catch (NameNotFoundException e) {
  e.printStackTrace();
}

わかりやすいAndroid NDK導入手順 2014年版

2014-02-03T10:25:00.001+09:00

AndroidでNDKを利用する手順について調べてみました。NDKについての解説記事はたくさんありますが、情報が古くて、そのままだと使えないことが多かったので、現時点での僕が試した方法について説明します。

まずは準備から。

今回使用した開発環境は、Windows7 64bit、JDK1.7.0、ADT(v22.3.0-887826)です。Android SDKのAPIレベルは、最新版の19を使用しました。

コマンドプロンプトからjavahコマンドを実行できるように、あらかじめJDKへのパスは設定しておいてください。パスの設定はこちらが参考になります。

http://www.javadrive.jp/install/jdk/index4.html

まずは、NDKのダウンロードサイトから、NDKのWindows 64bit版をダウンロードします。

http://developer.android.com/tools/sdk/ndk/index.html

android-ndk-r9c-windows-x86_64.zipというファイルです。

ファイルをダウンロードして、解凍したら、C:\ndkというディレクトリを作って、そこに入れてください。場所は任意ですが、ここではわかりやすいように、実際に僕が利用している環境を記します。

C:\ndk\android-ndk-r9c-windows-x86_64\android-ndk-r9c

という場所にNDKが入りました。

次に、ADTを起動して、[Window -Preference]の[Android - NDK]という設定画面を開いてください。

NDK Locationに

C:\ndk\android-ndk-r9c-windows-x86_64\android-ndk-r9c

と入力して、OKを押して、設定画面を終了してください。

これで設定は完了です。

続いて、実際のAndroidプロジェクトでNDKを使用する手順を説明します。まずは通常通り、Android Application Projectを新規作成してください。

ここでは、JNITestという名前でプロジェクトを作成しました。プロジェクトのデータは

C:\ws_android\ws_test\JNITest

に作成されました。

自動生成されたMainActivityを編集します。

res/layout/activity_mail.xmlを以下のように編集してください。

<RelativeLayout 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"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context=".MainActivity" >

    <TextView
        android:id="@+id/label"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/hello_world" />

</RelativeLayout>

内容はほぼデフォルトのままで、TextViewにlabelというIDを付けただけです。
MainActivity.javaは以下のように編集してください。

package com.fumobox.jnitest;

import android.os.Bundle;
import android.app.Activity;
import android.widget.TextView;

public class MainActivity extends Activity {

 @Override
 protected void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setContentView(R.layout.activity_main);
  
  TextView label = (TextView)findViewById(R.id.label);
  
  Test test = new Test();
  label.setText("Result: " + test.test01(9));
 }

}

次に、プロジェクトにTest.javaというクラスを作成して、中身を以下のように記述してください。

package com.fumobox.jnitest;

public class Test {

 static {
        System.loadLibrary("JNITest");
    }
 
 public native int test01(int value);
 
}

これがNativeコード呼び出し用のクラスになります。次はNativeコードの作成です。

C:\ws_android\ws_test\JNITestの下に、jniというディレクトリを作成してください。ここにNativeコードとビルド用のファイルが作成されます。

ADT内で、ProjectExplorer内にある、JNITestプロジェクトを右クリックして、Android Tools - Add Native Support ...を押すと、下のような画面が表示されるので、そのままFinishを押してください。

成功すると、jniディレクトリに、Android.mkとJNITest.cppが追加されます。

スタードメニューのプログラムのファイルと検索にcmdと入力すると、cmd.exeが見つかるはずです。実行するとコマンドプロンプトが表示されます。

コマンドプロンプトで、cd C:\ws_android\ws_test\JNITestと入力して、プロジェクトのディレクトリに移動してください。

そこで、以下のコマンドを実行します。

javah -o jni/JNITest.hpp -classpath bin/classes com.fumobox.jnitest.Test

問題なければ、何も表示されません。成功すると、jniディレクトリ内にJNITest.hppというファイルが追加されます。ADTから見ると、JNITest.hppにエラーがあるように見えますが、ここでADTを再起動すると、エラー表示は消えます。コンソールにCannot run program "cygpath"というメッセージが表示されますが、これも無視しても問題ないようです。

JNITest.cppは下のように編集してください。関数名はJNITest.hppからコピーしました。

#include <jni.h>
#include <JNITest.hpp>
JNIEXPORT jint JNICALL Java_com_fumobox_jnitest_Test_test01(JNIEnv *env, jobject o, jint value) {
 return value * 7;
}

これで作業は完了です。実機かエミューレーターでアプリを起動してください。

Result: 63と表示されていたら、実行は成功です。

参考になったサイトはこちら

http://digital4johnny.blog.fc2.com/blog-entry-109.html

試してみて、もしうまくいったら、こちらにコメントいただけるとうれしなっしー

20140209
作業順が間違っていたので修正しました。

WebViewを含んだActivityを終了するときに、Window Leakedエラーが発生する

2014-02-01T14:53:00.000+09:00

WebViewを含んだActivityを終了するときに、こんなエラーが発生してた。

02-01 13:14:50.958: E/WindowManager(738): android.view.WindowLeaked: Activity com.fb.fumotrim.ui.FStorageActivity has leaked window android.widget.ZoomButtonsController$Container{426b0148 V.E..... ......I. 0,0-1280,65} that was originally added here

どうやら、ズームボタンを有効にしている際に起きるようで、WebView設定のsetBuiltInZoomControls(true)を設定していると、エラーメッセージが出るまではわかった。調べてみると、同じような症状がstackoverflowにあった。もう、stackoverflow先生に足を向けて寝られないｗ

http://stackoverflow.com/questions/11889562/webview-with-builtinzoomcontrols-throwing-exceptions-and-crashing

ActivityのonDestroyをオーバーライドすると、エラーが出なくなった。

@Override
protected void onDestroy() {
 setVisible(false);
 super.onDestroy();
}

どうしてこうなるかはよくわかってないけど、直ってよかった(^^;)

OpenFLをちょっと触ってみた

2014-01-31T16:47:00.000+09:00

OpenFLに関する記事に興味が湧いて、ちょっと触ってみた。ほんとにちょっとだけ。

http://www.openfl.org/download/

特にエラーもなく、Run a Sampleまで、あっさり進めることができた。中身はどんなコードなのかなと思って、Main.hxってファイルを開いてみると、

package;

import flash.display.Bitmap;
import flash.display.BitmapData;
import flash.display.Sprite;
import openfl.Assets;

class Main extends Sprite {
 public function new () {
  super ();
  
  var bitmap = new Bitmap (Assets.getBitmapData ("assets/openfl.png"));
  addChild (bitmap);
  
  bitmap.x = (stage.stageWidth - bitmap.width) / 2;
  bitmap.y = (stage.stageHeight - bitmap.height) / 2;
 }
}

昔、頑張って勉強したAction Scriptとそっくり。Action Scriptは、iOSがFlashを表示できないので、すっかり使わなくなってた。これなら、少し思い出すだけでスラスラ書けそうだ。

Toastをキャンセルする

2014-01-30T11:01:00.000+09:00

Toastを連続で表示させると、前のToastが消えるまで、新しいToastが表示されないので、Toastの渋滞が起きる。解決するには、下のようなコードをActivityに記述すると良い。

private static Toast t;

public void toast(String message) {
 if(t != null) {
  t.cancel();
 }
 t = Toast.makeText(this, message, Toast.LENGTH_LONG);
 t.show();
}

参考元:
http://stackoverflow.com/questions/6744147/cancelling-an-already-open-toast-in-android

地形を作ろう！

2014-01-28T16:32:00.000+09:00

まもなく公開予定のFumotrim 1.7.4では、地形作成機能が追加されます。プリミティブ作成メニューから、下のようなランダムな地形を作成できます。

地形の解像度と平滑度を調整できます。フルバージョンでは高解像度の地形を作成できます。ランダムな地形は、Perlin Noiseを使って作成しています。

Fumotrimで作れるプリミティブ一覧はこちら。
http://fumotrim.net/fumotrim/primitive-generator

本当はここまで細かい地形を作れけど、メモリを激しく消費するので、一段階低い解像度を限度にしています。そのうち最高解像度にも対応したいな。

Perlin Noise Generator

2014-01-27T09:50:00.000+09:00

Perlin Noiseについて勉強しようと思ったので、技術検証用にアプリも作ってみました。ダウンロードは下のリンクから！

このようなPerlin Noise画像を作成できます。作成した画像(png)の送信もできます。処理時間もわかるので、簡単なベンチマークにも使えます。

MenuのPreferenceから、画像サイズ、オクターブなどを調整できます。

Perlin Noiseに関して参考にしたサイトはこちら。

Perlin Noiseについて
http://freespace.virgin.net/hugo.elias/models/m_perlin.htm

参考にしたコード。C#はJavaとそっくりなので簡単に移植できた。
http://devmag.org.za/2009/04/25/perlin-noise/

3D版。今回は使っていないけど、そのうち使ってみたい。
http://mrl.nyu.edu/~perlin/noise/

targetSdkVersionを19にすると、Preference画面で強制終了する

2014-01-24T00:54:00.002+09:00

Android Manufestのandroid:targetSdkVersionを19にすると、Preference画面を開いて操作しようとすると強制終了するようになった。調べてみると、これが原因らしい。

The default result of {android.preference.PreferenceActivity#isValidFragment PreferenceActivity.isValueFragment} becomes false instead of true.

引用: http://developer.android.com/reference/android/os/Build.VERSION_CODES.html#KITKAT

エラーメッセージをよく見るとこんな行があった。

01-24 00:35:10.461: E/AndroidRuntime(29584): Caused by: java.lang.RuntimeException: Subclasses of PreferenceActivity must override isValidFragment(String) to verify that the Fragment class is valid! com.fb.fumotrim.ui.FTPreferenceActivity has not checked if fragment com.fb.fumotrim.ui.FTPreferenceActivity$PF_System is valid.

PreferenceActivityのサブクラスを作る時は、isValidFragment(String)をオーバーライドして、PreferenceFragmentがvalidかどうか検証すれよってことだ。
それで、どうやって書けばいいかと調べていたら、stackoverflowに書いてあった。流石stackoverflow！

http://stackoverflow.com/questions/19973034/isvalidfragment-android-api-19

protected boolean isValidFragment (String fragmentName)
{
  if(StockPreferenceFragment.class.getName().equals(fragmentName))
      return true;
  return false;

}

こんなかんじの内容にすれば良いらしい。フラグメント名をチェックするだけ。proguardを使っている場合は、クラス名の比較に失敗するようなので、proguard.cfgに以下のような例外を追加すると良い。

-keep public class com.fullpackage.MyPreferenceFragment

Fumotrim 1.7.2

2014-01-23T12:26:00.000+09:00

Fumotrim 1.7.2を公開しました。

今回は、タッチ操作の改良と、アイソメトリック図のバグ修正と、パラメーター設定機能の追加がメインです。パラメーター設定機能はフルバージョンのみです。

ブロック長押しがしにくいのと、ズーム時にカメラがブレる問題があったので修正しました。これで操作が以前よりも快適になるはず！タッチ操作は、APIにあまり頼らずに、自前で実装しているので、初歩的な不具合が多かった...

アイソメトリック図は、面の前後判定にバグがあったので修正しました。さらに、前後判定アルゴリズムを見直したので、以前よりも描画が高速になりました。

Preferenceから、イメージのサイズ、アンチエイリアス、ボーダーの有無などを設定できます。

イメージのサイズは、当初10,000まで対応しようと思っていたのですが、端末の処理速度的に厳しかったので、3,000までに制限しました。

新しいアイソメトリック図の描画システムを使って、プリミティブ一覧ページも更新しました。

http://fumotrim.net/fumotrim/primitive-generator