ソースが書けなくてもAndroidアプリをクリック（GUI)開発したい

ソースが書けなくても、これくらいは知っとけ的な

Androidアプリのクリック開発体験ごっこ
for Windows ユーザ
（注意：これだけでは実用アプリは作れない）
公立大学産業技術大学院大学
産業技術研究科創造技術専攻斉藤之雄

Published 2013-10-20 JST 01:10 / Last Modified 2013-10-25 JST 23:29

ぶっちゃけると、環境作れない、ソース（コード）を書けない。
それらに問題はない。これくらいは知っとけ的な内容。
• 多くは語らない。
• 自助努力できるなら、このスライドは不要だ。さっさと削除してくれ。
• コード書けない自称システムエンジニアなんて珍しくもなんともない。
• だからと言って、厚顔無恥でいるのは馬鹿。
• 昔から言うだろ、1,000人がアイディアを書いても、ソース（コード）を書けるのは
100人、そこから製品として認められるのは10人、そして儲かるのは1人だと。
そんな世界だ。しかしだ、100人の連中は他の言語も方言として対応できる。
• その100人の裏口仲間入りをする方法を書くが、責任は持たない。
2

Yukio Saitoh / M1 / Master Program of Innovation for Design and Engineering, AIIT

コンピュータってのは OSI7階層モデルだ。
これを読む君が学部生以上なら、日本語、英語の両方で知っとけな！覚え方「フデネトセプア」

階層 Layer

日本語

英語

7

アプリケーション層

Applicayion Layer

6

プレゼンテーション層

Presentation Layer

5

セッション層

Session Layer

4

トランスポート層

Transport Layer

3

ネットワーク層

Network Layer

2

データリンク層

DataLink Layer

1

物理層

Physical Layer

表１
3


OSI 7階層はプログラム開発に不要論もある。
だからといって、厚顔無恥でいると「アホやろ！」で終わる。
そこから回復するのは、相当の理論武装が必要。
OSI 7階層分かると、インフラエンジニアの入門はクリアしたのも同然。
それくらいお約束的なモデルだ。
何故、プログラム開発に不要か？
⇒単純にインフラはエラーフリーで環境整備されてて当然という、最近のどうしようもない
風潮が強い。インフラが詰まって通信エラーになるのは、ベストエフォート云々以前と
言われ、とにかく融通の効かない頑固なアプリ屋で働くなら、知らなくてもいいが・・・
奴らは本当は知っている。OSI 7階層を。それを敢えて否定している。
4


さて前置きはこの辺で、実際に遊ぼうジャマイカ！
• Windows ユーザ

• Mac / Linux / Solaris ユーザ

Cygwin 入れろとは言わないが

ターミナル操作したことあるよな？

コマンドプロンプトがどこから起動できるか

なかったら、どこから起動できるか

知っとけよな。

知っとけよな。

んで、Windows 以外のユーザには
右の言葉を捧げる。
5


そしたら、コマンドプロンプトを触るぞ。
特定の文字列を含む行を抽出するコマンドだけでも知っとけ。

図１

Microsoft Windows [Version 6.1.7601]
Copyright (c) 2009 Microsoft Corporation. All rights reserved.
C:¥Users¥enPiT>

Findstr
ファインド・ストリング。
Microsoft Windows [Version 6.1.7601]
Copyright (c) 2009 Microsoft Corporation. All rights reserved.
C:¥Users¥enPiT>findstr /c:"localhost" C:¥Windows¥System32¥drivers¥etc¥hosts

# localhost name resolution is handled within DNS itself.
#
127.0.0.1
localhost
#
::1
localhost

6


ここでは特定ファイル内から
特定文字列が含まれる行を
抽出している。

ちなみに /etc/hosts と言われたら
Windows では
C:¥windows¥System32
¥drivers¥etc¥hosts を指すんや。

方言とかあるやろうけど、鎖国せずに他のOSでも似た
ような言い方やから、自分からチャネルを減らすなよ。
ネットワーク系の代表的なコマンドで引数（パラメタ）抜き
Ipconfig, netstat, nbtstat, arp, getmac, ping, pathping, tracert, net, route, nslookup とか

ファイルストリームの代表的なコマンドで引数（パラメタ）抜き
Attrib, more, type, tree, finf, fc, copy, comp, replace, ren, move とか。

※マイドキュメントディレクトリの枝構造リストを出力せよ！という出題が最近の高校１年程度で必要とか。
答えは、カレントディレクトリでなくても、 “tree c:¥users” でオッケー。

7


ほな、開発ごっこするで、準備しようず！
必要なモン：http://developer.android.com/sdk/index.html ここに書いてる。

使用許諾に同意したら、32ビット版、64ビット版を自分で選択してダウンロードしなはれ。

ヒント：http://translate.google.com/translate?sl=en&tl=ja&js=n&prev=_t&hl=ja&ie=UTF8&u=http%3A%2F%2Fdeveloper.android.com%2Fsdk%2Findex.html&act=url

8


ADT 開発環境、必要最低限のもの入ってるし

9


図2

一応、何が必要なのか・・・
（少しでも学習意欲あるなら参考にしてちょんまげ
バラバラにしてみると、こんな内容やで。

