<?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>ドットインストール &#8211; mayulog</title>
	<atom:link href="https://mayulog.xyz/tag/%E3%83%89%E3%83%83%E3%83%88%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB/feed/" rel="self" type="application/rss+xml" />
	<link>https://mayulog.xyz</link>
	<description></description>
	<lastBuildDate>Tue, 01 Sep 2020 06:11:12 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.4</generator>

<image>
	<url>https://mayulog.xyz/wp-content/uploads/2020/08/cropped-f_f_traffic_11_s512_f_traffic_11_2bg-1-32x32.png</url>
	<title>ドットインストール &#8211; mayulog</title>
	<link>https://mayulog.xyz</link>
	<width>32</width>
	<height>32</height>
</image> 
<atom:link rel="hub" href="https://pubsubhubbub.appspot.com"/>
<atom:link rel="hub" href="https://pubsubhubbub.superfeedr.com"/>
<atom:link rel="hub" href="https://websubhub.com/hub"/>
<atom:link rel="self" href="https://mayulog.xyz/tag/%E3%83%89%E3%83%83%E3%83%88%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB/feed/"/>
	<item>
		<title>【初心者オンライン学習プログラミングサイト２選】HTMLとCSSはプログラミング言語じゃなかった！</title>
		<link>https://mayulog.xyz/programming/</link>
					<comments>https://mayulog.xyz/programming/#respond</comments>
		
		<dc:creator><![CDATA[MAYU]]></dc:creator>
		<pubDate>Sat, 27 Jun 2020 21:04:04 +0000</pubDate>
				<category><![CDATA[日常]]></category>
		<category><![CDATA[Progate]]></category>
		<category><![CDATA[ドットインストール]]></category>
		<category><![CDATA[プログラミング学習]]></category>
		<category><![CDATA[プログラミング言語]]></category>
		<guid isPermaLink="false">https://mayulog.xyz/?p=656</guid>

					<description><![CDATA[<p><img src="https://mayulog.xyz/wp-content/uploads/2020/06/bfcec8dd70d13cc3f6dffd5cec05e134-1024x538.jpg" class="webfeedsFeaturedVisual" /></p>HTML＝マークアップ言語・CSS＝スタイルシート HTMLは「マークアップ言語」 HTMLは「タグ」と呼ばれるもので、文字情報にクラス名などで「マーク」をつけることからマークアップ言語と呼ばれます。 CSSは「スタイル [&#8230;]]]></description>
										<content:encoded><![CDATA[<p><img src="https://mayulog.xyz/wp-content/uploads/2020/06/bfcec8dd70d13cc3f6dffd5cec05e134-1024x538.jpg" class="webfeedsFeaturedVisual" /></p>
<h2 class="wp-block-heading">HTML＝マークアップ言語・CSS＝スタイルシート</h2>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cn cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://mayulog.xyz/wp-content/uploads/2020/06/animal_chara_computer_penguin-150x150.png" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>プログラミング言語ってたくさんありすぎ！</p>
</div></div>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-r sbis-cn cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://mayulog.xyz/wp-content/uploads/2020/06/animal_chara_computer_azarashi-150x150.png" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>HTMLとCSSはプログラミング言語じゃないんだって！</p>
</div></div>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cn cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://mayulog.xyz/wp-content/uploads/2020/06/animal_chara_computer_penguin-150x150.png" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>じゃあ何よ？？？</p>
</div></div>



<h3 class="wp-block-heading"><strong>HTMLは「マークアップ言語」</strong></h3>



<p>HTMLは「タグ」と呼ばれるもので、文字情報にクラス名などで「マーク」をつけることからマークアップ言語と呼ばれます。</p>



<h3 class="wp-block-heading"><strong>CSSは「スタイルシート」</strong></h3>



<p>CSSは、HTMLのマークに装飾をして「スタイル」を整えることから、「スタイルシート言語」と呼ばれます。</p>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-r sbis-cn cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://mayulog.xyz/wp-content/uploads/2020/06/animal_chara_computer_azarashi-150x150.png" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>HTMLとCSSができる人のことを『コーダー』っていうんだってさ！</p>
</div></div>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cn cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://mayulog.xyz/wp-content/uploads/2020/06/animal_chara_computer_penguin-150x150.png" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>プログラミング学習してるって言えなくなっちゃった…</p>
</div></div>



<p>PHPちょっとやったから「プログラミング学習”も”してます」でいっか。</p>



<div class="wp-block-cocoon-blocks-blogcard blogcard-type bct-reference-link">








<p><a href="https://www.modis.jp/staffing/insight/column_46/">https://www.modis.jp/staffing/insight/column_46/</a></p>








</div>



<h2 class="wp-block-heading">必須になりそうなパソコンスキル</h2>



<p>コロナ禍と今後の日本の雇用を考えると<strong>パソコンのスキルは当然となり、スマホ使えますか？レベルのお話になる</strong>と思っています。<br><br>スマホやタブレットが普及する前はそんな時代もありましたが、最近はスマホやタブレットは使いこなせるけど、パソコンが使えないという若者も多いと聞きます。<br><br>実際、私の部署の上司や同僚、新入社員は使えません。<br><br>自動車製造業の現場ではほとんど使わないですからね…<br><br>職場にパソコンは設置されていますが、一般社員はマウスでクリックだけで済む程度の使用頻度で、唯一パソコンの前で仕事している上司でさえも左右の人差し指を駆使してタイピングしています。<br></p>



<h3 class="wp-block-heading">スーパーシティ法でAIが蔓延るのか？</h3>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-6 sbs-think sbp-l sbis-cn cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://mayulog.xyz/wp-content/themes/cocoon-master/images/obasan.png" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>今後は基本AIが牛耳るんでしょうねぇ・・・</p>
</div></div>



<p>牛耳るまではいかないで欲しいですが十中八九、生活や仕事に関わってくるでしょう。<br><br>今の自分のままだとAIのお手伝いさんしかできなくなってしまいます。<br><br>それは嫌。<br><br>AIを操れる側、操れなくても維持管理できるくらいにはなりたい！<br><br>・・・というわけで、<br>プログラミング言語もまだよくわかりませんが、今HTMLとCSSを学習中です。</p>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cn cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://mayulog.xyz/wp-content/uploads/2020/06/animal_chara_computer_penguin-150x150.png" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>正確には、プログラミング言語じゃなかったけどね…笑</p>
</div></div>



<p>ITスキルをつけていかないとちょっと怖い世の中になってきましたね。<br>詳しくはないですが、情報を集めていると対人での仕事がなくなっていくそうです。</p>



<h3 class="wp-block-heading">ブログ＋プログラミング</h3>



<p>それでわかったことなんですが、<strong>HTMLとCSSの学習はブログに役立ってます。</strong><br><br>学習してたらHTMLもCSSもわからなかったのに「ここからここまでがこの画像のコードね」という感じでわかるようになっていました。<br><br>WordPressでブログを始めるのにプログラミングスキルは必要ないですけど、何かとHTMLとCSS、あとJavaScriptの言葉が出てくるんですよね。<br><br>やってみて損はないと思いました。</p>



<p>初心者にはわかりやすと高評価だったのでコチラの本を１冊だけ買いました。<br>それ以外はオンラインの学習サイトです。</p>





<a href="https://px.a8.net/svt/ejp?a8mat=3BG6BG+5JG8FM+4DHQ+HY06A" rel="nofollow">1ヶ月完結「Fammママwebデザイナースクール」</a>
<img decoding="async" border="0" width="1" height="1" src="https://www14.a8.net/0.gif?a8mat=3BG6BG+5JG8FM+4DHQ+HY06A" alt="">



<a href="https://px.a8.net/svt/ejp?a8mat=3BG6BG+5JG8FM+4DHQ+HXSGH" rel="nofollow">
<img decoding="async" border="0" width="468" height="60" alt="" src="https://www28.a8.net/svt/bgt?aid=200628988335&amp;wid=001&amp;eno=01&amp;mid=s00000020411003013000&amp;mc=1"></a>
<img decoding="async" border="0" width="1" height="1" src="https://www12.a8.net/0.gif?a8mat=3BG6BG+5JG8FM+4DHQ+HXSGH" alt="">



<h2 class="wp-block-heading">オススメのオンラインプログラミング学習サイト</h2>



<div class="wp-block-cocoon-blocks-iconlist-box iconlist-box blank-box list-star block-box has-background has-icon-color has-watery-blue-background-color has-green-icon-color"><div class="iconlist-title"></div>
<ul class="wp-block-list"><li>Progate（プロゲート）</li><li>ドットインストール</li></ul>
</div>



<h3 class="wp-block-heading">プロゲート</h3>



<div class="wp-block-cocoon-blocks-blank-box-1 blank-box block-box has-border-color has-watery-yellow-border-color">
<p>実際に私は課金して学習しているサイトです。<br><br>エディタもサイト内で完結しているので、コード入力に集中できます。<br><br>ただ、不満点といえば…<br>覚えようとしなくても理解してなくても言われたとおりに操作していけばできてしまうところです。<br>サクサク進むのでやってる感はありますし、道場でつまづくので戻って「覚えよ」となると思います。<br><br>その道場がめっちゃむずい。<br>上級者もできなくて当然と言ってるのであまり悩まず進みましょう！<br><br>数レッスンは無料でできるのでお試しください。（道場は有料）</p>
</div>



<div class="wp-block-cocoon-blocks-button-1 aligncenter button-block"><a href="https://prog-8.com/" class="btn btn-m btn-shine has-background has-amber-background-color has-medium-font-size" target="_blank">Progate(プロゲート）</a></div>



<h3 class="wp-block-heading">ドットインストール</h3>



<div class="wp-block-cocoon-blocks-blank-box-1 blank-box block-box has-border-color has-watery-yellow-border-color">
<p>実際のエディタを使用して学習できます。<br>エディタは”Visual Studio Code”でVS Codeと呼ばれているものを使用します。</p>



<p>インストールや設定も動画で教えてくれるので安心です。</p>



<p>その動画も１レッスン３分以内なので取り組みやすいです、が！</p>



<p>その動画がめっちゃ早い！<br>何回リピートしたことか！</p>



<p>サクサク進んでいいですけどね。</p>



<p>この動画も有料会員になれば再生スピードの調整もできます。</p>



<p>私はまだ無料会員です。</p>
</div>



<div class="wp-block-cocoon-blocks-button-1 aligncenter button-block"><a href="https://dotinstall.com/" class="btn btn-m btn-shine has-background has-amber-background-color has-medium-font-size" target="_blank">ドットインストール</a></div>



<p>プロゲートをやってからドットインストールをやるのがオススメ！<br><br>ドットインストールの爆速動画の無料レッスンを最初にやってみてから、プロゲートでちゃんと学んで、またドットインストールに戻ると「俺スゲェ！」感は味わえます。</p>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-think sbp-r sbis-cn cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://mayulog.xyz/wp-content/uploads/2020/06/animal_chara_computer_azarashi-150x150.png" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>俺スゲェじゃん！爆速動画についていけるぜ！</p>
</div></div>



<p>動画のスピードについていけないのがついていけたりしたらちょっと嬉しいですよね。<br></p>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cn cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://mayulog.xyz/wp-content/uploads/2020/06/animal_chara_computer_penguin-150x150.png" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>私も頑張ります！</p>
</div></div>



<h2 class="wp-block-heading">プログラミングにオススメのパソコン</h2>



<p>もし、もうパソコンをお持ちの方はわざわざ新しく買わなくても？<br>と、思うかもしれませんが、私は購入することをお勧めしたいです。</p>



<p>私はWindowsのASUSのパソコンを持っていて、はじめはブログもプログラミングもそのパソコンでやっていて今のパソコンでMacデビューしました。</p>



<h3 class="wp-block-heading">Mac一択！MacBook Pro 13が良い！</h3>



<p>私は、MacBook Pro 13を購入しました。<br><br>理由は、プログラミングをされている方のMacの使用率が高い！<br>もし操作等でわからないことがあったら聞きやすい。<br><br>ちなみにドットインストールもMacを使用した画面で動画が進んでいきます。<br><br>操作が直感的で扱いやすいです。<br>ブログだけならWindowsでも低価格なパソコンでも全然大丈夫ですが、本気でプログラミングを覚えようと思うのであればMacをお勧めします。</p>
]]></content:encoded>
					
					<wfw:commentRss>https://mayulog.xyz/programming/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
