ゆうすけ@エンジニア

webプログラミングのフリーランスを目指し活動中 | コツコツとプログラミングを学習して積み上げていきます。

[ゆうすけ@エンジニア @adversity_SE]

CSS Gridのチートシートが作成されているようです。
プロパティも種類が多いのでシートあると便利ですね。

#プログラミング学習

https://t.co/pl9J5C76Tv

[ゆうすけ@エンジニア @adversity_SE]

サイト制作にてやっとhtmlとcssのコーディングが終わりました。あとはレスポンシブデザインの対応とjavascriptで動きをつけたら完成。
コツコツ作成していきます。

#プログラミング学習

[かいけつゾロリ ポプラ社公式 @zororizz]

来週も4連休にしとくか

[ゆうすけ@エンジニア @adversity_SE]

#今日の積み上げ
#プログラミング学習
#朝活
・JavaScript勉強
・サイト作成
・読書

今日はこれでいきます。
デザインカンプのサイトのホーム画面ができました。
リンク先のページも作りきってサイトの完成を目指します。

[ゆうすけ@エンジニア @adversity_SE]

webサイト作成を始めました。
学習サイトで学習してわかったつもりでいましたが、実際作ってみると全然思った通り進まないですね。
「知ってる」のと「できる」は違うと実感。
できるようになるために継続してwebサイトの作成を進めていきます。

#プログラミング学習

[ゆうすけ@エンジニア @adversity_SE]

ドットインストール詳解JavaScriptのAPI編を完了。
サイトをスクロールしたときに画像を表示されたり消えたりさせる仕組みを学べました。
次はよく見るUI編に入りつつ、デザインカンプからサイトを作る作業も並行してやっていきます。

#プログラミング学習

[ゆうすけ@エンジニア @adversity_SE]

ドットインストール詳解JavaScript DOM編が完了。
この学習もボリュームのある内容でした。
DOMと言われてもうっすらとしかわかっていませんでしたが、ツリー構造のイメージで説明があったのでようやくわかってきました。
次はAPI編に入っていきます。

#プログラミング学習

[ゆうすけ@エンジニア @adversity_SE]

ドットインストール 詳解JavaScript DOM編に入っていきます。今回も全21回と長編ですね。
DOMの概念も理解するまでに時間がかかりそうですが、じっくり学んでいきます。

#プログラミング学習

[ゆうすけ@エンジニア @adversity_SE]

mac用に東プレのRealForceキーボードを購入。
間違ってUS配列のキーボードを買ってしまいましたが、記号が打ちやすい配置にあって意外とプログラミングしやすいことに気づきました。
今後のプログラミングがより捗りそうです。

#プログラミング

[ゆうすけ@エンジニア @adversity_SE]

#今日の積み上げ
#プログラミング学習
ドットインストール
詳解JavaScript オブジェクト編完了

全35回の動画があり長かったです…
配列、タイマー、例外処理からクラスの扱いまでかなりのボリュームがありました。
プログラミング未経験だとこの辺りが１つの壁になりそうですね。

[ゆうすけ@エンジニア @adversity_SE]

ドットインストール
「はじめてのJavaScript編」完了。
とりあえずJavaScriptの動作について触れることを目的としているようです。
プログラム未経験の人だと何がどうなっているのかわからなくなりそうですが、ここはそういうものだと理解して先に進めということですね。

#プログラミング学習

[ゆうすけ@エンジニア @adversity_SE]

#今日の積み上げ
・ドットインストール
JavaScript よく見るUI作成の部分まで
・読書

今日はこれでいきます。
JavaScriptを入れることでよりwebサイトに動きが出てくるので楽しくなってきましたね。

#プログラミング学習

[ゆうすけ@エンジニア @adversity_SE]

ドットインストール
「実践！アプリ紹介ページを作ろう」完了
■まとめ
・webページの作成

今まで学んできたことの総集編という感じですね。
headerからfooterまでの構成を順番に作成することでページ作成のイメージも掴めました。

#プログラミング学習

[ゆうすけ@エンジニア @adversity_SE]

ドットインストール変数編が完了しました。
CSSで変数が使用できることをここで知ったので新たな学びになりました。
次は「実践！アプリ紹介ページを作ろう」に入っていきます。やっとページ作成に入れるのでサクサク進めていきます。

#プログラミング学習

[ゆうすけ@エンジニア @adversity_SE]

ドットインストール
「詳解CSS 変数編」 05～07完了
■まとめ
・CSS変数注意点
・テーマカラーを管理

プロパティ名には変数を使用できない。
変数使用時に単位をつけることはできない。
　→calc関数などを用いて変換をかける
単位のつけ忘れはありそうなので気をつけます。

#プログラミング学習

[ふ @__fu__]

なぜビルにこの名をつけたのか(´・ω・｀)？

[ゆうすけ@エンジニア @adversity_SE]

ドットインストール
「詳解CSS 変数編」 01〜04完了
■まとめ
・変数の宣言
・変数の継承

変数名は「--」から始まる。
使用するときはvar関数を使う
大文字、小文字も識別される

同じ値を何度も書かなくて良いので、変数が使えるのは便利ですね。

#プログラミング学習

[ゆうすけ@エンジニア @adversity_SE]

#今日の積み上げ
・ドットインストール
　詳解CSS 変数編まとめ
・JavaScriptいけるところまで
・読書

今日はこれでやっていきます。
１日プログラミング頑張ります。

#プログラミング学習

[ゆうすけ@エンジニア @adversity_SE]

ドットインストール「詳解CSS グリッドレイアウト編」が完了しました。
行,列の基本的な操作しか把握できてませんでしたが、他の操作に関するプロパティの内容を知れたことでより自由にgridを扱えそうです。
次は「詳解CSS 変数編」に入っていきます。

#プログラミング学習

[ゆうすけ@エンジニア @adversity_SE]

ドットインストール
「詳解CSS グリッドレイアウト編」 13～16完了
■まとめ
・grid-template-areasを使用
・gridの要素を揃える

Grid-areaで紐付けて直感的に配置できる。
ピリオドで配置なし指定ができる。
L字型配置や飛び石のように配置すると壊れるので注意が必要ですね。

#プログラミング学習