<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>プログラミング | My egoistic life</title>
	<atom:link href="https://www.egomeblog.com/category/%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.egomeblog.com</link>
	<description>サラリーマンのためのスキルアップブログ</description>
	<lastBuildDate>Thu, 05 May 2022 08:11:22 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=5.9.13</generator>
	<item>
		<title>プログラミング初心者が1か月プロゲートでHTML&#038;CSSを学んだ結果</title>
		<link>https://www.egomeblog.com/%e3%83%97%e3%83%ad%e3%82%b0%e3%83%a9%e3%83%9f%e3%83%b3%e3%82%b0%e5%88%9d%e5%bf%83%e8%80%85%e3%81%8c1%e3%81%8b%e6%9c%88%e3%83%97%e3%83%ad%e3%82%b2%e3%83%bc%e3%83%88%e3%81%a7htmlcss%e3%82%92%e5%ad%a6/</link>
					<comments>https://www.egomeblog.com/%e3%83%97%e3%83%ad%e3%82%b0%e3%83%a9%e3%83%9f%e3%83%b3%e3%82%b0%e5%88%9d%e5%bf%83%e8%80%85%e3%81%8c1%e3%81%8b%e6%9c%88%e3%83%97%e3%83%ad%e3%82%b2%e3%83%bc%e3%83%88%e3%81%a7htmlcss%e3%82%92%e5%ad%a6/#respond</comments>
		
		<dc:creator><![CDATA[hirotsuguego]]></dc:creator>
		<pubDate>Thu, 21 Jan 2021 15:06:23 +0000</pubDate>
				<category><![CDATA[プログラミング]]></category>
		<guid isPermaLink="false">https://www.egomeblog.com/?p=293</guid>

					<description><![CDATA[<p>プログラミング初心者の私がプロゲート有料コースでHTML&#38;CSSを学んでみた感想です！ プロゲートって何？ プロゲートはWebで様々なプログラミングを学べるサービスです。 　　プロゲート：https://prog [&#8230;]</p>
The post <a href="https://www.egomeblog.com/%e3%83%97%e3%83%ad%e3%82%b0%e3%83%a9%e3%83%9f%e3%83%b3%e3%82%b0%e5%88%9d%e5%bf%83%e8%80%85%e3%81%8c1%e3%81%8b%e6%9c%88%e3%83%97%e3%83%ad%e3%82%b2%e3%83%bc%e3%83%88%e3%81%a7htmlcss%e3%82%92%e5%ad%a6/">プログラミング初心者が1か月プロゲートでHTML&CSSを学んだ結果</a> first appeared on <a href="https://www.egomeblog.com">My egoistic life</a>.]]></description>
										<content:encoded><![CDATA[<p>プログラミング初心者の私がプロゲート有料コースでHTML&amp;CSSを学んでみた感想です！</p>



<h2>プロゲートって何？</h2>



<p>プロゲートはWebで様々なプログラミングを学べるサービスです。</p>



<p>　　プロゲート：<a rel="noopener" title="https://prog-8.com/" href="https://prog-8.com/" target="_blank">https://prog-8.com/</a></p>



<p>190万ユーザー、100か国以上で展開されており、まさにプログラミングを一から学ぶ人の登竜門的なサイトですね。コースの途中までは無料で学べるのも良心的です。今回私が受講したのは「HTML＆CSS」のコース。全部で7レッスンとなっています。加えて道場コースという自分で一からページを作成するコースや、自分のPCで環境を構築する方法も解説されています。他にもJava Script、Pythonなど人気のプログラミング言語が用意されており、好きなコースを学べて、価格は月々980円と嬉しい値段設定です。これならちょっとやってみてもいいかなと思いませんか？私は無料コースから始めてすぐ有料コースに移りました。</p>



<h2><br />なぜプログラミングを学ぶ？</h2>



<p>私がプログラミングを今からITエンジニアに転職したいというわけではありません。本業が電子部品のエンジニアなのですが、そこそこ収入も得ているのでメリットも特にありません。むしろこれからまた違う職種のエンジニアで、しかも実働部隊として働くのは体力的に厳しいです。エンジニアって給料もそこそこ良くて、やりがいとか面白味もあるけど、反面、結構ストレスフルだったりするので。これはまたおいおい書いていきたいと思いますね。エンジニアって楽じゃないんですよ。</p>



<div class="wp-block-word-balloon-word-balloon-block"><div class="w_b_box w_b_w100 w_b_flex w_b_div"><div class="w_b_wrap w_b_wrap_talk w_b_L w_b_flex w_b_div" style=""><div class="w_b_ava_box w_b_relative w_b_ava_L w_b_f_n w_b_div"><div class="w_b_icon_wrap w_b_relative w_b_div"><div class="w_b_ava_wrap w_b_direction_L w_b_mp0 w_b_div"><div class="w_b_ava_effect w_b_relative w_b_oh w_b_radius w_b_size_M w_b_div" style="">
<img src="https://www.egomeblog.com/wp-content/uploads/2020/07/piso20200725004148.png" width="96" height="96" alt="" class="w_b_ava_img w_b_w100 w_b_h100  w_b_mp0 w_b_img" style="" />
</div></div></div></div><div class="w_b_bal_box w_b_bal_L w_b_relative w_b_direction_L w_b_w100 w_b_div"><div class="w_b_space w_b_mp0 w_b_div"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="1" height="38" viewBox="0 0 1 1" fill="transparent" stroke="transparent" stroke-miterlimit="10" class="w_b_db w_b_mp0"><polygon fill="transparent" stroke="transparent" points="0,1 0,1 0,1 0,1 "/></svg></div><div class="w_b_bal_outer w_b_flex w_b_mp0 w_b_relative w_b_div" style=""><div class="w_b_bal_wrap w_b_bal_wrap_L w_b_div"><div class="w_b_bal w_b_relative w_b_talk w_b_talk_L w_b_shadow_L w_b_ta_L w_b_div"><div class="w_b_quote w_b_div">
<p>じゃあなんで学ぶの？</p>
</div></div></div></div></div></div></div></div>



<div class="wp-block-word-balloon-word-balloon-block"><div class="w_b_box w_b_w100 w_b_flex w_b_mla w_b_jc_fe w_b_div"><div class="w_b_wrap w_b_wrap_talk w_b_R w_b_flex w_b_jc_fe w_b_div" style=""><div class="w_b_bal_box w_b_bal_R w_b_relative w_b_direction_R w_b_w100 w_b_div"><div class="w_b_space w_b_mp0 w_b_div"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="1" height="38" viewBox="0 0 1 1" fill="transparent" stroke="transparent" stroke-miterlimit="10" class="w_b_db w_b_mp0"><polygon fill="transparent" stroke="transparent" points="0,1 0,1 0,1 0,1 "/></svg></div><div class="w_b_bal_outer w_b_flex w_b_mp0 w_b_relative w_b_div" style=""><div class="w_b_bal_wrap w_b_bal_wrap_R w_b_div"><div class="w_b_bal w_b_relative w_b_talk w_b_talk_R w_b_shadow_R w_b_ta_L w_b_div"><div class="w_b_quote w_b_div">
<p style="text-align: left;">Webアプリを作ってみたいと思ったから。Wwbアプリを作れるようになったら面白そうだし、副業とかにも繋がるかも？という軽い感じだね。</p>
</div></div></div></div></div><div class="w_b_ava_box w_b_relative w_b_ava_R w_b_f_n w_b_div"><div class="w_b_icon_wrap w_b_relative w_b_div"><div class="w_b_ava_wrap w_b_direction_R w_b_mp0 w_b_div"><div class="w_b_ava_effect w_b_relative w_b_oh w_b_radius w_b_size_M w_b_div" style="">
<img src="https://www.egomeblog.com/wp-content/uploads/2020/08/MTXX_20200808160416_org_2.jpg" width="96" height="96" alt="" class="w_b_ava_img w_b_w100 w_b_h100  w_b_mp0 w_b_img" style="" />
</div></div></div></div></div></div></div>



<p>ただ、プロゲートを始めようと考えている方の中にはスキルをつけてエンジニアに転身したい！という方もたくさんいると思います。個人的にはそういった方もまずプロゲートやってみるのはいいと思います。というのも、今まったくプログラミングに縁がない職業で働いている方で、イメージが湧いてない方はスクールに通うのは慎重になった方がいいと思います。というのも、やってみたけどイメージと違ったとか、あまり好きになれそうもない、となっても簡単に路線変更できないぐらいの金額だからです。安くても7~8万円、高ければ数十万ですからね。もちろん、お金を払っているから続けられるというメリットもあるのですが、まず雰囲気を知るというのは大事かなと思います。その点でもプロゲートはうってつけです。まず無料版で雰囲気を味わって、そこでさらに学びたいとなればスクールに通うなり、本を買って自分で勉強するなり方向性を決めた方がいいでしょう。</p>



<h2> </h2>



<h2>プログラミング言語　HTMLとCSSって何？</h2>



<div class="wp-container-1 wp-block-group">
<div class="wp-block-group__inner-container">
<div class="wp-block-columns">
<div class="wp-block-column" style="flex-basis: 100%;">
<div class="wp-block-columns">
<div class="wp-block-column" style="flex-basis: 100%;">
<div class="wp-block-columns">
<div class="wp-block-column" style="flex-basis: 100%;">
<p>はい。私も全然分かってませんでした。この2つは私達がスマホで閲覧するWebサイトの見た目を作るためのプログラミング言語です。</p>



<ul>
<li>HTML ＝ Hyper Text Markup Language</li>
<li>CSS = Cascading Style Sheets</li>
</ul>



<p>何かどっちもかっこいいですね！HTMLは<a rel="noopener" href="https://ja.wikipedia.org/wiki/%E3%83%86%E3%82%A3%E3%83%A0%E3%83%BB%E3%83%90%E3%83%BC%E3%83%8A%E3%83%BC%E3%82%BA%EF%BC%9D%E3%83%AA%E3%83%BC" target="_blank">ティム＝バーナーズ＝リー博士</a>という人が作った言語で、これが今日のインターネットの起源であると言っても過言ではありません。ざっくり言うと、色んなコンピュータに置かれているデータを相互にリンクできるようにするための言語、という感じです。インターネットも結局リンク&#x27a1;リンク&#x27a1;リンクとページをジャンプしていきますよね。インターネット≒リンクされた情報の集合体と言ってもいいでしょう。余談ですが、皆さんも使うhttp(＝Hypertext Transfer Protocol)というのがこのHTMLを呼び出すための呪文です。つまり、皆さんがWebページを閲覧するというのはこのHTTPという通信手順によってHTMLという言語を読みだして、ブラウザ(Google Chrome,Edge,Safari)がそれを読めるようにして表示している、ということになります。</p>



<p>次にCSSですが、こちらはHTMLが文書や画像などコンテンツ＝中身の部分を作るのに対し、文字の色や配置など見た目を装飾するための言語です。この2つが使えるようになると、いわゆるWEBサイトやHPの「見た目」を作れるようになります。こういう見た目の部分をフロントエンドと言ったりします。あくまで「見た目」な点に注意してください！例えばWebサイトにログイン機能をつけるといった場合は、ログインボタンや入力フォームを作ることはできますが、実際にはそれだけでなく、ログインIDやパスワードといったデータ管理が必要になってきます。そうなるとこの2つだけではできません。データを扱うためには別の言語を学ぶ必要があります。こちらをサーバーサイドとかバックエンドなどと言い、フロントエンドがお店のショーウィンドウだとすれば、バックエンドは倉庫や顧客データなどお客さんには見えない裏方の部分にイメージです。</p>



<p>何だ、じゃあHTML＆CSSだけじゃ意味ないじゃんと思うかもしれませんが、例えば企業のホームページを作る、といった場合であればHTML&amp;CSSだけである程度いけると思います。ただし、動きのあるWebサイト制作がしたい人は加えてJava Scriptを学ぶ必要があります。Java Scriptは例えばWebサイトにチャット機能を付けるとかができるようになります。またデータベースとデータのやり取りをするのにも使います。また最近はサーバーサイドの言をJava Scriptで記述できるNode.jsというパッケージもあり、HTML&amp;CSSと合わせてWebサイトを作りたい、フロントエンドエンジニアになりたい人には必修科目となっています。多分。</p>



<h2>無料コースは体験版的な位置づけ！有料コースを取るべし。</h2>



<p><br />本気で学びたいなら有料コースに入った方がいいと思います。月額1000円程度で全コース学び放題なので、非常にリーズナブルではないでしょうか。はっきり言って悩むほどの金額ではないと思います。今の時代ネットで検索して自分で環境構築して、とやっていけば完全無料、完全独学でスキルを身に着けることもできる可能性はありますが、挫折する確率も高くなります。プログラミングスクールに通うとなるとかなりお金も必要になりますが、本を買ったりこういったサービスを利用する程度は必要経費として割り切った方がいいでしょう。</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>



<h2>プロゲートのメリット デメリット</h2>



<h3><br />メリット１：環境を用意する必要がない</h3>



<p><br />はい。これは非常に大きいですね。これは他の言語のコースにも言えることですが、いきなりコードを書ける環境があるというのはメリットです。別の記事で書きますが初心者が環境を構築するのってものすごく大変です。私もNode.jsとMySQLというデータベースのためのプログラミング言語の環境を作るのに一週間かかりました。仕事が終わって家族が寝静まってからなので一日数時間でしたが、結構つまづいて心を折られかけましたから。ですので最初にそこを飛ばしていきなりコードを書ける、というのはスタートしては非常にいいんです。ただし、HTML&amp;CSSに関してだけ言えば、テキストエディタがあれば記述できるし、Chromeでファイルを読めば表示もできるので自分のPCでの環境構築もほぼいりません。Java Scriptとかデータベースを使うなとなればPCに環境構築が必要になってきます。</p>



<h3><br />メリット２：インプット&#x27a1;アウトプットを順にやるので身に付きやすい</h3>



<p><br />プロゲートのレッスンの構成は、コースの中が章分けされていて、学ぶコードに対してまず説明があり、次に実際それを書いてみる、という繰り返しになっています。人間はインプットしただけではほとんど忘れてしまう生き物なので、定着させるにはアウトプットする必要があり、これを自然にできる構成になっているがプロゲートの特長です。プログラミングの本とか、動画とか、見るだけで満足してしまってなかなか身につかないということが避けられます。私もエンジニアだから色々なツールを使ったりしますが、皆さんもお仕事で色々覚える時って、座学より実際にやってみて覚えるというやり方をしている方が大半ではないでしょうか。とにかく手を動かす、ここがしっかりケアされているのが魅力です。</p>



<h3>デメリット：コースを一周してもサイトをすぐに作れるようにはならない</h3>



<p><br />そうなんですよ。私もすぐできるようになるかなと思ってました。でもこれはしょうがないですね。やはりプログラミングも仕事や他のスキル同様ある程度の量をこなさないと身につきません。よってまずはプロゲートで基本を学び、そこから自分で色々作ってみたり復習していくというのが近道になると思います。道場コースというのもあり、お手本を見ながら同じように作っていく、というコースもあるので、そちらも活用してサイト制作に向けて進めていってください。実際やるとなればプログラミングのコードを書くだけでなく、自分のPCに環境構築なんかもやらなければいけません。かなり大変というかハードルが高かったです。プロゲートで頑張ってもここで挫折する人が結構いるんじゃないかなと思ったぐらいでして。なので、プロゲートをやってやっと初心者の入り口に立ったぐらいと考えた方がいいですね。過度の期待は禁物です。</p>



<h2><br />1か月学んだ結果</h2>



<p><br />有料コースに道場コースというのがありますが、先程紹介したページを自分で作って、公開するところまでできるようになりました。私が作りたいのはWebアプリなので他のコースにもチャレンジしていこうと思います。</p>



<h2>結論</h2>



<p><br />プロゲートはプログラミングの入門にはいいと思います！そしてどうせやるなら有料コース一択！でもプロゲートだけじゃマスターはできないのでその後の継続が重要です。私はいきなりHTML＆CSS<br />から始めましたが、ある程度HTMLが何かを理解されている方は、身に着けたいスキルが何なのか見極めてから学習をスタートすると効率的かなと思います。</p>The post <a href="https://www.egomeblog.com/%e3%83%97%e3%83%ad%e3%82%b0%e3%83%a9%e3%83%9f%e3%83%b3%e3%82%b0%e5%88%9d%e5%bf%83%e8%80%85%e3%81%8c1%e3%81%8b%e6%9c%88%e3%83%97%e3%83%ad%e3%82%b2%e3%83%bc%e3%83%88%e3%81%a7htmlcss%e3%82%92%e5%ad%a6/">プログラミング初心者が1か月プロゲートでHTML&CSSを学んだ結果</a> first appeared on <a href="https://www.egomeblog.com">My egoistic life</a>.]]></content:encoded>
					
					<wfw:commentRss>https://www.egomeblog.com/%e3%83%97%e3%83%ad%e3%82%b0%e3%83%a9%e3%83%9f%e3%83%b3%e3%82%b0%e5%88%9d%e5%bf%83%e8%80%85%e3%81%8c1%e3%81%8b%e6%9c%88%e3%83%97%e3%83%ad%e3%82%b2%e3%83%bc%e3%83%88%e3%81%a7htmlcss%e3%82%92%e5%ad%a6/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
