アトラス日々一歩

”日々一歩ずつでも前に!” リアルに経験してきたライフイベントや趣味に関する雑記ブログです。

【HTML & CSS】オンライン学習『Progate』をやってみた

f:id:AtlasLife:20190308002617p:plain

Progate | プログラミングの入門なら基礎から学べるProgate[プロゲート]

 

Progateはオンラインで16のコース、71のレッスンを通して、プログラミングを学習できるサイトです(アプリもあるみたい)

無料会員でHTML & CSSコース初級編をやってみたので、感想を書きたいと思います。

目次

  • ”HTML”と”CSS”とは?
  • Progate概要
  • 無料会員でやってみた感想

 

 

”HTML”と”CSS”とは?

 

ざっくりの説明として、これら2つは「Webページの見た目をつくる言語」です。このブログもこれら言語から成り立っています。

 

レッスンを受けた感覚だと、HTMLとCSSの役割は

 

HTML:Webページの部品・要素を描写する言語

CSS:それら部品・要素を組み立てる・デザインする言語

 

という感じでしょうか。

 

Webページの画面内で右クリックをして、「検証」をクリックしてみてください。

画面右側上部にHTMLのコード、下部にCSSのコードが確認できます。

 

自分もまだまだ勉強中なので、すべてわかる訳ではないですが、こんな文字列でWebページが成り立っているんだと簡単にチェックできます。

 

 

 

Progate概要

 

Progateの概要は以下の通りです。詳しくはこちらからご確認ください。

  • 16コース、71レッスン
  • スライド式の”講義”実際に手を動かす”演習”の2部構成
  • 無料会員でも基礎レベルの18レッスンを受講可能
  • 有料会員費は980円/月

以下に、講義のイメージ画像と演習のイメージ画像を貼付しておきます。

f:id:AtlasLife:20190308003936p:plain

講義イメージ HTML & CSS基礎編 

画像左側のサンプルWebページが基礎編を受けるだけで作れるようになります

 

f:id:AtlasLife:20190308004046p:plain

演習イメージ HTML & CSS基礎編

以下に、16コースの名称を書いておきます。

  1. HTML & CSS
  2. JavaScript
  3. jQuery
  4. Ruby
  5. Ruby on Rails5
  6. PHP
  7. Java
  8. Python
  9. Swift
  10. Command Line
  11. Git
  12. SQL
  13. Sass
  14. Go
  15. React

※16コースとホームページには書かれていますが、コース一覧のアイコンは上記の15個しか見つかりませんでした、、

 

 

無料会員でやってみた感想

 

良い点と悪い点の2つに分けてまとめました。

 

良い点

  • サイト内で学習が完結する(わざわざ言語を記述する環境を設定しなくてもいい)
  • いろんなコース・言語の基本を学べる
  • コースそれぞれにコラムがあり、実践時の環境設定なども学べる
  • レベルLv.の概念があり、成長感がある(1つの演習ごとに経験値がもらえ、レベルがアップする)

 

悪い点

  • 連続・集中してやらないと、学習内容を忘れたときに、スライドのどこに目的の内容があるのかわからなくなる
  • 全くプログラミンングに触れたことがないと、ヒントはあるものの、演習時につまずく可能性を感じた

 

基本的に、高評価です。

特に、HTMLとCSSが一緒に学べるのが良いと思います。

 

気になった方は、無料ではじめられますのでぜひ挑戦してみてください。

 

それでは

 

アトラス

 

 

 

祝発売【乃木坂46高山一実】写真集『独白』お渡し会に行ってみた@福家書店新宿サブナード店

乃木坂46高山一実さん2nd写真集『独白』 お渡し会行ってみた!

福家書店 新宿サブナード

f:id:AtlasLife:20190301224505j:plain

本人から手渡しで頂いた写真集!

 

目次

  • 当日の流れ
  • 写真集についての感想

 

 

 

当日の流れ

 今回(2019/2/27)のお渡し会は

福家書店 新宿サブナード店

