マガジンのカバー画像

はじめてのプログラミング☆

16
運営しているクリエイター

記事一覧

flexbox

flexbox

今日はFlexboxについて学習しました。

自分でも実際にコードを入れて実践しようとしたのですが
サンプルのコードを使ってもブラウザに反映されず断念。

Flexboxについての動画を見ながら
Wordにメモをしていく形で理解しました。

display: flex;     左から右に順に並ぶ
flex-direction: row;      左から右
flex-direction: row

もっとみる
レスポンシブWebデザイン入門講座 終了!

レスポンシブWebデザイン入門講座 終了!

本日
『レスポンシブWebデザイン入門講座』
終了しました!

今回もYouTubeでTechAcademyさんの
4~7分ほどの動画です。19本学習しました。

前回よりも理解しやすく
そこまで難しさは感じませんでした。

私は今回
今までと少し学習の仕方を変えてみました。

今まではWordに動画を見ながら自分で書いたコードと
それによってできたブラウザを貼っていました。
今回はそれに加えて1

もっとみる
レスポンシブWebデザイン

レスポンシブWebデザイン

今日は久しぶりにプログラミングの勉強やってます。
デベロッパーツールの使い方編は一通り終了して
「レスポンシブWebデザイン入門」編に突入しました。

最近寒くてコタツに逃げ込んでいたのですが
そうすると何もやる気が出なくて・・・

普段プログラミングや仕事関係のことをする場所に
座ることにしました。

すると不思議なことに
「やろう」となりました。

場所って大切ですね。

気分を変えてカフェな

もっとみる
Google Chromeのデベロッパーツール

Google Chromeのデベロッパーツール

現在
デベロッパーツールについての記事や動画を
色々見ています。

全ての機能を理解したわけではないですが
とても便利だし参考になりそうだ!
と思います。

ほとんど英語で書いてあるし
英語があまり得意でないと
なかなか最初は使いにくいかもしれませんが
使っていけば慣れていくんじゃないかな~
と思っています。

また
既存のサイトを自分でいろいろいじっても
そのサイトのファイルに保存しない限り

もっとみる
CSS編 終了!

CSS編 終了!

今日ついに『はじめてのCSS入門講座』終了しました!
HTML同様、YouTubeのTechAcademyが出している
4~7分ほどの動画です。今回は34本ありました。

正直、すべては理解できていないです。
とにかくすべて学習はしてみました。

HTMLのほうは比較的理解できましたが、
CSSのほうは難しく感じました。

Progateで学んだところは理解しやすかったですが
動画で初めて学んだと

もっとみる
CSS編 3

CSS編 3

今日も相変わらずプログラミング勉強していました。

ようやくCSSが2/3終わりました!

前回の悩み
:only-childタグの回の次くらいから
再び調子を取り戻しました!

Progateでやったところの復習のような感じ
だったからだと思います!

ということは、やはりProgateは
私と相性が良かった
ということですね!

ただ
Progateだけでは正直、実践部分が
少し足りない気がす

もっとみる
CSS編 2

CSS編 2

昨日に続き、CSSをやっているのですが
今日初めて2つ目の動画でつまづき、
それから進みません・・・

泣きそうです。

ネット検索してみると
同じところでつまづいて
質問している方がいたのですが
それを見てもよく分からず・・・

ちなみに
:only-childタグについてなのですが
bodyの子要素であるulにだけcolorを反映させたいのに
HTML全体に反映されてしまいます・・・

「兄弟

もっとみる
CSS編

CSS編

昨日からCSS編に入りました。
HTMLのようにTechAcademyの動画で
実践しながらやっています。
HTMLは動画が24本でしたが
CSSは動画が34本あって今1/3終わりました。

唯一
CSSのidセレクタを「#」でコードを入れても
反映されないという問題が起きていますが
それ以外は順調に進んでいます。

“覚える“というよりも今は
“とにかくやってみる”
“とにかく手を動かしてみる”

もっとみる
HTMLの実践

HTMLの実践

今日はTechAcademyがYouTubeに出している
『はじめてのHTML入門講座』を見ながら
実践してみました。
4~7分ほどの動画が24本あります。

1-1 HTMLとは何か?
1-2 マークアップ
1-3 HTMLの基礎構造
1-4 よく使われるタグ
2-1 見出し・段落
2-2 協調・区切り線
2-3 引用
2-4 略語・名前の特記・住所表現
2-5 コード・改行・プリフォーマット

もっとみる
Webブラウザに表示

Webブラウザに表示

昨日まで3日間ほど使い方に悩んでいた
『Sublime Text』

ようやくコードが書けました!
というか、コピーしただけなのですが
Google chromeで表示できました!

昨日まではコードを書こうとしても ↑ 上のようにカラフルではなく
すべてが白いままでWebブラウザに表示もできませんでした。

感動です!

今回も昨日に続き、「web兄さん」さんのサイトを
読みながらできました。

もっとみる
Sublime Textの日本語設定

Sublime Textの日本語設定

Sublime Textの日本語設定ができました!
分かりやすく説明してくださっている方がいたので
助かりました。

MacとWindowsの両方で解説してくださっています。
ありがとうございます。

危うくもうすぐで嫌になるところでした(-_-;)
まだまだここからが始まりですが
1つ1つクリアしていきます!

Sublime Textがまだ使えない

Sublime Textがまだ使えない

昨日インストールしたSublime Text
使い方が分からな過ぎて心が折れそうです・・・
ほとんど英語で書いているのと
参考にしているTechAcademyさんの画面と違って
どこを開けば同じになるのか分からず・・・

Sublime Textに「Hello,World!」と文字を打って
それをGoogleで開きたいのですが
そもそもどこに保存すればいいのか
(動画では保存してそのまま「Goog

もっとみる
Sublime Textの設定

Sublime Textの設定

今日はSublime Textの設定をしました。
まずSublime Textのインストールをしました。
次にPackageCotrollをインストールすることが
なかなかできなくて
5つくらいのサイトを渡り歩きました。
そのあとは日本語環境の設定と
プラグイン(とりあえずHTML5とSublimeLinter)
のインストールをしました。

ここまでで1時間近くかかりました(-_-;)

いまい

もっとみる
HTML・CSS初級終了!

HTML・CSS初級終了!

HTMLとCSSの初級を、アプリ版とWeb版両方終えました。
毎日少しずつだったので少々時間がかかってしまいましたが・・・

終えてみて、
プログラミングはやっぱり面白い!
と思い続けています。

自分で何かを作り出すって面白いです。
今まで見ていたものが作れた時の感動はたまらないです。

それに、progateとも相性がいいのだと思います。

これから、HTML・CSSの中級に進むか
ほかの言語

もっとみる