ワニの技術メモ

エラーが出たとき、わからない技術にぶつかった時の技術メモ

122・123日目 初めて作ったアプリ、GooglePlayに公開しました。

122日目 GooglePlayDevelopperConsoleで登録などなど、デザイン修正などなど、、。

123日目 本日、GooglePlayに公開しました。

長かった~!!

眠かった~!!

朝が弱くて、娘にはだらしのない母を刻印づけてしまいましたが、夜中母ちゃんは頑張ったぞ!

IT業界とは全くかけ離れた人生を歩み、プログラムなんてエクセルの四則計算しかできない私ですが、ようやく一つの目標までたどりつけました。しかも、無謀にも独学で、Google先生と本を頼りにやってきました。

途中このブログに立ち止まってくださった先輩方の助言と励ましなくしては完成まで至らなかったと思います。ここまで導いてくださった皆さんありがとうございました。お世話になったサイトや書籍などの紹介は後日まとめたいと思います。今日はもう疲れました。

 

肝心のアプリの出来栄えはというと、、、、

今ここで紹介できるほどの自信がなく、今日はやめておきます。

 

アプリが完成したら、どれだけ嬉しいんだろうと夢を見ていましたが、実際はそうではなく、先輩方が作っているアプリの凄さが分かり、恐れおののいて後ずさりしたくなったというのが今の心境です。

でも、もう勉強をおしまいにする気はなく、もうちょっといじってみたくなりました。知識が乏しい私にとって、一つアプリを作り上げて初めて「プログラムってこういうことなんだ」という勉強の下準備ができた気がします。

今、ようやくプログラムを勉強するスタートラインに立てた気がします。

それにしても、、、、

もとはといえば、(プログラム未経験の)主人の「お母さんならできるよ!」という意味不明なつぶやきと洗脳のおかげでスタートしたアプリ開発。一緒に喜ぶべき主人は爆睡です。

一人でワイン飲んでやる!

 

 

121日目 リリースに必要な画像アセットまとめ

support.google.com

これを見れば全部載っているのですが、あの画像のサイズいくつだっけ??と、ちょっと確認するには面倒に感じたので自分が見やすいようにまとめました。

スクリーンショット画像

f:id:hipopocroco:20151016222627p:plain

ストアの掲載情報を公開するには、2 枚以上のスクリーンショットを用意する必要があります。

  • JPEG または 24 ビット PNG(アルファなし)
  • 最小サイズ: 320 ピクセル
  • 最大サイズ: 3840 ピクセル
  • スクリーンショットの最大サイズを最小サイズの 2 倍以上にすることはできません。

高解像度アイコン

f:id:hipopocroco:20151016222655p:plain

  • 32 ビット PNG(アルファ付き)
  • サイズ: 512px x 512px
  • ファイルの最大サイズ: 1024 KB

宣伝用画像

f:id:hipopocroco:20151016222723p:plain

  • PEG または 24 ビット PNG(アルファなし)
  • サイズ: 1024 px x 500 px 

その他

 プロモーション画像は絶対必要ではなさそうですし、バナーアセットもAndroidTV対応アプリではないので、とりあえず今回は必要なし。

f:id:hipopocroco:20151016222538p:plain

そもそもアセットってなんだ??

まず、画像アセットについてご説明します。
画像アセットとは、PSDファイルのレイヤーやレイヤーグループから、要素に適したサイズで画像の書き出しを自動で行ってくれるPhotoshopの新機能です。

PhotoshopCCでレイヤーごとに画像アセットとして書き出す方法

 もともと、Photoshopの機能ということでしょうか。要素に適したサイズの画像で作られたということでしょうか。綴はassetでいいのかな???

おわりに

最後にこんな作業が待っているとは思いませんでした。面倒くさいものですが、これを丁寧につくると作らないとでは大きな差がでるのかな。。。

 

 

120日目 リリースのための勉強

とてもしょぼいプログラムですが、動かすことができました。「アプリ」という名前でくくられるのもおこがましいレベルの内容ですが、リリースまでの一連の流れを体験してみたくて勉強しています。

 

リリースが近づいてくると、名前の付け方についていろいろ考えるようになりました。

今回は適当ですが、今後いろいろ新しいことを初める時に、どんな名前をつければよいか考えるための勉強になりました。

その勉強のためのヒントとなった本がこれ!  

思わず話したくなる ロゴの秘密

思わず話したくなる ロゴの秘密

 

 90の有名会社について次のことがシンプルにまとめられています。

 

  • ロゴデザインの変遷
  • 社名の由来
  • 会社理念

パラパラっと見るだけでも面白い。

ロゴデザインを考えるヒントになりそうなものばかりです。

ちなみに、、、、

面白いと思った会社の名前由来は、

ご存知でしたか??気になる方はぜひ検索してみてください。

好きなロゴマークは

  • 石油会社のシェル

貝印のマークで有名です。

現在の表章は1971年にフランス出身のレイモンド・ローウィーが手がけた作品(本文p183より)

だそうです。このレイモンド・ローウィー氏の作品を見ると、見たことある!!というデザインがたくさん出てきます。ラッキーストライクなどタバコのデザインもたくさんありますが、カッコイイ!!

matome.naver.jp

  • ヤフージャパン

ブラウザ上でも見やすいプライマリーカラーの赤(パントーン185)が使用されている。(本文p150より)