ADT 22.2.1 (September 2013)
JDK 1.6 以降
Eclipse Helios (Version 3.6.2）以降
Android SDK Tools r22.2.1 (SDK Manager)

※英文読めない（理解できない）なら、帰れ！と言われる時代や。
鎖国しとけば英語不要やろけど、日本だけで商売してても儲からん時代やから仕方ないんやで。
ヒント：
http://translate.google.com/translate?sl=en&tl=ja&js=n&prev=_t&hl=ja&ie=UTF8&u=http%3A%2F%2Fdeveloper.android.com%2Ftools%2Fsdk%2Feclipseadt.html&act=url
10


ほな、開発ごっこ開始！

ん、なんやて？ Eclipse と違うやないか？と。まぁ、気にすんな。
開発ごっこから卒業する頃には理解できるようになってるさかいに。
11


図3

ほな、開発ごっこ開始！

もし学部生以上なら、角丸枠内は読めるやろ。（これ以外も基本全部・・・）
読めなんだらマジであかんで。中１英語からやり直し勧奨。
これこそ【厚顔無恥】な。大学院生と名乗ったらあかんレベル。
12


図4

ここまで読んで、ムカつくやんけ！
馬鹿にすんな、自分でやったるわなら、ここから自分で！
基礎アプリの作り方、
デザインパタンの理解支援やら
アプリのテスト方法が全部書いてある。
中３レベルの英文読解力があれば大丈夫。
英語がウザければ、図書館や本屋行けよ。
日本語で書かれている書籍、山ほどあるから。

13


図5

おかえりなさい！ Welcome back!! 
このボタンをクリックして、少し落ち着いて待て。
ここからは、超手抜き解説でいくで。どんな学習経験を持たんやつでも、
ノートの取り方を知らんでも、こっからやで。いままでのは第0章や、ここから第1章。

The 開発ごっこ始まるで
14


図6

ほな、始めよう。
（基本的に、何か定義したら Next クリック）

この通り定義するんやで。

15


図7

ここに何が書いてあるか、気にせんでもええで。

16


図8

バッテリー長持ちさせるために、背景は「黒色」にな！

17


図9

全画面アクティビティに指定しとくで。

18


図10

もしな、UI デザインとか後学するんやったら、ここはな
System UI として必要不可欠な領域やで。

図11

早いな！
もうフィニッシュ？！

19


ほれ、見てみ。
ソースコードを1行も書かずになんか出来たで。

図12

その前にな、
確認せなあかんとこ、あるで。
これな、メモリヒープサイズ言うてな
どんだけイケてない開発して、電子計算機が
ヒィヒィ悲鳴を上げてるかのバロメータ。
ほれ、調教でも嫌がる馬おるやろ。あれや。
今はまだ、チューニングできなくていい。
20


ほなら、ちょっと動かしてみよか。

図13

プロジェクトファイル名を右クリック
→ Run As → 1 Android Application を選択。

Android Virtual Device (AVD) 設定せな
あかんから、 Yes 選択な。
21


AVDサクッと定義するで。その1

22


図14


23


図15


24


図16


25


図17


26


図18


図19

定義は適当に（デタラメの意ではなく、相応に）
Front Camera : Webcam0 は指定しなくてもいい。
これは開発環境に依存する。
んで、 OK ボタンがクリックできるようになると
ボタン背景が青くなるので、クリックすること！

27



図20

ほれ、見てみ。
AVD 登録されたやろ。

中華パッドでも、
iosysパッド、dosparaパッド
なんでも開発対応できるで。
ここでは、Cisco Router ではない
Nexus からインスパイアされた
適当な AVD に仕立て上げた。

28


どないや、エミュレータ環境で起動できてないやろｗ
コンソールログを見てみ
[Emulator] Failed to allocate memory: 8

これな、AVD メモリ領域を割り当てに失敗してるで！というメッセージや。
あえて、この説明を取り入れたのは、図12 と概念一緒やから。

ソース書けなくても、これくらい知っとけ！という代表例な。
29


ほな、修正しよか。 AVD のメモリ領域を。その１

図21

正しい読み方で誘導するで。
Window ツールの
Android Virtual Device Manager メニュー
を、操作するで。

30


ほな、修正しよか。 AVD のメモリ領域を。その２
Hoge1_AVD
Edit

を

で、定義編集するで。

31


図22

ほな、修正しよか。 AVD のメモリ領域を。その3

図23

Memory Options の RAM
768

を

メガバイトに、定義編集したら、OK クリック。

32


ほなら、ちょっと動かしてみよか。リベンジやで。

図13

プロジェクトファイル名を右クリック
→ Run As → 1 Android Application を選択。

なんか画面に出てきたやろ、とてつもなく巨大な
（23’サイズモニタを使用しても画面の半分くらいｗ）
エミュレータ画面が・・・ｗｗｗ

33


ほれ、見てみ。このデカさ、遅さ、重さ、良いことなしｗ

図24

操作できるけど、ここで「知ったか！」でもいい、
むしろ「知っとけ！」要素は

ここな。えらい地味やけど、めちゃ大事。
アプリアイコンはデフォルトのまま、そして、ここでは
たまたま “5554” がアサインされている。
これは、localhost:5544 を意味してる。
34


クリックだけでコードらしきものを書かずにアプリ出来ました
 実用的なアプリをソースを書かず（書けず）GUI開発したい方は
頭でとにかく妄想してくだしあ。（そう、くだしあ）
 サンプルソースをそのまま入力して、動いた、やった！終わった、俺の宿題！！とか、そんなの、撲滅したい。

開発体験ごっこは、これだけです。
では、次回からは P.13 / 図5 で旅立ってくださーい。

このスライドに帰ってくんなよ！
35


ソースが書けなくてもAndroidアプリをクリック（GUI)開発したい

Recommended

Recommended

More Related Content

What's hot

What's hot (20)

Viewers also liked

Viewers also liked (17)

Similar to ソースが書けなくてもAndroidアプリをクリック（GUI)開発したい

Similar to ソースが書けなくてもAndroidアプリをクリック（GUI)開発したい (20)

More from Yukio Saito

More from Yukio Saito (13)

Recently uploaded

Recently uploaded (6)

ソースが書けなくてもAndroidアプリをクリック（GUI)開発したい