0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

開発時のエラー例(二か月)

Posted at
1 / 2

アプリの開発時に
躓いたところ(二か月目)

最初は
基本的なhtmlやcssのUIと
呼ばれる描画について
勉強を始めました。

現在では私は
コンピューターが理解しやすい部分と
人間が視覚的にとらえて
理解できるところを
分けて考えます。

これができるようになるのに
二か月ほどかかりました。

最初はフロントエンドやUIと
呼ばれるところについての理解から
進めるのがよいと思います。

最近はjavescriptの開発も
しようと考えているので三か月目には
取り掛かることになるとは思いますが
基本的にプログラムというのはこのjavascriptのことを指すと
私は考えています。

ホームページの作成からhtmlやcssの理解を深めていくのですが
基本的には部分的な変更をしながら使えるCSSをネット上から切り貼りする
つぎはぎで構わないので描画が崩れないように理想とするUIを作っていきます。

最初に作ったものがこちらで現段階ではまだ完成ではないです。

最初の一か月目にできたものがこちらです。
image.png

image.png

バックエンドの機能は知り合いが作ったもので基本的には
アンドロイドで開発環境を整えるものでした。


一緒にHTMLを学ぼう!
  

 body{background-color: 色の指定;}

UIデザインの変更を行うために背景色background のcssの変更をしました。
image.png

次にメニューを追加しました。

メニュー 1月 2月 3月 4月 5月 6月 7月 8月 9月 10月 11月 12月
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2231259/6957c01c-ec7e-5e0e-1e26-0d75b4e1cb93.png)

image.png

コンテンツとしてキャンバスを追加したり
image.png

キャンバスをお絵描きできるように変え
image.png

メニューのデザインを変更しました。
image.png

image.png

image.png

image.png

image.png

この辺りは基本的にCSSを変更してます。

メニュー蘭を細かく変更してます。
image.png

ここでjavascriptに興味を持ち出しました。約一か月目くらいです。
image.png

そして現在のアプリの形式に変更しました。
image.png

image.png

javascript開発のために
image.png

開発環境を整えました。
くわしくはこちら。https://www.youtube.com/watch?v=MeqS1BCrRZI

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?