文字の大きさや高さが1字として揃っていないにも関わらず絶妙なバランスが保たれているのはすごいな-と思います。パントーン185覚えておこう!

 

*****

こんなどうでもいいことで立ち止まらず、とっととリリースすればいいのに、のんびりいろいろ考えながら進めています。

 

 

 

119日目 Makeappiconを使って、ランチャーアイコンを5分で作る(デザイン画像は事前に用意)

ようやくデザインも決まり、というか諦めて、次のステップにきました。

ついに、ランチャ-アイコン!

大きさをいちいち変えるのが面倒な~と思っていたら、こんなサイトに出会いました。

crowdworks.jp

このサイトで紹介されていた、Makeappiconがとても便利でした。私が無知なだけで日本のサイトにも同じようなものあるのかもしれませんが、試しにこれで作ってあまりの簡単さに感動しました。サイト上で作成しEmailで送ってくれます。

makeappicon.com

そこで、今回はタイトル通り、5分もかからずできたこの方法をレポートします。ただし、アイコンのデザインは自分で作りました。

*ただ、メアドを設定することで、スパムメールがたくさん届かないか内心ドキドキしています。その辺は自己責任で。

Makeappiconでランチャーアイコンを作ってみる(2015年秋)

①MakeappiconのHP

f:id:hipopocroco:20151007005726p:plain

②自分が作ったアイコンのデザインをドロップ&ドラックして、、

f:id:hipopocroco:20151007005753p:plain

③MakeappiconのHP画面上に放り込むだけ。すると、、、

Baking,,,ってちょっとかわいくないですか???矢印のように自動的にトースターに入っていくのです。

f:id:hipopocroco:20151007005814p:plain

④数秒で完成!スマホの画面イメージに合うかどうかも自動的にチェックしてくれて感動です。▼これはiphone

f:id:hipopocroco:20151007005846p:plain

⑤自分のEメールアドレスを書いて緑のDownloadボタンを押せば自動的に送られてきます。▼これはAndroid版の画面

f:id:hipopocroco:20151007005904p:plain

⑥1,2分後に送られてきました。こんな感じのメール。

f:id:hipopocroco:20151007005926p:plain

⑦で、Downloadすると、、こんな感じ。

f:id:hipopocroco:20151007005947p:plain

⑧無事ランチャーアイコンすべて出来上がっていました。完成!!

f:id:hipopocroco:20151007010001p:plain

 

終了!撮影してなければもっと早くできそうです。

終わりに

このツールがなければ、いちいち大きさを変えて、タイトルを入れて、、と作っていたと思います。面倒だな~と思ってたストレスが一発解消!いろんな便利ツールがあるものですね。

JAVAの勉強はまだ全然足りませんが、アプリをリリースするまでの一連の流れをやってみたくて色々試しています。呆れるほど時間がかかってしまい、恥ずかしい限りですが体を崩さない程度に続けてみたいと思います。

 

 

 

 

118日目 アプリのデザインパーツを組み合わせて動かしてみる

無事、PC、起動しました。そして、Genymotionでチェックできました。

けれど、、、、

実際動かしてみましたが、やっぱりデザインが気に入らなかったのでもう一度イラレを使って直しています。

デザインソフトと違ってアプリのデザインは、組み合わせている状態を想像するしかないのが辛い。一個一個のパーツが組み合わさって初めて感じる違和感をもう一回作りなおすって大変ですね。慣れれば簡単なのかもしれませんが、面倒です。

それに、Illustratorも初心者の私。やっぱり、最初は素材集にも助けてもらうことにしました。実際使わなかったとしても、この素材集をみているだけで勉強になりますし、私生活でもたくさん使えそうで買ってよかった本です。

かわいい北欧のデザイン素材集 スカンジナビアデザインブック

 

やはりデザインって需要ですね。

116,117日目 illustrator でパーツを作るそして、、、

ようやくやる気になり、ゲームのイラストと、背景のイラストをillustrator で作りました。簡単なデザインのはずなのに2日もかかってしまった。。。

illustratorも初心者レベルなので勉強しながら作るから時間ばっかりかかります。

そして、ようやくデザイン完成!

喜び勇んで、Genymotion AndroidStudio立ち上げて、動作確認!!と思ったら、、、

電源落ちました。

そりゃそうだ。
重いソフト三つ立ち上げて熱のことを気にしていなかった私が悪い。
今まではAndroid Studio 立ち上げるだけで、温度計を出して熱が上がりすぎないよう気を付けてたのに、油断しました。

そもそも古いノートPCなので、熱はあっという間に上がってしまうので苦労していたのです。

今日はもうやめよう。明日見てみよう。。無事起動するかな。。。いや、起動してください。起動しますように。

ちょっと勉強はお休みして気分転換に

家族が入院し一時中断。疲れがたまって、どうしても勉強したくありません。そこで、ふと、私の好きなブログを見ていたら、こんな記事が、、、、!

 

jknh.randyapps.com

先日、こんなことを書いてみましたが、 

hipopocroco.hatenablog.com

 やはり、プロモーションって大事なんですね。youtubeの効果も期待できそう。

そもそも、売り込めるほど大したアプリが作れるわけではありませんが、アプリがどうやって多くの人の目に届くようになるのかっていうことはとても興味があります。