【知識ゼロからアプリ開発】途中経過を雑記#3
どうも!!
知識全くゼロの状態からアプリを開発しようということで、前回の記事からの経過を雑記していきます。
開発環境
html css javascript firebase monaca
ハイブリッドアプリを開発します。
jsライブラリの偉大性
javascriptでは、先人たちがたくさんの有用なjsプログラムを作成してくれています。
今回知ったのは、Barba.jsというライブラリ。
かなり軽量にも関わらず、非常に優秀な画面遷移アニメーションを実装してくれる優れたライブラリです。
pjaxという、ajaxと、pageanimateを組み合わせた非同期通信で画面遷移するにも関わらず、アドレスが変わる動作をしてくれるまさに僕が求めていた機能です。
実は、barba.js以外にも、調べればこの手のjsライブラリはたくさんあるのですが、barba.jsは、動作が軽くて優秀で、実装も非常に楽な点が僕みたいな知識ゼロ人間には、嬉しいです。
簡単にアプリのような挙動をしてくれるサイトやハイブリッドアプリを作れるので、みなさんも試してみてください!!
Macbookpro購入、IOSに向けて
window開発環境しかなくて、iosデバイスに向けては開発環境を整えられていなかったのですが、自分が持ってるデバイスがiphoneなので、さすがに不便ということでMacbookproの購入を決意。
ios向けアプリを作成するためには、macbookが必須なので、これで、android、ios両対応のアプリを作成することができます。
しかし、僕は学生なので、Macbookproを購入するのに、ローンを組まなくてはならず、また、学生がローンを組もうとすると、非常に手続きが多くてめんどくさい・・・。
銀行、役所、郵便局、applestore、何箇所も手続きしに行って、やっとこさローン契約ができます。
しかし、プラットフォームが広がると考えたら、確実に通らなければならない関門・・・。
起業するとなるとさらに面倒な手続きが何個も待ってる、社会人になればそれに似た手続きは何回もしなくちゃいけない場面がくると考えたら、むしろ喜んでやらないといけないのかもしれません。(それはないですが)
アプリ改名・・・!
現在製作しているアプリは、ざっくりいうと、目標と期限を設定して、世界中の同じ目標を持った仲間と共有しつつ、達成を支援するアプリなのですが、アプリ名がころころ改名しています。
最初は、「DreamList」という名前で開発していたのですが、appstoreに同名アプリが存在することが判明。
よって、「Tsukushi」という名前に改名するのですが、改めて考えたら、この名前はダサすぎると感じ、3度目の正直で、さらに改名することにしました。
新アプリ名は、「Spreavor」にします!
読み方はスプリーバーです。
まだ公開できない詳細は、開発が進み次第少しずつ明らかにしていきたいと思います。
完成は、5月末予定です。
よろしくお願いします。。。
アプリの本機能を実装していこうとするが・・・。
前回の記事で、アプリの本機能を実装していくみたいなことを書きましたが、実はまだ、ほかの処理やUI周りを整備しています。本機能のシステム自体も、まだ悩んでいるところがあります。やばいよやばいよ。
5月末までの開発間に合うのか・・・。
本来は4月末完成予定だったのですが、甘すぎました・・・。
スパートかけていきます。
以上、次回は、スクショ含め、本処理について、触れていけたらなと思います。
お読みいただきありがとうございました。
【知識ゼロからアプリ開発】途中経過を雑記する#1
全くの知識ゼロでアプリ開発ってできるの・・・?
プログラミングやサーバーなどの知識全くゼロからアプリ開発をしてみよう企画の途中経過を記録していきます!今回は、#1。
私は本当に全くの素人で、いったい何から始めたらいいかわからず、ひとまず、html5、cssというウェブブラウザを構築する言語の参考書を買って読みふけり、基礎を学びました。(企画開始から3か月ぐらい)
そこから、javascriptという、ウェブブラウザに動的な要素を追加することができる言語に手を出し始め、これがまた難しく、まだまだ勉強中といった感じです(企画開始から5か月くらい)
そして、いよいよアプリ開発をいったいどうするものかと、サイトを巡り、情報収集・・・。
androidやiosアプリを開発するには、それ専用の言語、swiftや、javaを学ばなくてはいけなくて、更により高度なアプリは、サーバーサイドの管理が必須ということを学習。開発側からしたら基礎中の基礎の知識というかそれ以前だと思いますが・・・。
その専用の言語を覚えたいところですが、ショートカットして、ウェブサイトを作成するhtml5、css、javascriptを使って、androidやiosアプリに近いものを作れるらしいので、
現在は、html5、css、javascriptを使ってアプリ開発をしています。
私は、MacOSを持っていないので、ひとまずandroidアプリを開発中です!
使用しているのはMonaca。
Monacaとは、簡単にハイブリッドアプリを開発できるプラットフォームです。
ハイブリッドアプリとは、本来ウェブを構築するhtml5、css、javascriptという言語を使って、ネイティブアプリ、つまりiosやandoidのストアで配布されているようなアプリを開発することで、Monacaは簡単にハイブリッドアプリを制作することができるサービスです!
Monacaはテキストエディタとして使えるのですが、Bracketsというテキストエディタ―のほうが高性能で使い慣れているので、bracketsで制作しつつ、実機で確かめたいときは、Monacaの実機デバッグという機能を使ってかっこよくいうと、二刀流で制作しています!!
わざわざカッコよく言う必要もなかったですね・・・。
前置きが長くなりました。現在のアプリの開発画面を少し紹介します。
開発アプリの途中経過
まず、アプリを起動してスタート画面・・・。
iphoneXで画面サイズを表示しています。
筆者がiphoneしか持っていないので、実機デバッグの際都合が良いように、iphoneXを基準にアプリを開発しています。
しかし、どんな端末のサイズにも対応できるようにしないと、iphoneX以外の端末になったとき、表示が崩れてしまいます。
なので、レスポンシブデザインを心がけて制作しています。
レスポンシブデザインとは、端末のサイズに柔軟に対応できるような画面のデザインです。
要素の幅や高さを%指定や、vw、vh指定を使ってうまいこと対応させるか、メディアクエリを使って対応させます。
これから、どんどん分からない言葉が出てくる読者の方もいるかと思いますが、筆者もネットから情報を得てアプリを開発しているため、ネットで調べればすぐに出てきます。頑張って調べてください・・・。
どんなアプリを開発しているのか
まず、これを説明しておかなければなりません。
一応、バナナピーチのプロフィールにも載せておきます。
アプリ名は、『Tsukushi』
前は『DreamList』という名前でしたが、すでに同名アプリが存在したため、急遽改名しました(汗)
どんなアプリかというと、
ユーザーが目標、達成までの期限、達成したときの褒美を設定して、目標の期限や達成率を通知でお知らせし、支援するアプリです。
また、オンラインで他のユーザーの目標を応援することもでき、共通する目標なら質問して、より達成に近づくヒントを得ることもできます。
今のところ、ただ、仲間内で目標共有をするとお互いに研磨しあって、目標達成意識が高められると考えていますが、更には、どんなユーザーでも支援しあって、メリットがあるアプリを開発できればと思っています。
簡単なアプリの活用例
例えば、大学生が「卒業論文を完成させる」という目標をアプリに登録します。
期限は、論文提出締切日までとします。
この目標を達成したときのご褒美は、「高級腕時計を一本購入」と設定します。
目標も、期限も、ご褒美も、ユーザーが自由に設定できます。
ご褒美に関しては、アプリ側から提供したいとも考えていますが、今のところどんなものが良いかは決まっていません・・・。
通知で、期限までの日数を、設定した時間帯に通知してくれます。
また、1日の達成率の変化も確認することができます。
メモで、1日目標のためにしたことを書き留めることができます。
達成率の変動は、自分自身で行います。
休憩モードで、この日取り組んだ目標以外の目標を指定時間通知オフにすることができます。
など、色々、アプリでできることを模索しています。
長くなりそうなので区切ります。
#2では、画面写真多めに、ユーザー管理をするためにFirebaseというサービスでサーバーサイドの開発に着手した結果をまとめたいと思います。
はじめまして。
訪問ありがとうございます。
はじめまして。
ブログの最初の記事なので、自己紹介します。
バナナピーチというハンドルネームで活動しています。
20歳です。
Webクリエイターを目指しています。
html5、CSS3、Javascriptを勉強中です。
現在は、成し遂げたい目標を立てて、期限を設定し、それまでに目標を達成できたら、ご褒美を自分にあげられる自己管理アプリ『DreamList』のiOS版を制作中です。
スマートフォンのアプリ開発、Web制作、イラスト、漫画、小説、カメラ、動画編集、楽曲作成に興味がある方と繋がりたいです。
共同アプリ開発
雑誌や書籍の発刊
アプリのPR動画やwebサイトの宣伝動画を作成
楽曲制作
などなど、したいことは山ほどあります!
芸人のバナナマンさんと、乃木坂46さんが好きなので、そのことに関する記事も書こうと思っています。
このブログは、僕の日々の活動記録です。
拙い文章ですが、ただの自己満足にならないように、面白い記事を目指します!
気軽にみてやってください。