で開催されました。

 

 上記のお店は、新宿の地下街サブナードの1丁目広場近くにあります。サブナードは1〜4丁目の4つの構成になっていて、”副都心線”や”丸の内線”の新宿三丁目駅改札から向かうと、一番奥に当たります。

 

 お店とお渡し会本会場、待機列のおおざっぱな位置関係は以下の図の通りです。自分は副都心線新宿三丁目駅から地下を歩いて行ったので、2丁目方面から歩きました。

 

f:id:AtlasLife:20190301201638j:plain

お渡し会 会場見取り図

 

 星マーク⭐️のある1丁目広場に、当日設置されていたブースが、実際に高山さんから本をもらえる本会場です。荷物の預けとボディーチェックはこちらで行っていました。

 

 本会場に進む前に待機する列は、レンガ造りの新宿プリンス方面の地下通路にありました。ここでの待ち方が、初めは「???」だったので備忘的に説明を残しておきます。

 

  1. チケットの整理番号をもとに、福家書店イベントぺージに記載の集合時間をチェック
  2. その時間になる前でも、待機列②で待つことは可能
  3. 時間がくると、スタッフが「整理番号○○番までの方、前(待機列①)にお越しください」とアナウンス
  4. 待機列①へ移動(つまり、待機列②の並び順は関係ありません、本当にただの”待機”列です)
  5. 待機列①で並び、身分証確認を行う
  6. その後、本会場へスタッフの誘導で移動

 

ざっくりこんな感じでした。特に2、3、4の箇所が何も説明がなく、当日の様子で把握した感じだったので、不安でした、、、

 

ただ、実際に本人を目の前して、本人から手渡しでもらえるのは嬉しいものです!

少しですが、会話もでき、「また来てね〜」と言ってもらえました!!

また、会いたいですな

次回は、サインありを狙いたいです!

 

要点をまとめると

  • 集合時間前に行ってもあまり意味なし
  • 同じようで同じでない待機列に注意
  • わからないときはスタッフに聞こう

皆さんもイベントで行く機会がありましたら、何かの参考になれば幸いです。

 

 

 

写真集の感想

 

 今回の高山一実さん(かずみん)写真集『独白』は

  • 約160ページのボリューム感
  • オリジナルポラロイド(かずみんのコメント入り)24ページブック
  • かずみん撮影写真を使ったしおり

という大ボリューム!

 

毎ページ異なる表情のかずみんでいっぱいです!サイコー!!

かずみんの笑顔には癒されます!

 

ポラロイドを集めたブックは、素の表情とかずみんのコメントで、撮影中の楽しさが伝わって来ました

 

しおりはアーティスティックな仕上がり

使わないともったいないけど、使えない、、、

ファンとはそういうものですな〜(写真集はみる専用でもう一冊買ってますww)

 

 

今回はこんなところで

また、イベント行ったら感想書きますね

それでは

 

 

アトラス

アトラスの自己紹介

ブログ初心者のアトラスです。

 

これから、過去も含めて経験したこと・趣味・挑戦していることなど

を書いていきます。

 

受験や就活など、同じような立場に立った時に、少しでもお役に立てるような内容にしていきたいです。

 

まずは、簡単なプロフィールから書きたいと思います。

f:id:AtlasLife:20190227215058j:plain

ゲームの影響で好きになったフランス!

基本情報

  • 1992年生まれ 男
  • ゲーム・映画・乃木坂46好き
  • 煎茶道(急須でお茶を淹れる茶道)やってます

略歴(中学校〜2019/2月)

 

略歴ごとに学んだことなどを随時ブログとして書いていきます。

 

現在勉強中のPhotoshopIllustrator・HTML・CLIP STUDIO PAINTなどは、

初めてみたいけどよくわからない

そもそも何?

という方もいらっしゃると思うので、一緒に勉強していけたらと思います。

 

それでは、これからよろしくお願いします。

 アトラス

 

P.S.

アトラス(Atlas)とは、地図ではなくて、

ギリシャ神話に登場する神

から取っています