【未経験プログラミング】Rubyの基本【17日目】

Ruby 3ステップでしっかり学ぶ ruby入門 1週目終わり。

かなり読みやすいけど駆け足の為内容理解が怪しい。

 

だいぶコード読めるようになってきたけど、テストで書こうとすると手がとまる。。

次は課題と例題全部手打ちしながら覚える。

 

TechAcademy

MySQLに入りました。

今の所躓かず進んでいます。

Rubyの最後の課題でfromに名前と歳を入力するコードを書くところで

<body>
<form action="/" method="POST">
<label>名前: <input type="text" name="target_name"></label>
<label>年齢: <input type="text" name="target_age"></label>
<input type="submit" value="送信">
</form>

 

赤字部分「html」だけどどうしてもageもしくはidじゃ駄目なのだろうか・・・って頭から離れず2時間経過。。。わからぬ;

 

 

 

 

【未経験プログラミング】Rubyの基本【16日目】

TechAcademyの教材だけだとどうしてもググる時間が長くなってしまう気がして

入門書を買ってた。

ある程度勉強してたのかすごくわかりやすく感じる。

特にオブジェクトとメソッドに対して理解が深まったような?

通勤中に何周か読んでみたいと思っています。

www.amazon.co.jp

 

 

【未経験プログラミング】Rubyの基本【15日目】

if分は直後に書いた文がtrueの場合実行され

後の分は無視されます。

else文を書くとifで実行されなかった時に実行される。

if....elsie....else end となる。

.to_s 定数

.to_i 数列

 

def sum

result = 0

(1..5) .each do |number|

result =+ number

end

puts result

end

#{  } 出力時に #to_s が効く 

Ruby はすべてオブジェクトのなので#to_s無駄なエラーが発生しません。

 

attr_accessor アクセサメゾットを定義するもの。

【未経験プログラミング】Rubyの基本【14日目】

ターミナル課題完了。

 

Ruby入門 わけがわからない為箇条書きで書いていきます。

Rubyは上から下左から右へ実行される。

Rubyはターミナルで実行される。

#でコメント

hensuu = 'データ'

puts hensuu → ruby test.rb

データと実行される。 

変数とはデータを保存できる箱です。

名前の付け方がプログラムの読みやすさを決める。

プログラムの書き方は様々(よみにくさ、よみやすさ)

 

リテラル

a=b 変数aに変数bを代入 #変数=変数

a="b" bは文字列リテラル #変数aに文字列bを代入

pi(パイ) 3.14

minus(マイナス) -1

 

配列

apple = 'りんご' #変数=りんご

banana = 'バナナ' #変数=バナナ

orange  = 'オレンジ' #変数=オレンジ

を fruitsで配列します。

fruits = ['りんご’, 'バナナ', 'オレンジ'] ←#メモ  変数fruitsに配列を代入

 

[].each

範囲内の要素を1つずつ取り出し do...end内のブロック要素を繰り返す。

fruits = ['リンゴ', 'バナナ', 'オレンジ']               #fruitを実行すると

fruits.each do |fruit|            繰り返しfruitsからりんご、バナナ

puts fruit                 オレンジを取り出す。   

end

 

ハッシュ[配列で複数のちをまとめた場合に値しか代入できなかったがハッシュはペアでキーと値がまとめられる。]

 fruits = {"apple": "100円", "orange": "80円", "melon": "500円"}    #tubyコード apple orangeをkye

                       キーはシンボル文字列数値で書いてもOK

 {:apple=>"100円", :orange=>"80円", :melon=>"500円"}               #実行結果 100円 80円 をvalueと言う

       

fruits = {
apple: 'りんご',                                                                              #key value を実行すると fruitsハッシュから
banana: 'バナナ',                     apple りんごbananaばななをキーとvalue
orange: 'オレンジ',                    として取り出す。
}

fruits.each do |key, value|
p key
p value
end

                             

 

 

シンボルリテラル

:a, :hello :から始まるとシンボルになる。

 

 

 

 

 

 

 

 

【未経験プログラミング】CSS基本【13日目】【午後】

土曜日なので午前と午後で分けています。

 

CSSの課題を提出しました。

サイトには12時間って書いてあったけど、恐らく18時間以上かかっているんじゃないだろうか?

テックアカデミーとドットインストール同時にやっているとは言え未経験だと進捗悪いなぁとおもいつつ。

 

CSSはボックスモデルを理解する必要がある。

https://kojika17.com/cntimg/margin/margin1.png

 

 

memo

絶対配置の指定

z-index

box-sizing border-box;

 

課題完了。

 

【未経験プログラミング】CSS基本【13日目】

今日もひたすらLesson3を勉強中 今日中に課題に行きたい。

 

<li>リストとリストの間に隙間(改行)ができる

課題ではボタンとボタンの間にスペースができてしまい、最後のお問い合わせが

カラム落ちしてしまってた。

font-size:0;で半角スペースの大きさを0に指定できる。

<UL>でfont-size:0;に変更後、<li>にfont-size:14;を設定する。

 

floatを使ったあとはclearを意識する。 overflow hidden

 

疑似クラス

a:hover,a:visited

疑似クラスは前後に何かをくっつけたり、リストの装飾だけ指定する

floatの解除などができるらしい。

リストの●●に・・・・:first-child 一番最初の行だけ,:nth-child(n) n番目の行だけ:nth-child(2n) 奇数行だけ

Pの最後だけ p:after:contet "・・・。";

                        font-size:14px;

 

【未経験プログラミング】CSS基本【11日目,12日目】

相も変わらずWEBページのレイアウトの勉強の為にCSSを勉強中!

2カラム、3カラム

デザインが2列 3列になっているものをカラムと言うらしい。

Teckアカデミーのテキストだと絶対に理解出来ないと思う。

外部サイトで確認。

 

float

回り込みの考えてかたが理解しにくい。

taneppa.net

このサイトがわかりやすかったです。

 

課題

kitichen.htmlにCSSを書いています。

理解を深めなが勧めていきたいと思う。

 

明日から土日の為時間を沢山取っていきたい!