http://oceans.tokyo.jp/2017-0905-3/

“IT副業”で儲ける第一歩。4ステップでできるアプリ開発をやってみた!

このエントリーをはてなブックマークに追加

近頃何かと世間を騒がせる「ユーチューバー」を目指すのは気が引けるが、自分もネットの世界で一山当ててみたい……。そう夢想する、ファミコン世代のオッサン諸兄にオススメしたいのが、趣味感覚で実践できるIT系の“副業”だ。一発当てられるかどうかは運と工夫次第だが、まずは代表格ともいえる「アプリ開発」を、ITオンチでも気軽に学習できる無料サービスに挑戦するところから始めてみよう。

プログラミングの知識ゼロでも始められるアプリ開発支援サービスのオススメは??

本格的な内容の作品や高度なゲーム制作には、もちろん相応の知識と時間が必要だが、シンプルな内容なら、素人でも短期間で習得できるという、スマートフォン向けのアプリ制作スキル。とはいえ、これまでITに興味がなかった層にとって、プログラミングをイチから学ぶことは、決して低いハードルとは言えないだろう。

そこで活用してほしいのが、プログラミングの知識がなくても、スマートフォン向けのアプリが制作できるサービスだ。国内で著名なものだけでも、10近いサービスがあるが、特に「本当の初心者」でも使いこなせそうなものといえば、次のふたつになるだろう。どちらもユーザー登録が必要だが、無料で利用可能だ。

■JointApps(www.jointapps.net

■アプリビルダー(app-builder.jp

どちらも、画面上のパーツをつなげたり、テンプレートに必要な内容を補足したりといった操作だけで、スマートフォン向けのアプリが完成するしくみとなっている。このうち「アプリビルダー」は、制作したアプリを「Google Playストア」などのアプリストアで販売するところまでサポートしてくれる点が大きな魅力だが、販売までを視野にいれている分、操作手順を含め、本当の初心者にとっては若干高度な印象があるかもしれない。

一方の「JointApps」は、アプリ販売をサポートしていないほか、制作できるアプリの種類も限られているが、アプリ制作の学習を目的とするサービスのため、操作の簡単さが何よりの魅力。自分のスマートフォンで実際に動くアプリを、簡単なものなら30分程度で完成させることができる。まずは「JointApps」でアプリ制作の超基本を体験してみることにしよう。ちなみに、「JointApps」のレベルなら、子供と一緒に楽しむこともできるはずだ。

子どもにもできちゃう! 4ステップでアプリが完成する「JointApps」を使ってみた

「JointApps」は、「ページをつくる」→「ブロックをつなぐ」→「画像や文字を入れる」→「レイアウトせってい」という4つのステップでアプリを制作する。

このうち、もっとも「プログラム」っぽさを感じるのが最初に行う「ブロックをつなぐ」ステップだろう。ここでは、ブロック状のアイコンをドラッグで配置しながら、アプリの1画面上に設置されるボタンや文字のほか、ボタンを押したり端末を振ったりといったアクションを起こすことで呼び出される機能を設定していく。たとえば上記の画面では、「スタートページ」という画面に、「画像」枠と「ボタン」枠、そしてボタンを押すことで起こる「アクション」(音が鳴る)を設定している。

続いて「画像や文字を入れる」ステップに進む。ここでは「画像」枠にどの画像を入れるか、ボタンを押すとどんな音が鳴るのか、といった情報を補完する。

情報を補完したいブロックのアイコンをクリックし、画面右側のメニュー欄や入力欄に必要な情報を入れるだけなので、迷うことはほとんどないはず。なお、画面左上にある「素材の登録」ボタンから、自分でつくった画像や音素材を追加することもできる。

最後に、「レイアウトせってい」のステップで、アプリの画面デザインを行う。デザインといっても、ここでは付箋のような形状をした「画像」枠と「ボタン」枠をドラッグして配置するだけ。

スマートフォンの画面には様々なサイズがあるので、どれでも対応できるよう、「HD」「QHD」「Tab/iOS」という3つのデザインパターンを、別途設定する必要がある点に注意しよう。
※HD、QHD:ともに高解像度の画像を用いる設定のこと
※Tab/iOS:タブレット、iOS対応のこと


最後に画面右上の「OK」ボタンをクリックし、「データ保存」の画面でアプリ名など、必要な情報を入力すれば、アプリ制作の完了だ。

このエントリーをはてなブックマークに追加
アプリ , プログラミング
「IoT」で、我が子に一目置かれるオッサンになる!~ソニー「MESH」編(1)~
2017.05.18 / 左脳を刺激する! オッサンIT化計画
“IoTっぽいモノづくり“を楽しく上手に行う秘訣とは? ~ソニー「MESH」編(2)
2017.05.25 / 左脳を刺激する! オッサンIT化計画
想像以上にハイレベル? プログラミング教育の“現場”に潜入
2017.06.22 / 左脳を刺激する! オッサンIT化計画
親子でプログラミング体験も!テックの進化を感じる「AI×ロボティクス展」
2017.09.02 / 左脳を刺激する! オッサンIT化計画