<?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>アウトプット | kinoblog</title>
	<atom:link href="https://kinonoteblog.com/tag/%E3%82%A2%E3%82%A6%E3%83%88%E3%83%97%E3%83%83%E3%83%88/feed" rel="self" type="application/rss+xml" />
	<link>https://kinonoteblog.com</link>
	<description></description>
	<lastBuildDate>Sat, 10 Oct 2026 12:05:56 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	
<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://kinonoteblog.com/tag/%E3%82%A2%E3%82%A6%E3%83%88%E3%83%97%E3%83%83%E3%83%88/feed"/>
	<item>
		<title>続かない人におすすめなスキル、『続ける技術』で目標達成!!</title>
		<link>https://kinonoteblog.com/lifehack/continuing-skill?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=continuing-skill</link>
					<comments>https://kinonoteblog.com/lifehack/continuing-skill#respond</comments>
		
		<dc:creator><![CDATA[kino]]></dc:creator>
		<pubDate>Fri, 19 Mar 2021 00:00:37 +0000</pubDate>
				<category><![CDATA[ライフハック]]></category>
		<category><![CDATA[マインド]]></category>
		<category><![CDATA[イラスト]]></category>
		<category><![CDATA[ブログ]]></category>
		<category><![CDATA[目標]]></category>
		<category><![CDATA[ipad]]></category>
		<category><![CDATA[生活]]></category>
		<category><![CDATA[pickup]]></category>
		<category><![CDATA[レビュー]]></category>
		<category><![CDATA[時間]]></category>
		<category><![CDATA[プログラミング]]></category>
		<category><![CDATA[アウトプット]]></category>
		<category><![CDATA[体験談]]></category>
		<guid isPermaLink="false">https://kinonoteblog.com/?p=2650</guid>

					<description><![CDATA[<p>&#160; こんにちは、 キノ(@zB75pWavnhDTIxr)です。 &#160; 今日は『物事を続けること』を書いていきます。 何に対しても『物事を続けること』って難しいですよね。 &#160; 今回は『物事を続...</p>
<p>The post <a href="https://kinonoteblog.com/lifehack/continuing-skill">続かない人におすすめなスキル、『続ける技術』で目標達成!!</a> first appeared on <a href="https://kinonoteblog.com">kinoblog</a>.</p>]]></description>
										<content:encoded><![CDATA[<p>&nbsp;</p>
<p>こんにちは、</p>
<p><span style="font-weight: 400;"><a style="text-decoration: none;" href="https://twitter.com/zB75pWavnhDTIxr" target="_blank" rel="noopener noreferrer">キノ(</a><a class="ProfileHeaderCard-screennameLink u-linkComplex js-nav" href="https://twitter.com/zB75pWavnhDTIxr"><span class="username u-dir" dir="ltr">@<b class="u-linkComplex-target">zB75pWavnhDTIxr</b></span></a><a style="text-decoration: none;" href="https://twitter.com/zB75pWavnhDTIxr">)</a></span>です。</p>
<p>&nbsp;</p>
<p>今日は『物事を続けること』を書いていきます。</p>
<p>何に対しても『物事を続けること』って難しいですよね。</p>
<p>&nbsp;</p>
<p>今回は『物事を続けること』について分かったことをお伝えします。</p>
<p>&nbsp;</p>
<div class="voice cf r big"><figure class="icon"><img decoding="async" src="https://kinonoteblog.com/wp-content/uploads/2019/06/nayamu_boy2.png"><figcaption class="name">少年A</figcaption></figure><div class="voicecomment">『物事を続けること』か…。うう…頭が痛い。</div></div>
<div class="voice cf l big"><figure class="icon"><img decoding="async" src="https://kinonoteblog.com/wp-content/uploads/2019/03/nigaoemaker.png"><figcaption class="name">キノ</figcaption></figure><div class="voicecomment">
<p>分かる分かる。</p>
</div></div>
<p>やりたいことを続けたいのに続けられない理由は、別に僕らがやる気がないからではなくて、</p>
<p><strong><span class="yellow">『物事を続ける技術』を知らないだけなんですね。</span></strong></p>
<p>&nbsp;</p>
<p>さらに言うと、性格や才能や努力、やる気すらも関係ないですし、</p>
<p><strong>「精神論」ではなくて「科学的な技術」なんです。</strong></p>
<p>&nbsp;</p>
<p><strong><span class="yellow">結論を言うと『行動』に焦点を当てるんです。</span></strong></p>
<p>詳細は以下から↓</p>
<p><strong></strong></p>
<div class="kaerebalink-box" style="text-align: left; padding-bottom: 20px; font-size: small; zoom: 1; overflow: hidden;">
<div class="kaerebalink-image" style="float: left; margin: 0 15px 10px 0;"><a href="//af.moshimo.com/af/c/click?a_id=1512568&amp;p_id=54&amp;pc_id=54&amp;pl_id=616&amp;s_v=b5Rz2P0601xu&amp;url=https%3A%2F%2Fproduct.rakuten.co.jp%2Fproduct%2F-%2F336aa802d5f9866526c7978cf5c16f80%2F" target="_blank" rel="nofollow noopener noreferrer"><img decoding="async" style="border: none;" src="https://thumbnail.image.rakuten.co.jp/ran/img/2001/0009/784/860/638/726/20010009784860638726_1.jpg?_ex=320x320" /></a><img decoding="async" style="border: none;" src="//i.moshimo.com/af/i/impression?a_id=1512568&amp;p_id=54&amp;pc_id=54&amp;pl_id=616" width="1" height="1" /></div>
<div class="kaerebalink-info" style="line-height: 120%; zoom: 1; overflow: hidden;">
<div class="kaerebalink-name" style="margin-bottom: 10px; line-height: 120%;">
<a href="//af.moshimo.com/af/c/click?a_id=1512568&amp;p_id=54&amp;pc_id=54&amp;pl_id=616&amp;s_v=b5Rz2P0601xu&amp;url=https%3A%2F%2Fproduct.rakuten.co.jp%2Fproduct%2F-%2F336aa802d5f9866526c7978cf5c16f80%2F" target="_blank" rel="nofollow noopener noreferrer">まんがで身につく続ける技術 /あさ出版/石田淳</a><img decoding="async" style="border: none;" src="//i.moshimo.com/af/i/impression?a_id=1512568&amp;p_id=54&amp;pc_id=54&amp;pl_id=616" width="1" height="1" />
<div class="kaerebalink-powered-date" style="font-size: 8pt; margin-top: 5px; font-family: verdana; line-height: 120%;">posted with <a href="https://kaereba.com" target="_blank" rel="nofollow noopener noreferrer">カエレバ</a></div>
</div>
<div class="kaerebalink-detail" style="margin-bottom: 5px;"></div>
<div class="kaerebalink-link1" style="margin-top: 10px;">
<div class="shoplinkrakuten" style="display: inline; margin-right: 5px;"><a href="//af.moshimo.com/af/c/click?a_id=1512568&amp;p_id=54&amp;pc_id=54&amp;pl_id=616&amp;s_v=b5Rz2P0601xu&amp;url=https%3A%2F%2Fproduct.rakuten.co.jp%2Fproduct%2F-%2F336aa802d5f9866526c7978cf5c16f80%2F" target="_blank" rel="nofollow noopener noreferrer">楽天市場</a><img decoding="async" style="border: none;" src="//i.moshimo.com/af/i/impression?a_id=1512568&amp;p_id=54&amp;pc_id=54&amp;pl_id=616" width="1" height="1" /></div>
<div class="shoplinkamazon" style="display: inline; margin-right: 5px;"><a href="//af.moshimo.com/af/c/click?a_id=1513407&amp;p_id=170&amp;pc_id=185&amp;pl_id=4062&amp;s_v=b5Rz2P0601xu&amp;url=https%3A%2F%2Fwww.amazon.co.jp%2Fgp%2Fsearch%3Fkeywords%3D%25E7%25B6%259A%25E3%2581%2591%25E3%2582%258B%25E6%258A%2580%25E8%25A1%2593%26__mk_ja_JP%3D%25E3%2582%25AB%25E3%2582%25BF%25E3%2582%25AB%25E3%2583%258A" target="_blank" rel="nofollow noopener noreferrer">Amazon</a><img decoding="async" style="border: none;" src="//i.moshimo.com/af/i/impression?a_id=1513407&amp;p_id=170&amp;pc_id=185&amp;pl_id=4062" width="1" height="1" /></div>
</div>
</div>
</div>
<h2>先行条件と結果条件</h2>
<p>&nbsp;</p>
<p>どの『行動』にも、先行条件（理由）と結果条件（結果）があります。</p>
<p>このことを行動科学マネジメントで『ABCモデル』といいます。</p>
<div class="voice cf r big"><figure class="icon"><img decoding="async" src="https://kinonoteblog.com/wp-content/uploads/2019/08/agura_kutsurogu1_boy.png"><figcaption class="name">少年A</figcaption></figure><div class="voicecomment">ABCモデル…？</div></div>
<div class="c_box intitle yellow_box type_normal"><div class="box_title"><span class="span__box_title">ABCモデル</span></div>
<p><span style="font-weight: 400;">A『先行条件』「暑く感じるから」</span></p>
<p><span style="font-weight: 400;">B『行動』「エアコンをつける」</span></p>
<p><span style="font-weight: 400;">C『結果条件』「その結果、部屋が涼しくなる」</span><br />
</div>
<p>&nbsp;</p>
<p>というふうに、<strong>『行動』には、その理由とそれをした結果が返ってくるんです。</strong></p>
<p><span style="font-weight: 400;"><span class="yellow"><strong>『先行条件』（理由</strong>）は多くなる、また重要になるほど<strong>『行動』</strong>を起こしやすくなります。</span></span></p>
<p>&nbsp;</p>
<p><strong>『理由』</strong>と<strong>『行動』</strong>、<strong>『結果』</strong>は１セットです。</p>
<p>ここまでは当たり前の話です。</p>
<p>&nbsp;</p>
<p>ここから、深くなります。</p>
<p>というのも<strong>『行動』</strong>には2種類の<strong>『行動』</strong>があるんです。</p>
<h2>ターゲット行動</h2>
<p>&nbsp;</p>
<p><strong>『ターゲット行動』</strong>＝あなたの続けたい<strong>『行動』</strong>（英会話とか禁煙とか）のことです。</p>
<p><strong>『ターゲット行動』</strong>には2種類の<strong>『行動』</strong>、……<strong>『不足行動』</strong>と<strong>『過剰行動』</strong>があります。</p>
<p>&nbsp;</p>
<div class="c_box intitle green_box type_normal"><div class="box_title"><span class="span__box_title">ターゲット行動</span></div>
<p><strong>『不足行動』</strong>＝「増やそう」とする<strong>『行動』</strong></p>
<p><strong>『過剰行動』</strong>＝「減らそう」や「やめよう」とする<strong>『行動』</strong></p>
</div>
<p><span style="font-weight: 400;">「エアコンをつける」や</span>「英会話したい」＝<strong>『不足行動』</strong>ですね。</p>
<p><strong>『過剰行動』</strong>だと、代表的なのは「ダイエットしたい」や「喫煙したい」でしょうか。</p>
<p>&nbsp;</p>
<p><span class="yellow"><strong>『不足行動』を増やしてスキルを身につけよう</strong>というのが、今日の記事の題意です。</span></p>
<p><strong>『不足行動』</strong>はどうやって増やせばいいのか？</p>
<p>&nbsp;</p>
<p>僕の<strong>『不足行動』</strong>は「イラストを描くこと」で一週間継続できたときもあれば、3日後にまた再開するときもありました。</p>
<p>&nbsp;</p>
<div class="voice cf l big"><figure class="icon"><img decoding="async" src="https://kinonoteblog.com/wp-content/uploads/2019/03/nigaoemaker.png"><figcaption class="name">キノ</figcaption></figure><div class="voicecomment">
<p>もしかして好きじゃない？でも…イラスト描くのは楽しいし…。</p>
</div></div>
<p>とぎれとぎれで継続できないのかが謎でした。</p>
<p>&nbsp;</p>
<h4>『不足行動』を増やすには<strong>『ライバル行動』</strong>を知ろう！</h4>
<p>&nbsp;</p>
<p><strong>『不足行動』</strong>を邪魔する<strong>『ライバル行動』</strong>があります。</p>
<p><span class="yellow"><strong>『ライバル行動』</strong>は増やしたい<strong>『ターゲット行動』</strong>を阻害する行動です。</span></p>
<div class="voice cf r big"><figure class="icon"><img decoding="async" src="https://kinonoteblog.com/wp-content/uploads/2019/08/agura_kutsurogu1_boy.png"><figcaption class="name">少年A</figcaption></figure><div class="voicecomment">ああ、分かった！</p>
<p>勉強しなきゃいけないのに、スマホをいじっちゃうのが<strong>『ライバル行動』</strong>だ！</p>
</div></div>
<p>ここまでの話をまとめると</p>
<p><span class="yellow">①先行条件（理由）を増やす</span></p>
<p><span class="yellow">②<strong>『ライバル行動』</strong>を抑制できる環境にすればいいのです。</span></p>
<p>&nbsp;</p>
<p>僕の実体験を具体例に出しますね。</p>
<h3>僕の実体験</h3>
<p>&nbsp;</p>
<h4>①先行条件（理由）を増やす　行動の補助を作る</h4>
<p>&nbsp;</p>
<p>僕がイラストを描くときはipadを利用しています。</p>
<p>以前の僕は文字を書くのもイラストを描くのもappleペンシルでした。</p>
<p>&nbsp;</p>
<p>でも、『続ける技術』を知ってから、<strong>僕は「appleペンシルはイラスト用」と割り切ることで先行条件（理由）を増やすことにしました。</strong></p>
<p>他の用途は安いスタイラスペンと決めて、１万円もするappleペンシルを使いたくてたまらないようにしたんです。</p>
<div class="voice cf r big"><figure class="icon"><img decoding="async" src="https://kinonoteblog.com/wp-content/uploads/2019/08/agura_kutsurogu1_boy.png"><figcaption class="name">少年A</figcaption></figure><div class="voicecomment">
<p><strong>先行条件（理由）</strong>を増やすことで、「イラストを描くこと」の意味を強めるんだね！</div></div>
<img decoding="async" class="alignnone wp-image-2672" src="https://kinonoteblog.com/wp-content/uploads/2021/03/DSC_0591-scaled.jpg" alt="ipad 10.2 イラスト　" width="400" height="533" srcset="https://kinonoteblog.com/wp-content/uploads/2021/03/DSC_0591-scaled.jpg 1920w, https://kinonoteblog.com/wp-content/uploads/2021/03/DSC_0591-225x300.jpg 225w, https://kinonoteblog.com/wp-content/uploads/2021/03/DSC_0591-768x1024.jpg 768w, https://kinonoteblog.com/wp-content/uploads/2021/03/DSC_0591-1152x1536.jpg 1152w, https://kinonoteblog.com/wp-content/uploads/2021/03/DSC_0591-1536x2048.jpg 1536w" sizes="(max-width: 400px) 100vw, 400px" />
<div class="related_article cf"><a href="https://kinonoteblog.com/lifehack/ipad10-2-illustration-review"><figure class="eyecatch thum"><img decoding="async" width="486" height="290" src="https://kinonoteblog.com/wp-content/uploads/2020/07/The-eye-should-learn-to-listen-before-it-looks.のコピーのコピーのコピー-13-486x290.jpg" class="attachment-home-thum size-home-thum wp-post-image" alt="" /></figure><div class="meta inbox"><p class="ttl">iPad 10.2 第7世代でイラストを描こう【レビュー】</p><span class="date gf">2020年7月5日</span></div></a></div>
<p>&nbsp;</p>
<h4>②『ライバル行動』を抑制できる環境</h4>
<p>&nbsp;</p>
<p><strong>『ライバル行動』</strong>ができない場所に移動するのが手っ取り早いので、物理的に移動するのが一番楽です。</p>
<p>僕の<strong>『ライバル行動』</strong>は「Youtubeで動画を観ること」だったので、</p>
<p>wifi環境がないところに行くのが手っ取り早いと思い、一時期図書館に通っていました。</p>
<p>&nbsp;</p>
<p>要するに<strong><span class="yellow">環境さえ変えてしまえばいい。</span></strong></p>
<p><strong>18時間もゲームするゲーム中毒者がもし100年前に生まれたら、きっとその人はゲーム中毒者になってないはずです。</strong></p>
<p>&nbsp;</p>
<p>これと同じでダイエットしたいならライザップに入会するとか、</p>
<p>禁煙するなら公共施設（図書館がおすすめです）を通う環境を考えてみる。</p>
<p>&nbsp;</p>
<p>でも、<strong><span class="yellow">移動するのは行動が習慣化するまでだけ！</span></strong></p>
<p>&nbsp;</p>
<p>僕は図書館に行ってイラストする時間を作りました。</p>
<p>今はイラストを描くことを理由に図書館に通っていません。</p>
<p>理由は簡単で、習慣が身についたからです。</p>
<p>&nbsp;</p>
<p><strong><span class="yellow">人間の脳は今継続したことをそのまま継続しようとする習性があるんです。</span></strong></p>
<p>分かりやすい例は歯磨きですね。</p>
<p>一度習慣をつけてしまえば、頭の中でそのことを考えているんです。</p>
<p>そうなるとこっちのものです。<strong>あとは流れに逆らわず継続してください。</strong></p>
<p>&nbsp;</p>
<p>もし、継続できないというのであれば、あなたの頭の中で習慣として入ってないからです。</p>
<p>習慣化には個人差があって、<strong>大体３週間～３ヶ月です。</strong></p>
<h2>メジャーメント</h2>
<p>他にも、メジャーメントがあります。</p>
<p>メジャーメントは行動がどれだけ達成できたかを目に見える形で示すものです。</p>
<p>メモ帳、スケジュール帳やSNSなどを好きなものを使ってください。</p>
<p>&nbsp;</p>
<p>家族や友だちのような協力者に報告すると継続しやすいです。</p>
<p><strong><span class="yellow">誰かに見られていると人は行動するんです。</span></strong></p>
<p>&nbsp;</p>
<p>僕はTwitterの皆さんに協力してもらってますね。</p>
<p>僕のツイートの内容は読書、プログラミング、イラスト、筋トレ…etcで、</p>
<p>皆さんのおかげでいつも励みになっています！</p>
<blockquote class="twitter-tweet">
<p dir="ltr" lang="ja"><a href="https://twitter.com/hashtag/%E9%A7%86%E3%81%91%E5%87%BA%E3%81%97%E3%82%A8%E3%83%B3%E3%82%B8%E3%83%8B%E3%82%A2%E3%81%A8%E7%B9%8B%E3%81%8C%E3%82%8A%E3%81%9F%E3%81%84?src=hash&amp;ref_src=twsrc%5Etfw">#駆け出しエンジニアと繋がりたい</a><a href="https://twitter.com/hashtag/%E3%83%96%E3%83%AD%E3%82%B0%E4%BB%B2%E9%96%93%E3%81%A8%E7%B9%8B%E3%81%8C%E3%82%8A%E3%81%9F%E3%81%84?src=hash&amp;ref_src=twsrc%5Etfw">#ブログ仲間と繋がりたい</a><a href="https://twitter.com/hashtag/%E3%82%A4%E3%83%A9%E3%82%B9%E3%83%88%E5%A5%BD%E3%81%8D%E3%81%AA%E4%BA%BA%E3%81%A8%E7%B9%8B%E3%81%8C%E3%82%8A%E3%81%9F%E3%81%84?src=hash&amp;ref_src=twsrc%5Etfw">#イラスト好きな人と繋がりたい</a></p>
<p>かっこいい…( ง •`ω•´)φ</p>
<p>色づけ頑張ったかいがあったよ(´,,•ω•,,`)φ&#x1f4a6;</p>
<p>水属性の主人公か…&#x1f914;</p>
<p>キノって名前が水属性っぽいよね？&#x1f914;<br />
あと僕って先は最近水飲んでるし…( -_・)σ</p>
<p>いや参ったなー&#x1f609;&#x1f44d; <a href="https://t.co/k0BOWl4aJq">pic.twitter.com/k0BOWl4aJq</a></p>
<p>— キノノート (@zB75pWavnhDTIxr) <a href="https://twitter.com/zB75pWavnhDTIxr/status/1375671164933001219?ref_src=twsrc%5Etfw">March 27, 2021</a></p></blockquote>
<p><script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script></p>
<h2>目標を２つ用意しよう　ラストゴールとスモールゴール</h2>
<p>最後は<strong>ラストゴール</strong>と<strong>スモールゴール</strong>です。</p>
<p>&nbsp;</p>
<p><strong><span class="yellow">ラストゴールはあなたが今立てている目標をそのまま立てます。</span></strong></p>
<p>これは誰でも立てますね。</p>
<p>&nbsp;</p>
<p>肝心なのが、<strong>スモールゴール</strong>です。</p>
<p><strong><span class="yellow">スモールゴールとは、日本語訳でそのまま少目標です</span>。</strong></p>
<p>&nbsp;</p>
<p><strong>ほとんどの人がスモールゴールを設定していない、</strong></p>
<p><strong>もしくは設定してもほとんどの人が無意識で難しく設定しているんです。</strong></p>
<p><span style="text-decoration: underline;"><strong>なるべく易しめに設定するのがポイントになります。</strong></span></p>
<p>&nbsp;</p>
<div class="c_box intitle blue_box type_normal"><div class="box_title"><span class="span__box_title">スモールゴールを決める意味</span></div>
<ul>
<li><strong>ラストゴール</strong>（自分の目標）への取っかかりになるから</li>
<li>小さな達成感を味わって、<strong>ターゲット行動</strong>を促進できるから</li>
<li>習慣として定着しやすいから</li>
</ul>
</div>
<h4>スモールゴールの作り方</h4>
<div class="supplement boader">
<p>①短期間（1日～1週間）に<strong>スモールゴール</strong>（少目標）を設定する</p>
<p>②なるべく易しめに設定する</p>
<p>③なるべく数字があったほうがいい<br />
</div>
<p>例えば、</p>
<p>筋トレなら、<strong>ラストゴール</strong>は「3ヶ月後には腹筋が割れるぐらいバキバキになる！」</p>
<p>→<strong>スモールゴールは「1日腹筋１回だけしよう」</strong></p>
<p>&nbsp;</p>
<p>プログラミングなら、<strong>ラストゴール</strong>は「半年後、アプリを作ってやる！」</p>
<p>→<strong>スモールゴールは「1日１分だけ勉強しよう」</strong></p>
<p>&nbsp;</p>
<p>というふうに、「易しめに設定」する。</p>
<div class="voice cf r big"><figure class="icon"><img decoding="async" src="https://kinonoteblog.com/wp-content/uploads/2019/06/nayamu_boy2.png"><figcaption class="name">少年A</figcaption></figure><div class="voicecomment">なんか…足りない気がする…。</div></div>
<div class="voice cf l big"><figure class="icon"><img decoding="async" src="https://kinonoteblog.com/wp-content/uploads/2019/03/nigaoemaker.png"><figcaption class="name">キノ</figcaption></figure><div class="voicecomment">
<p>でも、これなら毎日できそうじゃない？</p>
</div></div>
<p>&nbsp;</p>
<p><strong>おすすめは「１分だけ勉強しよう」です。</strong></p>
<p><strong>1分だけ勉強しようと思って、狙ってもなかなか1分では終わらないから大丈夫です。</strong></p>
<p>&nbsp;</p>
<p>上にも書いた通り、<strong><span class="yellow">人間の脳は今継続したことそのままを継続しようとする習性があるんです。</span></strong></p>
<p><strong>むしろ、僕たちの脳は継続しようとしたことを短時間でやめるときに労力が要ります。</strong></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><span class="yellow"><strong>スモールゴール</strong>は頭の中で<strong>思考</strong>し、<strong>『ターゲット行動』</strong>に移してくれるんです。</span></p>
<p>行動の先に習慣があるように、行動の前に思考があり、<strong>思考→行動→習慣というプロセスを踏むんです。</strong></p>
<p>&nbsp;</p>
<div class="kaerebalink-box" style="text-align: left; padding-bottom: 20px; font-size: small; zoom: 1; overflow: hidden;">
<div class="kaerebalink-image" style="float: left; margin: 0 15px 10px 0;"><a href="//af.moshimo.com/af/c/click?a_id=1512568&amp;p_id=54&amp;pc_id=54&amp;pl_id=616&amp;s_v=b5Rz2P0601xu&amp;url=https%3A%2F%2Fproduct.rakuten.co.jp%2Fproduct%2F-%2F336aa802d5f9866526c7978cf5c16f80%2F" target="_blank" rel="nofollow noopener noreferrer"><img decoding="async" style="border: none;" src="https://thumbnail.image.rakuten.co.jp/ran/img/2001/0009/784/860/638/726/20010009784860638726_1.jpg?_ex=320x320" /></a><img decoding="async" style="border: none;" src="//i.moshimo.com/af/i/impression?a_id=1512568&amp;p_id=54&amp;pc_id=54&amp;pl_id=616" width="1" height="1" /></div>
<div class="kaerebalink-info" style="line-height: 120%; zoom: 1; overflow: hidden;">
<div class="kaerebalink-name" style="margin-bottom: 10px; line-height: 120%;">
<a href="//af.moshimo.com/af/c/click?a_id=1512568&amp;p_id=54&amp;pc_id=54&amp;pl_id=616&amp;s_v=b5Rz2P0601xu&amp;url=https%3A%2F%2Fproduct.rakuten.co.jp%2Fproduct%2F-%2F336aa802d5f9866526c7978cf5c16f80%2F" target="_blank" rel="nofollow noopener noreferrer">まんがで身につく続ける技術 /あさ出版/石田淳</a><img decoding="async" style="border: none;" src="//i.moshimo.com/af/i/impression?a_id=1512568&amp;p_id=54&amp;pc_id=54&amp;pl_id=616" width="1" height="1" />
<div class="kaerebalink-powered-date" style="font-size: 8pt; margin-top: 5px; font-family: verdana; line-height: 120%;">posted with <a href="https://kaereba.com" target="_blank" rel="nofollow noopener noreferrer">カエレバ</a></div>
</div>
<div class="kaerebalink-detail" style="margin-bottom: 5px;"></div>
<div class="kaerebalink-link1" style="margin-top: 10px;">
<div class="shoplinkrakuten" style="display: inline; margin-right: 5px;"><a href="//af.moshimo.com/af/c/click?a_id=1512568&amp;p_id=54&amp;pc_id=54&amp;pl_id=616&amp;s_v=b5Rz2P0601xu&amp;url=https%3A%2F%2Fproduct.rakuten.co.jp%2Fproduct%2F-%2F336aa802d5f9866526c7978cf5c16f80%2F" target="_blank" rel="nofollow noopener noreferrer">楽天市場</a><img decoding="async" style="border: none;" src="//i.moshimo.com/af/i/impression?a_id=1512568&amp;p_id=54&amp;pc_id=54&amp;pl_id=616" width="1" height="1" /></div>
<div class="shoplinkamazon" style="display: inline; margin-right: 5px;"><a href="//af.moshimo.com/af/c/click?a_id=1513407&amp;p_id=170&amp;pc_id=185&amp;pl_id=4062&amp;s_v=b5Rz2P0601xu&amp;url=https%3A%2F%2Fwww.amazon.co.jp%2Fgp%2Fsearch%3Fkeywords%3D%25E7%25B6%259A%25E3%2581%2591%25E3%2582%258B%25E6%258A%2580%25E8%25A1%2593%26__mk_ja_JP%3D%25E3%2582%25AB%25E3%2582%25BF%25E3%2582%25AB%25E3%2583%258A" target="_blank" rel="nofollow noopener noreferrer">Amazon</a><img decoding="async" style="border: none;" src="//i.moshimo.com/af/i/impression?a_id=1513407&amp;p_id=170&amp;pc_id=185&amp;pl_id=4062" width="1" height="1" /></div>
</div>
</div>
<div class="booklink-footer" style="clear: left;"></div>
</div>
<h2>終わりに</h2>
<h3>まとめ</h3>
<p>&nbsp;</p>
<div class="c_box intitle green_box type_normal"><div class="box_title"><span class="span__box_title">まんがで身につく続ける技術のまとめ</span></div>
<ul>
<li><strong>ターゲット行動</strong>（<strong>『不足行動』</strong>と<strong>『過剰行動』</strong>）は先行条件（理由）と環境で増やす（減らす）ことができる</li>
<li>協力者の協力で<strong>ターゲット行動</strong>を増やそう（減らそう）！</li>
<li>習慣となる<strong>スモールゴール</strong>を設定しよう！</li>
</ul>
</div>
<p>&nbsp;</p>
<p>この記事が皆さんのスキルアップの助けになりますように。</p>
<p>では、また</p>
<p>ここまで見てくれてありがとうございました。</p>
<p>&nbsp;</p>
<p>こちらもおすすめ↓</p>
<div class="related_article cf"><a href="https://kinonoteblog.com/blog/bloghacks-review"><figure class="eyecatch thum"><img decoding="async" width="486" height="290" src="https://kinonoteblog.com/wp-content/uploads/2019/03/The-eye-should-learn-to-listen-before-it-looks.のコピー-1-486x290.jpg" class="attachment-home-thum size-home-thum wp-post-image" alt="" /></figure><div class="meta inbox"><p class="ttl">【体験談】ブログ初心者がBlog Hacksをレビュー【最初の目標は月20万！？】</p><span class="date gf">2019年3月12日</span></div></a></div>
<div class="related_article cf"><a href="https://kinonoteblog.com/programming/skillhacks-review"><figure class="eyecatch thum"><img decoding="async" width="486" height="290" src="https://kinonoteblog.com/wp-content/uploads/2019/05/The-eye-should-learn-to-listen-before-it-looks.のコピーのコピー-2-486x290.jpg" class="attachment-home-thum size-home-thum wp-post-image" alt="Skill Hacks　評判" /></figure><div class="meta inbox"><p class="ttl">【体験談】エンジニア初心者がSkill Hacks（スキルハックス）をレビュー【自走可能】</p><span class="date gf">2019年5月5日</span></div></a></div><p>The post <a href="https://kinonoteblog.com/lifehack/continuing-skill">続かない人におすすめなスキル、『続ける技術』で目標達成!!</a> first appeared on <a href="https://kinonoteblog.com">kinoblog</a>.</p>]]></content:encoded>
					
					<wfw:commentRss>https://kinonoteblog.com/lifehack/continuing-skill/feed</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>【初心者】30DAYSトライアルをやってみた⑦ ポートフォリオ編　18DAYS~20DAYS</title>
		<link>https://kinonoteblog.com/programming/30days-portfolio?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=30days-portfolio</link>
					<comments>https://kinonoteblog.com/programming/30days-portfolio#respond</comments>
		
		<dc:creator><![CDATA[kino]]></dc:creator>
		<pubDate>Sun, 19 Jul 2020 07:27:59 +0000</pubDate>
				<category><![CDATA[プログラミング]]></category>
		<category><![CDATA[ポートフォリオ]]></category>
		<category><![CDATA[エンジニア]]></category>
		<category><![CDATA[初心者]]></category>
		<category><![CDATA[アウトプット]]></category>
		<category><![CDATA[プログラマー]]></category>
		<category><![CDATA[体験談]]></category>
		<category><![CDATA[デイトラ]]></category>
		<category><![CDATA[30DAYSトライアル]]></category>
		<guid isPermaLink="false">https://kinonoteblog.com/?p=2202</guid>

					<description><![CDATA[<p>&#160; こんにちは、 キノ(@zB75pWavnhDTIxr)です。 前回の続きをしていきます。↓ &#160; Boostrap編が終わって、次はポートフォリオ編をやっていきましょう。 &#160; &#160;...</p>
<p>The post <a href="https://kinonoteblog.com/programming/30days-portfolio">【初心者】30DAYSトライアルをやってみた⑦ ポートフォリオ編　18DAYS~20DAYS</a> first appeared on <a href="https://kinonoteblog.com">kinoblog</a>.</p>]]></description>
										<content:encoded><![CDATA[<p>&nbsp;</p>
<p>こんにちは、</p>
<p><span style="font-weight: 400;"><a style="text-decoration: none;" href="https://twitter.com/zB75pWavnhDTIxr">キノ(</a><a class="ProfileHeaderCard-screennameLink u-linkComplex js-nav" href="https://twitter.com/zB75pWavnhDTIxr"><span class="username u-dir" dir="ltr">@<b class="u-linkComplex-target">zB75pWavnhDTIxr</b></span></a><a style="text-decoration: none;" href="https://twitter.com/zB75pWavnhDTIxr">)</a></span>です。</p>
<p>前回の続きをしていきます。↓</p>
<div class="related_article cf"><a href="https://kinonoteblog.com/programming/30days-bootstrap-2"><figure class="eyecatch thum"><img decoding="async" width="486" height="290" src="https://kinonoteblog.com/wp-content/uploads/2020/05/The-eye-should-learn-to-listen-before-it-looks.のコピーのコピーのコピーのコピーのコピーのコピー-1-486x290.jpg" class="attachment-home-thum size-home-thum wp-post-image" alt="【初心者】30DAYSトライアルをやってみた⑥ Bootstrap編2　15DAYS~17DAYS" /></figure><div class="meta inbox"><p class="ttl">【初心者】30DAYSトライアルをやってみた⑥ Bootstrap編2　15DAYS~17DAYS</p><span class="date gf">2020年5月21日</span></div></a></div>
<p>&nbsp;</p>
<p>Boostrap編が終わって、次はポートフォリオ編をやっていきましょう。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><strong><div class="voice cf l big"><figure class="icon"><img decoding="async" src="https://kinonoteblog.com/wp-content/uploads/2019/03/nigaoemaker.png"><figcaption class="name">キノ</figcaption></figure><div class="voicecomment"></strong></p>
<p>ポートフォリオとは、いろいろな意味があるのですが、</p>
<p>ここでは<span class="yellow">「クリエイターが自己紹介や自分の実績を載せて企業やお客様にアピールするもの」</span>と捉えてください。</p>
<p><strong></div></div></strong></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><strong></strong></p>
<h2 id="DAY8エディタをインストールしよう課題">DAY18. 『HTMLテンプレートを使ってみよう＋自分のポートフォリオサイトを作ろう①』</h2>
<p>&nbsp;</p>
<blockquote class="twitter-tweet">
<p dir="ltr" lang="ja">DAY18. 『HTMLテンプレートを使ってみよう＋自分のポートフォリオサイトを作ろう①』<br />
今日からスキルアップ中心の課題から『制作物の具体的なアウトプット』にシフトします&#x1f44d;<br />
ここからが副業感でてくるところ&#x2757;&#xfe0f;ファイト&#xfe0f;です&#x1f60e;<a href="https://t.co/mTE5EE1n0k">https://t.co/mTE5EE1n0k</a><a href="https://twitter.com/hashtag/30DAYS%E3%83%88%E3%83%A9%E3%82%A4%E3%82%A2%E3%83%AB?src=hash&amp;ref_src=twsrc%5Etfw">#30DAYSトライアル</a><a href="https://twitter.com/hashtag/30DAYS%E3%83%88%E3%83%A9%E3%82%A4%E3%82%A2%E3%83%AB%E8%AA%B2%E9%A1%8C?src=hash&amp;ref_src=twsrc%5Etfw">#30DAYSトライアル課題</a></p>
<p>— ショーヘー@東フリCMO (@showheyohtaki) <a href="https://twitter.com/showheyohtaki/status/1176995121935470592?ref_src=twsrc%5Etfw">September 25, 2019</a></p></blockquote>
<p><script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script></p>
<p>&nbsp;</p>
<p>ここから費用がかかります。</p>
<p id="DAY8エディタをインストールしよう課題">DAY18はポートフォリオ作るための有料テンプレート（約1700円）を入手しましょう。</p>
<p>&nbsp;</p>
<img decoding="async" class="alignnone wp-image-2464" src="https://kinonoteblog.com/wp-content/uploads/2020/07/有料テンプレート.png" alt="有料テンプレートKerri" width="600" height="310" srcset="https://kinonoteblog.com/wp-content/uploads/2020/07/有料テンプレート.png 1382w, https://kinonoteblog.com/wp-content/uploads/2020/07/有料テンプレート-300x155.png 300w, https://kinonoteblog.com/wp-content/uploads/2020/07/有料テンプレート-1024x530.png 1024w, https://kinonoteblog.com/wp-content/uploads/2020/07/有料テンプレート-768x397.png 768w" sizes="(max-width: 600px) 100vw, 600px" />
<p>&nbsp;</p>
<p>僕は有料テンプレートの<strong>Kerri</strong>を購入しました。</p>
<p>「ポートフォリオを実装する」経験を得ると考えれば、約２千円自己投資しましょう！</p>
<p>&nbsp;</p>
<p>有料テンプレートを購入すると以下のメリットがあります。</p>
<div class="c_box intitle green_box type_normal"><div class="box_title"><span class="span__box_title">有料テンプレートを買うメリット</span></div>
<p>・有料テンプレートのコードを見ると、自分のコーディング</p>
<p>・自分のレベル感が分かる</p>
<p>・商用利用可なので、テンプレートとして利用することができる</p>
</div>
<h2>DAY19. 『自分のポートフォリオサイトを作ろう②』</h2>
<blockquote class="twitter-tweet">
<p dir="ltr" lang="ja">DAY19. 『自分のポートフォリオサイトを作ろう②』<br />
今日の作業としてはDAY18の続きです。新しい課題はないので、HTMLテンプレから効率的に学習する方法とメリット・デメリットを解説しました&#x1f44d;<br />
ぜひ意識してみてください&#x2757;&#xfe0f;<a href="https://t.co/A6NkRpOfWf">https://t.co/A6NkRpOfWf</a><a href="https://twitter.com/hashtag/30DAYS%E3%83%88%E3%83%A9%E3%82%A4%E3%82%A2%E3%83%AB?src=hash&amp;ref_src=twsrc%5Etfw">#30DAYSトライアル</a><a href="https://twitter.com/hashtag/30DAYS%E3%83%88%E3%83%A9%E3%82%A4%E3%82%A2%E3%83%AB%E8%AA%B2%E9%A1%8C?src=hash&amp;ref_src=twsrc%5Etfw">#30DAYSトライアル課題</a></p>
<p>— ショーヘー@東フリCMO (@showheyohtaki) <a href="https://twitter.com/showheyohtaki/status/1177357457070444544?ref_src=twsrc%5Etfw">September 26, 2019</a></p></blockquote>
<p><script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script></p>
<p>リンクのブログ記事に<strong>『上手い人が書いたコードを見て盗むこと』</strong>とありますが、</p>
<p>&nbsp;</p>
<p>そのとおりで「有料のテンプレートってどのくらいのレベルなんだろう？」って僕はずっと考えていました。</p>
<p>&nbsp;</p>
<p>有料テンプレートのコードを見ておくと、いざ、自分が実装するときに</p>
<div class="voice cf r big"><figure class="icon"><img decoding="async" src="https://kinonoteblog.com/wp-content/uploads/2019/08/agura_kutsurogu1_boy.png"><figcaption class="name">少年A</figcaption></figure><div class="voicecomment">
<p>このくらいやれば、金を貰える！</p>
</div></div>
<p>という自分の中で具体的な「指標」ができていきます。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<h2>DAY20. 『ポートフォリオを公開しよう』</h2>
<blockquote class="twitter-tweet">
<p dir="ltr" lang="ja">DAY20. 『ポートフォリオを公開しよう』<br />
今日はサーバー契約・ドメイン取得・FTPクライアントソフトのインストールを完了し、実際にDAY19までに作ったポートフォリオを公開してみましょう&#x263a;&#xfe0f;<br />
ついにネット上に「成果物」公開です&#x203c;&#xfe0f;<a href="https://t.co/i2EvnFVWB5">https://t.co/i2EvnFVWB5</a><a href="https://twitter.com/hashtag/30DAYS%E3%83%88%E3%83%A9%E3%82%A4%E3%82%A2%E3%83%AB?src=hash&amp;ref_src=twsrc%5Etfw">#30DAYSトライアル</a><a href="https://twitter.com/hashtag/30DAYS%E3%83%88%E3%83%A9%E3%82%A4%E3%82%A2%E3%83%AB%E8%AA%B2%E9%A1%8C?src=hash&amp;ref_src=twsrc%5Etfw">#30DAYSトライアル課題</a></p>
<p>— ショーヘー@東フリCMO (@showheyohtaki) <a href="https://twitter.com/showheyohtaki/status/1177719867375575041?ref_src=twsrc%5Etfw">September 27, 2019</a></p></blockquote>
<p><script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script></p>
<p>それをネット上に公開する費用（ドメイン代、サーバー代）</p>
<p>僕はこのブログのドメインがあったので、このブログのドメインを利用してサブドメインでやりました。↓</p>
<p>ちなみに<a href="https://px.a8.net/svt/ejp?a8mat=3BHUM9+8BH22A+CO4+609HU" rel="nofollow">エックスサーバー</a><img decoding="async" src="https://www18.a8.net/0.gif?a8mat=3BHUM9+8BH22A+CO4+609HU" alt="" width="1" height="1" border="0" />のX10プランを契約しました。</p>
<p>&nbsp;</p>
<h3><span id="FTPCyberduck">FTPソフト　Cyberduckを使ってみよう！</span></h3>
<p style="margin-top: 38.1625px;"><span id="FTPCyberduck">FTPソフトを使ってポートフォリオを公開しよう！</span></p>
<p>FTP(File Transfer Protocol)<span id="FTPCyberduck">ソフトとは、クライアントとサーバーのデータ（HTMLとか）を受け渡しするために必要なソフトです。</span></p>
<p>&nbsp;</p>
<p><span id="FTPCyberduck">Cyberduckは、シンプルな操作で直感的に理解できると思います（古臭いのがたまに傷ですが）。</span></p>
<img decoding="async" class="alignnone wp-image-2490" src="https://kinonoteblog.com/wp-content/uploads/2020/07/cyberduck.png" alt="FTPソフト　Cyberduck" width="600" height="427" srcset="https://kinonoteblog.com/wp-content/uploads/2020/07/cyberduck.png 1093w, https://kinonoteblog.com/wp-content/uploads/2020/07/cyberduck-300x214.png 300w, https://kinonoteblog.com/wp-content/uploads/2020/07/cyberduck-1024x729.png 1024w, https://kinonoteblog.com/wp-content/uploads/2020/07/cyberduck-768x547.png 768w" sizes="(max-width: 600px) 100vw, 600px" />
<h3>キノのポートフォリオ</h3>
<p>僕の例です。<strong>Kerri　テンプレート</strong>を編集して（といっても簡単なことばかり）、当時勉強してたHTMLやBootstrapやRubyのアプリのリンクを貼っています。</p>
<img decoding="async" class="alignnone wp-image-2470" src="https://kinonoteblog.com/wp-content/uploads/2020/07/portfolio1.png" alt="キノのポートフォリオの画像" width="600" height="288" srcset="https://kinonoteblog.com/wp-content/uploads/2020/07/portfolio1.png 1841w, https://kinonoteblog.com/wp-content/uploads/2020/07/portfolio1-300x144.png 300w, https://kinonoteblog.com/wp-content/uploads/2020/07/portfolio1-1024x492.png 1024w, https://kinonoteblog.com/wp-content/uploads/2020/07/portfolio1-768x369.png 768w, https://kinonoteblog.com/wp-content/uploads/2020/07/portfolio1-1536x738.png 1536w" sizes="(max-width: 600px) 100vw, 600px" />
<p><a href="https://lp.kinonoteblog.com/#" target="_blank" rel="noopener noreferrer">キノのポートフォリオ</a></p>
<p>このポートフォリオには、１年目に作った簡単なHTML（レスポンシブ対応あり）、見様見真似で作ったアプリがあります。</p>
<p>ぜひ、参考にしてください。</p>
<h2>終わりに</h2>
<p>&nbsp;</p>
<p>お疲れさまでした！</p>
<p>今回は手順通りに進めていくだけだったので、話すことが少なかったと思います。</p>
<p>&nbsp;</p>
<p>しかし、みなさんは初めてやる作業だったので戸惑われたかもしれません。</p>
<p>僕も当時、同じ気持ちで新鮮で楽しかったです。</p>
<p>エンジニアになる第１歩にしてみせる！と思っていました。</p>
<p>&nbsp;</p>
<p>こちらもおすすめ↓</p>
<p>&nbsp;</p>
<div class="related_article cf"><a href="https://kinonoteblog.com/programming/skillhacks-review"><figure class="eyecatch thum"><img decoding="async" width="486" height="290" src="https://kinonoteblog.com/wp-content/uploads/2019/05/The-eye-should-learn-to-listen-before-it-looks.のコピーのコピー-2-486x290.jpg" class="attachment-home-thum size-home-thum wp-post-image" alt="Skill Hacks　評判" /></figure><div class="meta inbox"><p class="ttl">【体験談】エンジニア初心者がSkill Hacks（スキルハックス）をレビュー【自走可能】</p><span class="date gf">2019年5月5日</span></div></a></div><p>The post <a href="https://kinonoteblog.com/programming/30days-portfolio">【初心者】30DAYSトライアルをやってみた⑦ ポートフォリオ編　18DAYS~20DAYS</a> first appeared on <a href="https://kinonoteblog.com">kinoblog</a>.</p>]]></content:encoded>
					
					<wfw:commentRss>https://kinonoteblog.com/programming/30days-portfolio/feed</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>iPad 10.2 第7世代でイラストを描こう【レビュー】</title>
		<link>https://kinonoteblog.com/lifehack/ipad10-2-illustration-review?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=ipad10-2-illustration-review</link>
					<comments>https://kinonoteblog.com/lifehack/ipad10-2-illustration-review#respond</comments>
		
		<dc:creator><![CDATA[kino]]></dc:creator>
		<pubDate>Sun, 05 Jul 2020 06:17:04 +0000</pubDate>
				<category><![CDATA[イラスト]]></category>
		<category><![CDATA[ライフハック]]></category>
		<category><![CDATA[読書]]></category>
		<category><![CDATA[Blog Hacks]]></category>
		<category><![CDATA[無印]]></category>
		<category><![CDATA[pickup]]></category>
		<category><![CDATA[レビュー]]></category>
		<category><![CDATA[iPad10.2]]></category>
		<category><![CDATA[アウトプット]]></category>
		<category><![CDATA[体験談]]></category>
		<category><![CDATA[第7世代]]></category>
		<guid isPermaLink="false">https://kinonoteblog.com/?p=2301</guid>

					<description><![CDATA[<p>&#160; こんにちは、 キノ(@zB75pWavnhDTIxr)です。 ※この記事は最新型 無印　iPad 10.2インチ 第10世代をカバーしています。第7世代と第8世代～第10世代は同じと考えても大丈夫です。 ３...</p>
<p>The post <a href="https://kinonoteblog.com/lifehack/ipad10-2-illustration-review">iPad 10.2 第7世代でイラストを描こう【レビュー】</a> first appeared on <a href="https://kinonoteblog.com">kinoblog</a>.</p>]]></description>
										<content:encoded><![CDATA[<p>&nbsp;</p>
<p>こんにちは、</p>
<p><span style="font-weight: 400;"><a style="text-decoration: none;" href="https://twitter.com/zB75pWavnhDTIxr">キノ(</a><a class="ProfileHeaderCard-screennameLink u-linkComplex js-nav" href="https://twitter.com/zB75pWavnhDTIxr"><span class="username u-dir" dir="ltr">@<b class="u-linkComplex-target">zB75pWavnhDTIxr</b></span></a><a style="text-decoration: none;" href="https://twitter.com/zB75pWavnhDTIxr">)</a></span>です。</p>
<p><strong>※この記事は最新型 無印　iPad 10.2インチ 第10世代をカバーしています。第7世代と第8世代～第10世代は同じと考えても大丈夫です。</strong></p>
<p>３月から今まで使ってきました。iPad 10.2インチ 第7世代 のレビューをしていきます。</p>
<p>&nbsp;</p>
<div class="cstmreba">
<div class="kaerebalink-box">
<div class="kaerebalink-image"><a href="//af.moshimo.com/af/c/click?a_id=1512568&amp;p_id=54&amp;pc_id=54&amp;pl_id=616&amp;s_v=b5Rz2P0601xu&amp;url=https%3A%2F%2Fproduct.rakuten.co.jp%2Fproduct%2F-%2F4c686c11e6a35a132c8538c279134265%2F" target="_blank" rel="noopener noreferrer"><img decoding="async" style="border: none;" src="https://thumbnail.image.rakuten.co.jp/ran/img/1001/0004/549/995/080/681/10010004549995080681_1.jpg?_ex=320x320" /></a><img decoding="async" style="border: none;" src="//i.moshimo.com/af/i/impression?a_id=1512568&amp;p_id=54&amp;pc_id=54&amp;pl_id=616" width="1" height="1" /></div>
<div class="kaerebalink-info">
<div class="kaerebalink-name">
<a href="//af.moshimo.com/af/c/click?a_id=1512568&amp;p_id=54&amp;pc_id=54&amp;pl_id=616&amp;s_v=b5Rz2P0601xu&amp;url=https%3A%2F%2Fproduct.rakuten.co.jp%2Fproduct%2F-%2F4c686c11e6a35a132c8538c279134265%2F" target="_blank" rel="nofollow　noopener noreferrer noopener">APPLE iPadWi-Fi 32GB 2019 SV</a><img decoding="async" style="border: none;" src="//i.moshimo.com/af/i/impression?a_id=1512568&amp;p_id=54&amp;pc_id=54&amp;pl_id=616" width="1" height="1" />
<div class="kaerebalink-powered-date">posted with <a href="https://kaereba.com" target="_blank" rel="nofollow noopener noreferrer">カエレバ</a></div>
</div>
<div class="kaerebalink-detail"></div>
<div class="kaerebalink-link1">
<div class="shoplinkrakuten"><a href="//af.moshimo.com/af/c/click?a_id=1512568&amp;p_id=54&amp;pc_id=54&amp;pl_id=616&amp;s_v=b5Rz2P0601xu&amp;url=https%3A%2F%2Fproduct.rakuten.co.jp%2Fproduct%2F-%2F4c686c11e6a35a132c8538c279134265%2F" rel="nofollow">楽天市場</a><img decoding="async" style="border: none;" src="//i.moshimo.com/af/i/impression?a_id=1512568&amp;p_id=54&amp;pc_id=54&amp;pl_id=616" width="1" height="1" /></div>
<div class="shoplinkamazon"><a href="//af.moshimo.com/af/c/click?a_id=1513407&amp;p_id=170&amp;pc_id=185&amp;pl_id=4062&amp;s_v=b5Rz2P0601xu&amp;url=https%3A%2F%2Fwww.amazon.co.jp%2Fgp%2Fsearch%3Fkeywords%3Dipad%252010.2%25E3%2582%25A4%25E3%2583%25B3%25E3%2583%2581%2520%25E7%25AC%25AC7%25E4%25B8%2596%25E4%25BB%25A3%2520%26__mk_ja_JP%3D%25E3%2582%25AB%25E3%2582%25BF%25E3%2582%25AB%25E3%2583%258A" rel="nofollow">Amazon</a><img decoding="async" style="border: none;" src="//i.moshimo.com/af/i/impression?a_id=1513407&amp;p_id=170&amp;pc_id=185&amp;pl_id=4062" width="1" height="1" /></div>
</div>
</div>
<div class="booklink-footer"></div>
</div>
</div>
<p>iPadって要するにダブレットです。</p>
<p>「ダブレット？要るの？」っていうことを以前こう考えていました。</p>
<p>&nbsp;</p>
<p>結論ですが、要ります。</p>
<p>というのも、僕はメインがパソコンだったので、パソコンを使う頻度を下げたかったから。</p>
<p>あとは、一番に欲しい理由は個人的にイラストを描きたくなったので、ペンタブレットが欲しかったからです。</p>
<blockquote class="twitter-tweet">
<p dir="ltr" lang="ja"><a href="https://twitter.com/hashtag/%E9%A7%86%E3%81%91%E5%87%BA%E3%81%97%E3%82%A8%E3%83%B3%E3%82%B8%E3%83%8B%E3%82%A2%E3%81%A8%E7%B9%8B%E3%81%8C%E3%82%8A%E3%81%9F%E3%81%84?src=hash&amp;ref_src=twsrc%5Etfw">#駆け出しエンジニアと繋がりたい</a><a href="https://twitter.com/hashtag/%E3%83%96%E3%83%AD%E3%82%B0%E4%BB%B2%E9%96%93%E3%81%A8%E7%B9%8B%E3%81%8C%E3%82%8A%E3%81%9F%E3%81%84?src=hash&amp;ref_src=twsrc%5Etfw">#ブログ仲間と繋がりたい</a><a href="https://twitter.com/hashtag/%E3%82%A4%E3%83%A9%E3%82%B9%E3%83%88%E5%A5%BD%E3%81%8D%E3%81%AA%E4%BA%BA%E3%81%A8%E7%B9%8B%E3%81%8C%E3%82%8A%E3%81%9F%E3%81%84?src=hash&amp;ref_src=twsrc%5Etfw">#イラスト好きな人と繋がりたい</a></p>
<p>かっこいい…( ง •`ω•´)φ</p>
<p>色づけ頑張ったかいがあったよ(´,,•ω•,,`)φ&#x1f4a6;</p>
<p>水属性の主人公か…&#x1f914;</p>
<p>キノって名前が水属性っぽいよね？&#x1f914;<br />
あと僕って先は最近水飲んでるし…( -_・)σ</p>
<p>いや参ったなー&#x1f609;&#x1f44d; <a href="https://t.co/k0BOWl4aJq">pic.twitter.com/k0BOWl4aJq</a></p>
<p>— キノノート (@zB75pWavnhDTIxr) <a href="https://twitter.com/zB75pWavnhDTIxr/status/1375671164933001219?ref_src=twsrc%5Etfw">March 27, 2021</a></p></blockquote>
<p><script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script></p>
<p>これが僕のツイートです。</p>
<p>&nbsp;</p>
<div class="voice cf r big"><figure class="icon"><img decoding="async" src="https://kinonoteblog.com/wp-content/uploads/2020/07/pose_aseru_.png"><figcaption class="name">少年A</figcaption></figure><div class="voicecomment">
めちゃくちゃ機嫌がいい…！！</div></div>
<div class="voice cf l big"><figure class="icon"><img decoding="async" src="https://kinonoteblog.com/wp-content/uploads/2019/03/nigaoemaker.png"><figcaption class="name">キノ</figcaption></figure><div class="voicecomment">
<p>Apple社の製品を購入したことはこれが初めてですが、めちゃくちゃ良かった！！</p>
</div></div>
<div class="c_box intitle blue_box type_normal"><div class="box_title"><span class="span__box_title">iPad 10.2 第7世代を買うことになったきっかけ</span></div>
<p>・パソコンがある定位置への移動がめんどくさい</p>
<p>・パソコンの起動時間がスマホと比べると長い</p>
<p>・絵が描きたくなったから<br />
</div>
<p>&nbsp;</p>
<p>上記３つの理由によって、パソコン離れとイラスト描くために購入しました。</p>
<p>&nbsp;</p>
<p><strong></strong></p>
<p>&nbsp;</p>
<h2>一番コストパフォーマンスがいい <strong>iPad 10.2インチ 第7世代</strong></h2>
<p>iPad初心者である僕は、失敗したくないので、どのiPadがいいのか決めかねていました。</p>
<p>そこで、安い無印iPadがどれだけスペックがあるのか気になって調べました。</p>
<p>&nbsp;</p>
<h3>スペックは予想以上</h3>
<p>買った当初はiPadを使い潰した後のことを考えていました。</p>
<p>「ゆくゆくはiPad Proに落ち着くのかな」って漠然と思っていました。</p>
<p>&nbsp;</p>
<p>しかし、ゲームとしてみても遅延もないし、むしろ快適でした。</p>
<p>&nbsp;</p>
<p><strong><div class="voice cf l big"><figure class="icon"><img decoding="async" src="https://kinonoteblog.com/wp-content/uploads/2019/03/nigaoemaker.png"><figcaption class="name">キノ</figcaption></figure><div class="voicecomment"></strong></p>
<p>あれ、これってもしかしてこのiPad 第7世代 で、3～4年はやっていける？</p>
<p><strong></div></div></strong></p>
<p>&nbsp;</p>
<p><strong>そこで１度調べてみると、iPad 10.2 第7世代 は iPad Pro(第一世代)よりも性能が上です。</strong></p>
<p>さすがに、最新のiPad Pro（ 第四世代）と比べると性能は落ちるのですが、</p>
<p><strong><span class="yellow">価格差を考えてみると、コスパがいいことに気づきます。</span></strong></p>
<p>&nbsp;</p>
<p>Wi-Fi版比較<span style="color: #ff0000;"><span class="ipad_name">iPad </span><span class="ipad_ali">第七世代</span></span>iPad Pro 第一世代iPad Pro 第四世代重量483g437g641gディスプレイ10.2インチ9.7インチ12.9インチバッテリー最大10時間最大10時間最大10時間CPUApple A10 FusionApple A9XApple A12Z Bionicメモリ3GB2GB未公開価格</p>
<table style="height: 468px; width: 645px;" width="494">
<tbody>
<tr style="height: 23px;">
<td style="width: 108.8px; height: 23px;"></td>
</tr>
<tr style="height: 195px;">
<td style="width: 108.8px; height: 195px;"></td>
<td style="width: 141.6px; height: 195px;">34,800円(32GB）/</p>
<p>44,800円(128GB）</td>
<td style="width: 183.2px; height: 195px;">66,800円(32GB）/</p>
<p>84,800円(128GB）/</p>
<p>102,800(256GB）</td>
<td style="width: 185.6px; height: 195px;">104,800円(128GB）/</p>
<p>115,800円(256GB）/</p>
<p>137,800円(512GB）/</p>
<p>159,800円(1TB）</td>
</tr>
</tbody>
</table>
<p>ここで注目していきたいのが、価格とCPUです。</p>
<p>&nbsp;</p>
<p><strong><span class="yellow">初代Pad ProよりもiPad 10.2 第7世代の方が<span style="color: #000000;"><span class="ipad_ali">CPUが性能が上です。</span></span></span></strong></p>
<p>&nbsp;</p>
<p>価格も10.2 <span class="ipad_ali">第七世代は34,800円(32GB）/44,800(128GB）</span></p>
<p>初代iPad Proは66,800円(32GB）/84,800(128GB）</p>
<p><strong><span class="yellow">このようにiPad 10.2 第7世代<span style="color: #000000;"><span class="ipad_ali">の約1.8倍の価格で売っていた初代iPad Proがスペック負けしてるんです。</span></span></span></strong></p>
<p>&nbsp;</p>
<p>しかも、<strong>iPad 10.2 第7世代</strong><span style="color: #000000;"><span class="ipad_ali">は</span></span>10.2インチとサイズが大きいのも特徴です。</p>
<p>個人的にはちょうどいい大きさって思ってます。</p>
<h3><strong>【コラム】Wi-Fiモデル</strong>と<strong>Wi-Fi+Cellularモデル</strong></h3>
<p>&nbsp;</p>
<p><strong>Wi-Fiモデル</strong>と<strong>Wi-Fi+Cellular（携帯電話）モデルの違いは？</strong></p>
<p>&nbsp;</p>
<p>２つのモデルがあるのですが、<strong>Wi-Fi+Cellular（携帯電話）モデル</strong>は不要かなって思っています。</p>
<p>&nbsp;</p>
<p>こちらは<strong>Wi-Fiがない環境でも通信契約すれば、インターネットができる仕様(要するにスマホと同じ仕様)</strong>なのですが、僕は「無用の長物」って感じていました。</p>
<p>&nbsp;</p>
<p><strong><div class="voice cf l big"><figure class="icon"><img decoding="async" src="https://kinonoteblog.com/wp-content/uploads/2019/03/nigaoemaker.png"><figcaption class="name">キノ</figcaption></figure><div class="voicecomment"></strong></p>
<p>そのときはiPadの代わりにスマホ使えばいいんじゃないの？</p>
<p><strong></div></div></strong></p>
<p>&nbsp;</p>
<p><strong>もちろん、Wi-Fiがない環境でもイラストも描けるし電子書籍も読めるし、それで困ったことは全然ありません。</strong></p>
<p>&nbsp;</p>
<p><strong>価格もWi-Fiモデルの方が安いですしね！</strong></p>
<p>&nbsp;</p>
<h3>価格は手頃</h3>
<p>&nbsp;</p>
<p>価格は一番安いので３２GBで３万台と手が届く範囲です。</p>
<p>僕は壊れるまで使い潰すつもりなので、１２８GBを選択しました。</p>
<p>&nbsp;</p>
<p>これでも４万台です。</p>
<div class="cstmreba">
<div class="kaerebalink-box">
<div class="kaerebalink-image"><a href="//af.moshimo.com/af/c/click?a_id=1512568&amp;p_id=54&amp;pc_id=54&amp;pl_id=616&amp;s_v=b5Rz2P0601xu&amp;url=https%3A%2F%2Fproduct.rakuten.co.jp%2Fproduct%2F-%2F4c686c11e6a35a132c8538c279134265%2F" target="_blank" rel="noopener noreferrer"><img decoding="async" style="border: none;" src="https://thumbnail.image.rakuten.co.jp/ran/img/1001/0004/549/995/080/681/10010004549995080681_1.jpg?_ex=320x320" /></a><img decoding="async" style="border: none;" src="//i.moshimo.com/af/i/impression?a_id=1512568&amp;p_id=54&amp;pc_id=54&amp;pl_id=616" width="1" height="1" /></div>
<div class="kaerebalink-info">
<div class="kaerebalink-name">
<a href="//af.moshimo.com/af/c/click?a_id=1512568&amp;p_id=54&amp;pc_id=54&amp;pl_id=616&amp;s_v=b5Rz2P0601xu&amp;url=https%3A%2F%2Fproduct.rakuten.co.jp%2Fproduct%2F-%2F4c686c11e6a35a132c8538c279134265%2F" target="_blank" rel="noopener noreferrer">APPLE iPadWi-Fi 32GB 2019 SV</a><img decoding="async" style="border: none;" src="//i.moshimo.com/af/i/impression?a_id=1512568&amp;p_id=54&amp;pc_id=54&amp;pl_id=616" width="1" height="1" />
<div class="kaerebalink-powered-date">posted with <a href="https://kaereba.com" target="_blank" rel="nofollow noopener noreferrer">カエレバ</a></div>
</div>
<div class="kaerebalink-detail"></div>
<div class="kaerebalink-link1">
<div class="shoplinkrakuten"><a href="//af.moshimo.com/af/c/click?a_id=1512568&amp;p_id=54&amp;pc_id=54&amp;pl_id=616&amp;s_v=b5Rz2P0601xu&amp;url=https%3A%2F%2Fproduct.rakuten.co.jp%2Fproduct%2F-%2F4c686c11e6a35a132c8538c279134265%2F" rel="nofollow">楽天市場</a><img decoding="async" style="border: none;" src="//i.moshimo.com/af/i/impression?a_id=1512568&amp;p_id=54&amp;pc_id=54&amp;pl_id=616" width="1" height="1" /></div>
<div class="shoplinkamazon"><a href="//af.moshimo.com/af/c/click?a_id=1513407&amp;p_id=170&amp;pc_id=185&amp;pl_id=4062&amp;s_v=b5Rz2P0601xu&amp;url=https%3A%2F%2Fwww.amazon.co.jp%2Fgp%2Fsearch%3Fkeywords%3Dipad%252010.2%25E3%2582%25A4%25E3%2583%25B3%25E3%2583%2581%2520%25E7%25AC%25AC7%25E4%25B8%2596%25E4%25BB%25A3%2520%26__mk_ja_JP%3D%25E3%2582%25AB%25E3%2582%25BF%25E3%2582%25AB%25E3%2583%258A" rel="nofollow">Amazon</a><img decoding="async" style="border: none;" src="//i.moshimo.com/af/i/impression?a_id=1513407&amp;p_id=170&amp;pc_id=185&amp;pl_id=4062" width="1" height="1" /></div>
<div></div>
</div>
</div>
<div class="booklink-footer"></div>
</div>
</div>
<div class="cstmreba">
<div class="kaerebalink-box">
<div class="kaerebalink-image"><a href="//af.moshimo.com/af/c/click?a_id=1512568&amp;p_id=54&amp;pc_id=54&amp;pl_id=616&amp;s_v=b5Rz2P0601xu&amp;url=https%3A%2F%2Fproduct.rakuten.co.jp%2Fproduct%2F-%2Fc34184a87e129bda3cfa1e17f2e50b25%2F" target="_blank" rel="noopener noreferrer"><img decoding="async" style="border: none;" src="https://thumbnail.image.rakuten.co.jp/ran/img/1001/0004/549/995/080/711/10010004549995080711_1.jpg?_ex=320x320" /></a><img decoding="async" style="border: none;" src="//i.moshimo.com/af/i/impression?a_id=1512568&amp;p_id=54&amp;pc_id=54&amp;pl_id=616" width="1" height="1" /></div>
<div class="kaerebalink-info">
<div class="kaerebalink-name">
<a href="//af.moshimo.com/af/c/click?a_id=1512568&amp;p_id=54&amp;pc_id=54&amp;pl_id=616&amp;s_v=b5Rz2P0601xu&amp;url=https%3A%2F%2Fproduct.rakuten.co.jp%2Fproduct%2F-%2Fc34184a87e129bda3cfa1e17f2e50b25%2F" target="_blank" rel="noopener noreferrer">APPLE iPad Wi-Fi 128GB 2019 SV</a><img decoding="async" style="border: none;" src="//i.moshimo.com/af/i/impression?a_id=1512568&amp;p_id=54&amp;pc_id=54&amp;pl_id=616" width="1" height="1" />
<div class="kaerebalink-powered-date">posted with <a href="https://kaereba.com" target="_blank" rel="nofollow noopener noreferrer">カエレバ</a></div>
</div>
<div class="kaerebalink-detail"></div>
<div class="kaerebalink-link1">
<div class="shoplinkrakuten"><a href="//af.moshimo.com/af/c/click?a_id=1512568&amp;p_id=54&amp;pc_id=54&amp;pl_id=616&amp;s_v=b5Rz2P0601xu&amp;url=https%3A%2F%2Fproduct.rakuten.co.jp%2Fproduct%2F-%2Fc34184a87e129bda3cfa1e17f2e50b25%2F" rel="nofollow">楽天市場</a><img decoding="async" style="border: none;" src="//i.moshimo.com/af/i/impression?a_id=1512568&amp;p_id=54&amp;pc_id=54&amp;pl_id=616" width="1" height="1" /></div>
<div class="shoplinkamazon"><a href="//af.moshimo.com/af/c/click?a_id=1513407&amp;p_id=170&amp;pc_id=185&amp;pl_id=4062&amp;s_v=b5Rz2P0601xu&amp;url=https%3A%2F%2Fwww.amazon.co.jp%2Fgp%2Fsearch%3Fkeywords%3Dipad%252010.2%25E3%2582%25A4%25E3%2583%25B3%25E3%2583%2581%2520%25E7%25AC%25AC7%25E4%25B8%2596%25E4%25BB%25A3%26__mk_ja_JP%3D%25E3%2582%25AB%25E3%2582%25BF%25E3%2582%25AB%25E3%2583%258A" rel="nofollow">Amazon</a><img decoding="async" style="border: none;" src="//i.moshimo.com/af/i/impression?a_id=1513407&amp;p_id=170&amp;pc_id=185&amp;pl_id=4062" width="1" height="1" /></div>
</div>
</div>
<div class="booklink-footer"></div>
</div>
</div>
<h2><span style="color: #000000;"><span class="ipad_ali"><strong>イラスト初心者～上級者向けのiPad 10.2 第7世代</strong></span></span></h2>
<p>&nbsp;</p>
<p><strong>iPad Pro</strong>は手が出ない、でもイラストを描くための液晶ダブレットが欲しい。</p>
<p>そんな要望に答えてくれるのが、<strong>iPad 10.2　</strong><span style="color: #000000;"><span class="ipad_ali"><strong>第7世代</strong></span></span>なんです。</p>
<p>&nbsp;</p>
<h3>実際にiPad 10.2 第7世代でイラストを描いている人を見て購入を決めました</h3>
<p class="t-h4@m- t-h1-b@tp t-h1@tl+ mt-20 mt-15@tp mt-0@m-"><img decoding="async" class="alignnone wp-image-2417" src="https://kinonoteblog.com/wp-content/uploads/2020/07/a3baa_1186_cb8a1e585bb7924aa3742de3c9a57489.jpg" alt="iPad10.2第7世代で描いた漫画家の高河ゆんさんの絵" width="500" height="375" srcset="https://kinonoteblog.com/wp-content/uploads/2020/07/a3baa_1186_cb8a1e585bb7924aa3742de3c9a57489.jpg 640w, https://kinonoteblog.com/wp-content/uploads/2020/07/a3baa_1186_cb8a1e585bb7924aa3742de3c9a57489-300x225.jpg 300w" sizes="(max-width: 500px) 100vw, 500px" /></p>
<p><a href="https://news.livedoor.com/article/detail/17436849/" target="_blank" rel="noopener noreferrer">iPadで描く漫画家 高河ゆんインタビュー(後編)：3万円台の新iPadは漫画に使える？</a>より引用</p>
<p>漫画家高河ゆんさんの絵です。</p>
<p>&nbsp;</p>
<p>液晶ダブレットじゃなくてもiPadで本格的なイラストを描けることを知り、購入することにしました。</p>
<p>&nbsp;</p>
<h3>iPadのもつメリット①　2画面にできて、イラストや勉強にも使える</h3>
<img decoding="async" class="alignnone wp-image-2378" src="https://kinonoteblog.com/wp-content/uploads/2020/07/DSC_1705-scaled.jpg" alt="iPadで2画面にできるメリット" width="500" height="667" srcset="https://kinonoteblog.com/wp-content/uploads/2020/07/DSC_1705-scaled.jpg 1920w, https://kinonoteblog.com/wp-content/uploads/2020/07/DSC_1705-225x300.jpg 225w, https://kinonoteblog.com/wp-content/uploads/2020/07/DSC_1705-768x1024.jpg 768w, https://kinonoteblog.com/wp-content/uploads/2020/07/DSC_1705-1152x1536.jpg 1152w, https://kinonoteblog.com/wp-content/uploads/2020/07/DSC_1705-1536x2048.jpg 1536w" sizes="(max-width: 500px) 100vw, 500px" />
<p>&nbsp;</p>
<p><strong><div class="voice cf l big"><figure class="icon"><img decoding="async" src="https://kinonoteblog.com/wp-content/uploads/2019/03/nigaoemaker.png"><figcaption class="name">キノ</figcaption></figure><div class="voicecomment"></strong></p>
<p>ここがサイズ10.2インチの大画面の見せどころ！！</p>
<p><strong></div></div></strong></p>
<p>左はkindleアプリでイラストの参考書と、右はibisPaintXアプリを両方同時に起動しています。</p>
<p>これで、イラストの参考書を見ながらイラストを書くことができてとても便利です！</p>
<p>&nbsp;</p>
<p>ちなみにkindleアプリとibisPaintXアプリ、どちらも無料アプリです。</p>
<p>&nbsp;</p>
<h3>おまけ 僕の練習イラスト</h3>
<blockquote class="twitter-tweet">
<p dir="ltr" lang="ja"><a href="https://twitter.com/hashtag/%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E3%82%A4%E3%83%A9%E3%82%B9%E3%83%88?src=hash&amp;ref_src=twsrc%5Etfw">#デザインイラスト</a><br />
振り返り①オリジナルイラスト <a href="https://t.co/XPxhHuBZAC">pic.twitter.com/XPxhHuBZAC</a></p>
<p>— キノノート (@zB75pWavnhDTIxr) <a href="https://twitter.com/zB75pWavnhDTIxr/status/1279310034476789760?ref_src=twsrc%5Etfw">July 4, 2020</a></p></blockquote>
<p><script async="" src="https://platform.twitter.com/widgets.js" charset="utf-8"></script></p>
<blockquote class="twitter-tweet">
<p dir="ltr" lang="ja"><a href="https://twitter.com/hashtag/%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E3%82%A4%E3%83%A9%E3%82%B9%E3%83%88?src=hash&amp;ref_src=twsrc%5Etfw">#デザインイラスト</a><br />
振り返り②なぞりイラスト<br />
ここで、線が引けるようになったよ(*´ω｀*)φ <a href="https://t.co/Sxh8ytAv8f">pic.twitter.com/Sxh8ytAv8f</a></p>
<p>— キノノート (@zB75pWavnhDTIxr) <a href="https://twitter.com/zB75pWavnhDTIxr/status/1279320675925155840?ref_src=twsrc%5Etfw">July 4, 2020</a></p></blockquote>
<p><script async="" src="https://platform.twitter.com/widgets.js" charset="utf-8"></script></p>
<p>&nbsp;</p>
<h3>イラストアプリは無料のお絵かきソフト、ibisPaintX(アイビスペイント)アプリをおすすめします！</h3>
<p>&nbsp;</p>
<img decoding="async" class="alignnone wp-image-2467" src="https://kinonoteblog.com/wp-content/uploads/2020/07/無題76.jpg" alt="iPad10.2第7世代で描いたなぞり絵エドワード・エルリック" width="600" height="480" srcset="https://kinonoteblog.com/wp-content/uploads/2020/07/無題76.jpg 620w, https://kinonoteblog.com/wp-content/uploads/2020/07/無題76-300x240.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" />
<p>上は元絵を<strong>iPad 10.2　</strong><span style="color: #000000;"><span class="ipad_ali"><strong>第7世代</strong>で</span></span>なぞり描きして、塗り絵しました。</p>
<p>「塗り」は下手でも、こんなふうに絵の具で描いたようにできます。</p>
<p>&nbsp;</p>
<p>イラスト初心者なので、まだiPad 10.2インチ 第7世代の力を全力で出せません。</p>
<p>ですので、もっと上手くなっていくのでよろしくお願いします( ง •`ω•´)φ</p>
<h3 id="title" class="a-size-large a-spacing-none"><strong>iPadのおすすめの付属品</strong></h3>
<p>&nbsp;</p>
<h4>おすすめのフィルム</h4>
<p><span class="a-size-large product-title-word-break">イラストや漫画を描くならペーパーライクフィルム必須です！</span></p>
<p>&nbsp;</p>
<p>「iPadの画面そのままだと、ツルツルしてやりづらい…」</p>
<p>「紙に近づいた感触で描きたい…」</p>
<p>&nbsp;</p>
<p><strong><div class="voice cf l big"><figure class="icon"><img decoding="async" src="https://kinonoteblog.com/wp-content/uploads/2019/03/nigaoemaker.png"><figcaption class="name">キノ</figcaption></figure><div class="voicecomment"></strong></p>
<p>上は以前した僕の悩みです。</p>
<p>解決策が見つかりました！<span class="a-size-large product-title-word-break">ペーパーライクフィルムです。</span></p>
<p><strong></div></div></strong></p>
<p><span class="a-size-large product-title-word-break">ペーパーライクフィルムとは、貼るだけでまるで紙に描いたようにさらさらとペン先を走らせることができるんです。</span></p>
<p>&nbsp;</p>
<p class="a-size-large a-spacing-none"><span class="a-size-large product-title-word-break">僕はPCフィルター専門工房のペーパーライクフィルムを貼って、Apple Pencilと予備の</span><span id="productTitle" class="a-size-large product-title-word-break">スタイラスペンで絵を描いてます。</span><span id="productTitle" class="a-size-large product-title-word-break"></span><span id="productTitle" class="a-size-large product-title-word-break"></span></p>
<p><span id="productTitle" class="a-size-large product-title-word-break">ペーパーライクフィルムを貼れば、ペン先の質感が紙と変わらないんです。</span></p>
<div class="cstmreba">
<div class="kaerebalink-box">
<div class="kaerebalink-image"><a href="//af.moshimo.com/af/c/click?a_id=1512568&amp;p_id=54&amp;pc_id=54&amp;pl_id=616&amp;s_v=b5Rz2P0601xu&amp;url=https%3A%2F%2Fitem.rakuten.co.jp%2Fmoderatoshop%2Fb07xm9dwqr%2F" target="_blank" rel="noopener noreferrer"><img decoding="async" style="border: none;" src="https://thumbnail.image.rakuten.co.jp/@0_mall/moderatoshop/cabinet/image11/b07xm9dwqr.jpg?_ex=128x128" /></a><img decoding="async" style="border: none;" src="//i.moshimo.com/af/i/impression?a_id=1512568&amp;p_id=54&amp;pc_id=54&amp;pl_id=616" width="1" height="1" /></div>
<div class="kaerebalink-info">
<div class="kaerebalink-name">
<a href="//af.moshimo.com/af/c/click?a_id=1512568&amp;p_id=54&amp;pc_id=54&amp;pl_id=616&amp;s_v=b5Rz2P0601xu&amp;url=https%3A%2F%2Fitem.rakuten.co.jp%2Fmoderatoshop%2Fb07xm9dwqr%2F" target="_blank" rel="noopener noreferrer">「PCフィルター専門工房」iPad 10.2 2019 用 ペーパーライク フィルム iPad7 アイパッド</a><img decoding="async" style="border: none;" src="//i.moshimo.com/af/i/impression?a_id=1512568&amp;p_id=54&amp;pc_id=54&amp;pl_id=616" width="1" height="1" />
<div class="kaerebalink-powered-date">posted with <a href="https://kaereba.com" target="_blank" rel="nofollow noopener noreferrer">カエレバ</a></div>
</div>
<div class="kaerebalink-detail"></div>
<div class="kaerebalink-link1">
<div class="shoplinkrakuten"><a href="//af.moshimo.com/af/c/click?a_id=1512568&amp;p_id=54&amp;pc_id=54&amp;pl_id=616&amp;s_v=b5Rz2P0601xu&amp;url=https%3A%2F%2Fsearch.rakuten.co.jp%2Fsearch%2Fmall%2F%25E3%2580%258CPC%25E3%2583%2595%25E3%2582%25A3%25E3%2583%25AB%25E3%2582%25BF%25E3%2583%25BC%25E5%25B0%2582%25E9%2596%2580%25E5%25B7%25A5%25E6%2588%25BF%25E3%2580%258DiPad%252010.2%2520%2F-%2Ff.1-p.1-s.1-sf.0-st.A-v.2%3Fx%3D0" rel="nofollow">楽天市場</a><img decoding="async" style="border: none;" src="//i.moshimo.com/af/i/impression?a_id=1512568&amp;p_id=54&amp;pc_id=54&amp;pl_id=616" width="1" height="1" /></div>
<div class="shoplinkamazon"><a href="//af.moshimo.com/af/c/click?a_id=1513407&amp;p_id=170&amp;pc_id=185&amp;pl_id=4062&amp;s_v=b5Rz2P0601xu&amp;url=https%3A%2F%2Fwww.amazon.co.jp%2Fgp%2Fsearch%3Fkeywords%3D%25E3%2580%258CPC%25E3%2583%2595%25E3%2582%25A3%25E3%2583%25AB%25E3%2582%25BF%25E3%2583%25BC%25E5%25B0%2582%25E9%2596%2580%25E5%25B7%25A5%25E6%2588%25BF%25E3%2580%258DiPad%252010.2%2520%26__mk_ja_JP%3D%25E3%2582%25AB%25E3%2582%25BF%25E3%2582%25AB%25E3%2583%258A" rel="nofollow">Amazon</a><img decoding="async" style="border: none;" src="//i.moshimo.com/af/i/impression?a_id=1513407&amp;p_id=170&amp;pc_id=185&amp;pl_id=4062" width="1" height="1" /></div>
<div></div>
<div></div>
</div>
</div>
<div class="booklink-footer"></div>
</div>
</div>
<h4>おすすめのペン</h4>
<p>&nbsp;</p>
<div class="cstmreba">
<div class="kaerebalink-box">
<div class="kaerebalink-image"><a href="//af.moshimo.com/af/c/click?a_id=1512568&amp;p_id=54&amp;pc_id=54&amp;pl_id=616&amp;s_v=b5Rz2P0601xu&amp;url=https%3A%2F%2Fitem.rakuten.co.jp%2Fvaluemax%2F10001534%2F" target="_blank" rel="noopener noreferrer"><img decoding="async" style="border: none;" src="https://thumbnail.image.rakuten.co.jp/@0_mall/valuemax/cabinet/07131689/imgrc0085151248.jpg?_ex=128x128" /></a><img decoding="async" style="border: none;" src="//i.moshimo.com/af/i/impression?a_id=1512568&amp;p_id=54&amp;pc_id=54&amp;pl_id=616" width="1" height="1" /></div>
<div class="kaerebalink-info">
<div class="kaerebalink-name">
<a href="//af.moshimo.com/af/c/click?a_id=1512568&amp;p_id=54&amp;pc_id=54&amp;pl_id=616&amp;s_v=b5Rz2P0601xu&amp;url=https%3A%2F%2Fitem.rakuten.co.jp%2Fvaluemax%2F10001534%2F" target="_blank" rel="noopener noreferrer">アップルペンシル Apple Pencil(第1世代)純正[iPad Pro/Air/mini]アイパッド タッチペン スタイラス MK0C2J/A MK0C2JA</a><img decoding="async" style="border: none;" src="//i.moshimo.com/af/i/impression?a_id=1512568&amp;p_id=54&amp;pc_id=54&amp;pl_id=616" width="1" height="1" />
<div class="kaerebalink-powered-date">posted with <a href="https://kaereba.com" target="_blank" rel="nofollow noopener noreferrer">カエレバ</a></div>
</div>
<div class="kaerebalink-detail"></div>
<div class="kaerebalink-link1">
<div class="shoplinkrakuten"><a href="//af.moshimo.com/af/c/click?a_id=1512568&amp;p_id=54&amp;pc_id=54&amp;pl_id=616&amp;s_v=b5Rz2P0601xu&amp;url=https%3A%2F%2Fsearch.rakuten.co.jp%2Fsearch%2Fmall%2FApple%2520Pencil%2520%2528%25E7%25AC%25AC%25E4%25B8%2580%25E4%25B8%2596%25E4%25BB%25A3%2529%2F-%2Ff.1-p.1-s.1-sf.0-st.A-v.2%3Fx%3D0" rel="nofollow">楽天市場</a><img decoding="async" style="border: none;" src="//i.moshimo.com/af/i/impression?a_id=1512568&amp;p_id=54&amp;pc_id=54&amp;pl_id=616" width="1" height="1" /></div>
<div class="shoplinkamazon"><a href="//af.moshimo.com/af/c/click?a_id=1513407&amp;p_id=170&amp;pc_id=185&amp;pl_id=4062&amp;s_v=b5Rz2P0601xu&amp;url=https%3A%2F%2Fwww.amazon.co.jp%2Fgp%2Fsearch%3Fkeywords%3DApple%2520Pencil%2520%2528%25E7%25AC%25AC%25E4%25B8%2580%25E4%25B8%2596%25E4%25BB%25A3%2529%26__mk_ja_JP%3D%25E3%2582%25AB%25E3%2582%25BF%25E3%2582%25AB%25E3%2583%258A" rel="nofollow">Amazon</a><img decoding="async" style="border: none;" src="//i.moshimo.com/af/i/impression?a_id=1513407&amp;p_id=170&amp;pc_id=185&amp;pl_id=4062" width="1" height="1" /></div>
</div>
</div>
<div class="booklink-footer"></div>
</div>
</div>
<p>※<strong><span class="yellow">ちなみにiPad 10.2<span style="color: #000000;"><span class="ipad_ali">（第7世代）は、純正の</span></span><span id="productTitle" class="a-size-large product-title-word-break">Apple Pencil 第一世代しか対応していないことに注意してください。</span></span><span id="productTitle" class="a-size-large product-title-word-break"></span></strong></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<div class="cstmreba">
<div class="kaerebalink-box">
<div class="kaerebalink-image"><a href="//af.moshimo.com/af/c/click?a_id=1512568&amp;p_id=54&amp;pc_id=54&amp;pl_id=616&amp;s_v=b5Rz2P0601xu&amp;url=https%3A%2F%2Fitem.rakuten.co.jp%2Fmoderatoshop%2Fb0813hj3b1%2F" target="_blank" rel="noopener noreferrer"><img decoding="async" style="border: none;" src="https://thumbnail.image.rakuten.co.jp/@0_mall/moderatoshop/cabinet/imge14/b0813hj3b1.jpg?_ex=128x128" /></a><img decoding="async" style="border: none;" src="//i.moshimo.com/af/i/impression?a_id=1512568&amp;p_id=54&amp;pc_id=54&amp;pl_id=616" width="1" height="1" /></div>
<div class="kaerebalink-info">
<div class="kaerebalink-name">
<a href="//af.moshimo.com/af/c/click?a_id=1512568&amp;p_id=54&amp;pc_id=54&amp;pl_id=616&amp;s_v=b5Rz2P0601xu&amp;url=https%3A%2F%2Fitem.rakuten.co.jp%2Fmoderatoshop%2Fb0813hj3b1%2F" target="_blank" rel="noopener noreferrer">タッチペン MEKO（第2世代）パームリジェクション機能付き デジタルペンシル スタイラスペン iPad専用ペン</a><img decoding="async" style="border: none;" src="//i.moshimo.com/af/i/impression?a_id=1512568&amp;p_id=54&amp;pc_id=54&amp;pl_id=616" width="1" height="1" />
<div class="kaerebalink-powered-date">posted with <a href="https://kaereba.com" target="_blank" rel="nofollow noopener noreferrer">カエレバ</a></div>
</div>
<div class="kaerebalink-detail"></div>
<div class="kaerebalink-link1">
<div class="shoplinkrakuten"><a href="//af.moshimo.com/af/c/click?a_id=1512568&amp;p_id=54&amp;pc_id=54&amp;pl_id=616&amp;s_v=b5Rz2P0601xu&amp;url=https%3A%2F%2Fsearch.rakuten.co.jp%2Fsearch%2Fmall%2F%25E3%2582%25BF%25E3%2583%2583%25E3%2583%2581%25E3%2583%259A%25E3%2583%25B3%2520MEKO%25EF%25BC%2588%25E7%25AC%25AC2%25E4%25B8%2596%25E4%25BB%25A3%25EF%25BC%2589%2F-%2Ff.1-p.1-s.1-sf.0-st.A-v.2%3Fx%3D0" rel="nofollow">楽天市場</a><img decoding="async" style="border: none;" src="//i.moshimo.com/af/i/impression?a_id=1512568&amp;p_id=54&amp;pc_id=54&amp;pl_id=616" width="1" height="1" /></div>
<div class="shoplinkamazon"><a href="//af.moshimo.com/af/c/click?a_id=1513407&amp;p_id=170&amp;pc_id=185&amp;pl_id=4062&amp;s_v=b5Rz2P0601xu&amp;url=https%3A%2F%2Fwww.amazon.co.jp%2Fgp%2Fsearch%3Fkeywords%3D%25E3%2582%25BF%25E3%2583%2583%25E3%2583%2581%25E3%2583%259A%25E3%2583%25B3%2520MEKO%25EF%25BC%2588%25E7%25AC%25AC2%25E4%25B8%2596%25E4%25BB%25A3%25EF%25BC%2589%26__mk_ja_JP%3D%25E3%2582%25AB%25E3%2582%25BF%25E3%2582%25AB%25E3%2583%258A" rel="nofollow">Amazon</a><img decoding="async" style="border: none;" src="//i.moshimo.com/af/i/impression?a_id=1513407&amp;p_id=170&amp;pc_id=185&amp;pl_id=4062" width="1" height="1" /></div>
</div>
</div>
<div class="booklink-footer"></div>
</div>
</div>
<p>これが僕が使っているデジタルペンシルです。</p>
<p><span id="productTitle" class="a-size-large product-title-word-break">予備用に買ったのですが、思いのほか使い勝手いいので重宝しています。</span></p>
<p>&nbsp;</p>
<p><span id="productTitle" class="a-size-large product-title-word-break"></span><span id="productTitle" class="a-size-large product-title-word-break"></span><strong><span id="productTitle" class="a-size-large product-title-word-break">Apple Pencil 第一世代</span></strong>が高くて手が出ないという方はこちらを試してもいいかもしれません。</p>
<p>&nbsp;</p>
<h2><span style="color: #000000;"><span class="ipad_ali"><strong>iPad 10.2インチ 第7世代</strong>の外観は？</span></span></h2>
<p><strong>iPad 10.2 第7世代</strong>のシルバーを購入しました。</p>
<img decoding="async" class="alignnone wp-image-2347" src="https://kinonoteblog.com/wp-content/uploads/2020/06/20200630_133712-scaled.jpg" alt="iPad10.2第7世代の外観" width="500" height="569" srcset="https://kinonoteblog.com/wp-content/uploads/2020/06/20200630_133712-scaled.jpg 2248w, https://kinonoteblog.com/wp-content/uploads/2020/06/20200630_133712-263x300.jpg 263w, https://kinonoteblog.com/wp-content/uploads/2020/06/20200630_133712-899x1024.jpg 899w, https://kinonoteblog.com/wp-content/uploads/2020/06/20200630_133712-768x875.jpg 768w, https://kinonoteblog.com/wp-content/uploads/2020/06/20200630_133712-1349x1536.jpg 1349w, https://kinonoteblog.com/wp-content/uploads/2020/06/20200630_133712-1798x2048.jpg 1798w" sizes="(max-width: 500px) 100vw, 500px" />
<img decoding="async" class="alignnone wp-image-2350" src="https://kinonoteblog.com/wp-content/uploads/2020/06/20200630_133626-scaled.jpg" alt="iPad10.2第7世代と付属品" width="500" height="557" srcset="https://kinonoteblog.com/wp-content/uploads/2020/06/20200630_133626-scaled.jpg 2298w, https://kinonoteblog.com/wp-content/uploads/2020/06/20200630_133626-269x300.jpg 269w, https://kinonoteblog.com/wp-content/uploads/2020/06/20200630_133626-919x1024.jpg 919w, https://kinonoteblog.com/wp-content/uploads/2020/06/20200630_133626-768x856.jpg 768w, https://kinonoteblog.com/wp-content/uploads/2020/06/20200630_133626-1379x1536.jpg 1379w, https://kinonoteblog.com/wp-content/uploads/2020/06/20200630_133626-1838x2048.jpg 1838w" sizes="(max-width: 500px) 100vw, 500px" />
<img decoding="async" class="alignnone wp-image-2353" src="https://kinonoteblog.com/wp-content/uploads/2020/06/20200630_133853-scaled.jpg" alt="iPad10.2第7世代と付属品" width="500" height="542" srcset="https://kinonoteblog.com/wp-content/uploads/2020/06/20200630_133853-scaled.jpg 2361w, https://kinonoteblog.com/wp-content/uploads/2020/06/20200630_133853-277x300.jpg 277w, https://kinonoteblog.com/wp-content/uploads/2020/06/20200630_133853-944x1024.jpg 944w, https://kinonoteblog.com/wp-content/uploads/2020/06/20200630_133853-768x833.jpg 768w, https://kinonoteblog.com/wp-content/uploads/2020/06/20200630_133853-1416x1536.jpg 1416w, https://kinonoteblog.com/wp-content/uploads/2020/06/20200630_133853-1889x2048.jpg 1889w" sizes="(max-width: 500px) 100vw, 500px" />
<p>付属品は、純正のACアダプタ（10W給電）、Lightningケーブル。</p>
<p>&nbsp;</p>
<img decoding="async" class="alignnone wp-image-2354" src="https://kinonoteblog.com/wp-content/uploads/2020/06/DSC_1692-scaled.jpg" alt="iPad10.2第7世代の大きさ" width="500" height="375" srcset="https://kinonoteblog.com/wp-content/uploads/2020/06/DSC_1692-scaled.jpg 2560w, https://kinonoteblog.com/wp-content/uploads/2020/06/DSC_1692-300x225.jpg 300w, https://kinonoteblog.com/wp-content/uploads/2020/06/DSC_1692-1024x768.jpg 1024w, https://kinonoteblog.com/wp-content/uploads/2020/06/DSC_1692-768x576.jpg 768w, https://kinonoteblog.com/wp-content/uploads/2020/06/DSC_1692-1536x1152.jpg 1536w, https://kinonoteblog.com/wp-content/uploads/2020/06/DSC_1692-2048x1536.jpg 2048w" sizes="(max-width: 500px) 100vw, 500px" />
<img decoding="async" class="alignnone wp-image-2393" src="https://kinonoteblog.com/wp-content/uploads/2020/07/20200703_190455-scaled.jpg" alt="iPad10.2第7世代の薄さ" width="500" height="203" srcset="https://kinonoteblog.com/wp-content/uploads/2020/07/20200703_190455-scaled.jpg 2560w, https://kinonoteblog.com/wp-content/uploads/2020/07/20200703_190455-300x122.jpg 300w, https://kinonoteblog.com/wp-content/uploads/2020/07/20200703_190455-1024x416.jpg 1024w, https://kinonoteblog.com/wp-content/uploads/2020/07/20200703_190455-768x312.jpg 768w, https://kinonoteblog.com/wp-content/uploads/2020/07/20200703_190455-1536x625.jpg 1536w, https://kinonoteblog.com/wp-content/uploads/2020/07/20200703_190455-2048x833.jpg 2048w" sizes="(max-width: 500px) 100vw, 500px" />
<p>薄さは一般的なスマホと同じ、大きさはB5ノートとほぼ同じですね。</p>
<p>&nbsp;</p>
<p>483g≒ペットボトルとほぼ同じ重さで、それでいて薄いから持ち歩けます！</p>
<p>さらに、10.2インチの大画面なので、趣味や仕事にも使えます。</p>
<p>&nbsp;</p>
<h2>他にもいろいろ使い方ができるiPad 10.2 第7世代</h2>
<p>&nbsp;</p>
<p>僕はiPadを読書、動画視聴、絵を描く、ブログを執筆する、ゲームで遊ぶなど、多岐に渡って使用しています。</p>
<h3><strong>iPad 10.2 第7世代</strong>のもつメリット②　サイズが10.2インチと大きさが魅力的</h3>
<p>&nbsp;</p>
<img decoding="async" class="alignnone wp-image-2357" src="https://kinonoteblog.com/wp-content/uploads/2020/06/DSC_1693-scaled.jpg" alt="iPad10.2第7世代でブログを書く" width="500" height="667" srcset="https://kinonoteblog.com/wp-content/uploads/2020/06/DSC_1693-scaled.jpg 1920w, https://kinonoteblog.com/wp-content/uploads/2020/06/DSC_1693-225x300.jpg 225w, https://kinonoteblog.com/wp-content/uploads/2020/06/DSC_1693-768x1024.jpg 768w, https://kinonoteblog.com/wp-content/uploads/2020/06/DSC_1693-1152x1536.jpg 1152w, https://kinonoteblog.com/wp-content/uploads/2020/06/DSC_1693-1536x2048.jpg 1536w" sizes="(max-width: 500px) 100vw, 500px" />
<img decoding="async" class="alignnone wp-image-2358" src="https://kinonoteblog.com/wp-content/uploads/2020/06/DSC_1695-scaled.jpg" alt="iPad10.2第7世代の使い方漫画の場合" width="500" height="667" srcset="https://kinonoteblog.com/wp-content/uploads/2020/06/DSC_1695-scaled.jpg 1920w, https://kinonoteblog.com/wp-content/uploads/2020/06/DSC_1695-225x300.jpg 225w, https://kinonoteblog.com/wp-content/uploads/2020/06/DSC_1695-768x1024.jpg 768w, https://kinonoteblog.com/wp-content/uploads/2020/06/DSC_1695-1152x1536.jpg 1152w, https://kinonoteblog.com/wp-content/uploads/2020/06/DSC_1695-1536x2048.jpg 1536w" sizes="(max-width: 500px) 100vw, 500px" />
<p>Kindleアプリで小説や漫画などを読書する</p>
<img decoding="async" class="alignnone wp-image-2437" src="https://kinonoteblog.com/wp-content/uploads/2020/07/DSC_1722-scaled.jpg" alt="iPad 10.2 第7世代でブログを書く" width="500" height="667" srcset="https://kinonoteblog.com/wp-content/uploads/2020/07/DSC_1722-scaled.jpg 1920w, https://kinonoteblog.com/wp-content/uploads/2020/07/DSC_1722-225x300.jpg 225w, https://kinonoteblog.com/wp-content/uploads/2020/07/DSC_1722-768x1024.jpg 768w, https://kinonoteblog.com/wp-content/uploads/2020/07/DSC_1722-1152x1536.jpg 1152w, https://kinonoteblog.com/wp-content/uploads/2020/07/DSC_1722-1536x2048.jpg 1536w" sizes="(max-width: 500px) 100vw, 500px" />
<p>ブログを執筆する</p>
<p>&nbsp;</p>
<p>他にも動画編集、画像編集、デザイン制作、レポート・資料作成など</p>
<p>&nbsp;</p>
<p>イラストを描く、あとは漫画や動画を見るぐらいしか使う用途がない方は32GBを、</p>
<p>多趣味の人、学生、ビジネスで使う人は128GBをおすすめします。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><span class="yellow"><strong>僕はゲームや電子書籍をよくダウンロードする＆少なくとも３～4年間は戦えるスペックなので、128GBにしました。</strong></span></p>
<p>&nbsp;</p>
<p>もし、そんなに容量要らないって人は32GBでも、イラストや動画を楽しめると思います。</p>
<p>&nbsp;</p>
<div class="cstmreba">
<div class="kaerebalink-box">
<div class="kaerebalink-image"><a href="//af.moshimo.com/af/c/click?a_id=1512568&amp;p_id=54&amp;pc_id=54&amp;pl_id=616&amp;s_v=b5Rz2P0601xu&amp;url=https%3A%2F%2Fproduct.rakuten.co.jp%2Fproduct%2F-%2F4c686c11e6a35a132c8538c279134265%2F" target="_blank" rel="noopener noreferrer"><img decoding="async" style="border: none;" src="https://thumbnail.image.rakuten.co.jp/ran/img/1001/0004/549/995/080/681/10010004549995080681_1.jpg?_ex=320x320" /></a><img decoding="async" style="border: none;" src="//i.moshimo.com/af/i/impression?a_id=1512568&amp;p_id=54&amp;pc_id=54&amp;pl_id=616" width="1" height="1" /></div>
<div class="kaerebalink-info">
<div class="kaerebalink-name">
<a href="//af.moshimo.com/af/c/click?a_id=1512568&amp;p_id=54&amp;pc_id=54&amp;pl_id=616&amp;s_v=b5Rz2P0601xu&amp;url=https%3A%2F%2Fproduct.rakuten.co.jp%2Fproduct%2F-%2F4c686c11e6a35a132c8538c279134265%2F" target="_blank" rel="noopener noreferrer">APPLE iPadWi-Fi 32GB 2019 SV</a><img decoding="async" style="border: none;" src="//i.moshimo.com/af/i/impression?a_id=1512568&amp;p_id=54&amp;pc_id=54&amp;pl_id=616" width="1" height="1" />
<div class="kaerebalink-powered-date">posted with <a href="https://kaereba.com" target="_blank" rel="nofollow noopener noreferrer">カエレバ</a></div>
</div>
<div class="kaerebalink-detail"></div>
<div class="kaerebalink-link1">
<div class="shoplinkrakuten"><a href="//af.moshimo.com/af/c/click?a_id=1512568&amp;p_id=54&amp;pc_id=54&amp;pl_id=616&amp;s_v=b5Rz2P0601xu&amp;url=https%3A%2F%2Fproduct.rakuten.co.jp%2Fproduct%2F-%2F4c686c11e6a35a132c8538c279134265%2F" rel="nofollow">楽天市場</a><img decoding="async" style="border: none;" src="//i.moshimo.com/af/i/impression?a_id=1512568&amp;p_id=54&amp;pc_id=54&amp;pl_id=616" width="1" height="1" /></div>
<div class="shoplinkamazon"><a href="//af.moshimo.com/af/c/click?a_id=1513407&amp;p_id=170&amp;pc_id=185&amp;pl_id=4062&amp;s_v=b5Rz2P0601xu&amp;url=https%3A%2F%2Fwww.amazon.co.jp%2Fgp%2Fsearch%3Fkeywords%3Dipad%252010.2%25E3%2582%25A4%25E3%2583%25B3%25E3%2583%2581%2520%25E7%25AC%25AC7%25E4%25B8%2596%25E4%25BB%25A3%2520%26__mk_ja_JP%3D%25E3%2582%25AB%25E3%2582%25BF%25E3%2582%25AB%25E3%2583%258A" rel="nofollow">Amazon</a><img decoding="async" style="border: none;" src="//i.moshimo.com/af/i/impression?a_id=1513407&amp;p_id=170&amp;pc_id=185&amp;pl_id=4062" width="1" height="1" /></div>
<div></div>
</div>
</div>
<div class="booklink-footer"></div>
</div>
</div>
<div class="cstmreba">
<div class="kaerebalink-box">
<div class="kaerebalink-image"><a href="//af.moshimo.com/af/c/click?a_id=1512568&amp;p_id=54&amp;pc_id=54&amp;pl_id=616&amp;s_v=b5Rz2P0601xu&amp;url=https%3A%2F%2Fproduct.rakuten.co.jp%2Fproduct%2F-%2Fc34184a87e129bda3cfa1e17f2e50b25%2F" target="_blank" rel="noopener noreferrer"><img decoding="async" style="border: none;" src="https://thumbnail.image.rakuten.co.jp/ran/img/1001/0004/549/995/080/711/10010004549995080711_1.jpg?_ex=320x320" /></a><img decoding="async" style="border: none;" src="//i.moshimo.com/af/i/impression?a_id=1512568&amp;p_id=54&amp;pc_id=54&amp;pl_id=616" width="1" height="1" /></div>
<div class="kaerebalink-info">
<div class="kaerebalink-name">
<a href="//af.moshimo.com/af/c/click?a_id=1512568&amp;p_id=54&amp;pc_id=54&amp;pl_id=616&amp;s_v=b5Rz2P0601xu&amp;url=https%3A%2F%2Fproduct.rakuten.co.jp%2Fproduct%2F-%2Fc34184a87e129bda3cfa1e17f2e50b25%2F" target="_blank" rel="noopener noreferrer">APPLE iPad Wi-Fi 128GB 2019 SV</a><img decoding="async" style="border: none;" src="//i.moshimo.com/af/i/impression?a_id=1512568&amp;p_id=54&amp;pc_id=54&amp;pl_id=616" width="1" height="1" />
<div class="kaerebalink-powered-date">posted with <a href="https://kaereba.com" target="_blank" rel="nofollow noopener noreferrer">カエレバ</a></div>
</div>
<div class="kaerebalink-detail"></div>
<div class="kaerebalink-link1">
<div class="shoplinkrakuten"><a href="//af.moshimo.com/af/c/click?a_id=1512568&amp;p_id=54&amp;pc_id=54&amp;pl_id=616&amp;s_v=b5Rz2P0601xu&amp;url=https%3A%2F%2Fproduct.rakuten.co.jp%2Fproduct%2F-%2Fc34184a87e129bda3cfa1e17f2e50b25%2F" rel="nofollow">楽天市場</a><img decoding="async" style="border: none;" src="//i.moshimo.com/af/i/impression?a_id=1512568&amp;p_id=54&amp;pc_id=54&amp;pl_id=616" width="1" height="1" /></div>
<div class="shoplinkamazon"><a href="//af.moshimo.com/af/c/click?a_id=1513407&amp;p_id=170&amp;pc_id=185&amp;pl_id=4062&amp;s_v=b5Rz2P0601xu&amp;url=https%3A%2F%2Fwww.amazon.co.jp%2Fgp%2Fsearch%3Fkeywords%3Dipad%252010.2%25E3%2582%25A4%25E3%2583%25B3%25E3%2583%2581%2520%25E7%25AC%25AC7%25E4%25B8%2596%25E4%25BB%25A3%26__mk_ja_JP%3D%25E3%2582%25AB%25E3%2582%25BF%25E3%2582%25AB%25E3%2583%258A" rel="nofollow">Amazon</a><img decoding="async" style="border: none;" src="//i.moshimo.com/af/i/impression?a_id=1513407&amp;p_id=170&amp;pc_id=185&amp;pl_id=4062" width="1" height="1" /></div>
</div>
</div>
</div>
</div>
<p><!-- このファイルは「差し込み用の追記ブロック」です。 既存記事のタイトル・本文・「第7世代」表記は一切変更していません。 検索順位への影響を避けるため、以下の2ブロックを「終わりに」の直前に追加する形をおすすめします。 --></p>
<h2 style="font-size: 1.3em; margin-top: 2em; border-left: 6px solid #3178c6; padding-left: 10px;">【2026年追記】現行モデルとの違いは？</h2>
<div style="margin-bottom: 1.5em;"><div class="voice cf r big"><figure class="icon"><img decoding="async" src="https://kinonoteblog.com/wp-content/uploads/2020/07/pose_aseru_.png"><figcaption class="name">少年A</figcaption></figure><div class="voicecomment">
この記事、今読んでも参考になるの？</div></div>
<div class="voice cf l big"><figure class="icon"><img decoding="async" src="https://kinonoteblog.com/wp-content/uploads/2019/03/nigaoemaker.png"><figcaption class="name">キノ</figcaption></figure><div class="voicecomment">
基本的な考え方は今でも参考になるよ。ただ、無印iPadのラインナップは第7世代から進化しているから、その違いだけ補足しておくね</div></div></div>
<p>この記事を書いた当時のiPad 10.2 第7世代から、無印iPadはその後も世代を重ね、現在は「iPad（A16）」が最新モデルになっています。基本的なコンセプト（手頃な価格でイラストや趣味に使えるiPad）は変わっていませんが、いくつか大きな違いがあります。</p>
<table style="width: 100%; border-collapse: collapse; margin: 1em 0; font-size: 0.9em;">
<thead>
<tr style="background: #f6f8fa;">
<th style="border: 1px solid #e1e4e8; padding: 0.6em; text-align: left;">項目</th>
<th style="border: 1px solid #e1e4e8; padding: 0.6em; text-align: left;">iPad 10.2 第7世代（本記事）</th>
<th style="border: 1px solid #e1e4e8; padding: 0.6em; text-align: left;">現行の無印iPad（A16）</th>
</tr>
</thead>
<tbody>
<tr>
<td style="border: 1px solid #e1e4e8; padding: 0.6em;">ディスプレイ</td>
<td style="border: 1px solid #e1e4e8; padding: 0.6em;">10.2インチ</td>
<td style="border: 1px solid #e1e4e8; padding: 0.6em;">10.9インチ</td>
</tr>
<tr>
<td style="border: 1px solid #e1e4e8; padding: 0.6em;">対応Apple Pencil</td>
<td style="border: 1px solid #e1e4e8; padding: 0.6em;">Apple Pencil（第1世代・Lightning接続）</td>
<td style="border: 1px solid #e1e4e8; padding: 0.6em;">Apple Pencil（USB-C）</td>
</tr>
<tr>
<td style="border: 1px solid #e1e4e8; padding: 0.6em;">充電・接続端子</td>
<td style="border: 1px solid #e1e4e8; padding: 0.6em;">Lightning</td>
<td style="border: 1px solid #e1e4e8; padding: 0.6em;">USB-C</td>
</tr>
</tbody>
</table>
<p>特に注意したいのが<strong>Apple Pencilの対応世代</strong>です。第7世代はLightning接続のApple Pencil（第1世代）専用ですが、現行モデルはUSB-C接続のApple Pencilに変わっているため、買い間違いには注意してください。これからイラスト用に新しく無印iPadを検討する場合は、現行モデルであるiPad（A16）を選んでおけば基本的に間違いありません。中古やアウトレットで第7世代〜第9世代を安く手に入れる場合は、この記事の内容がそのまま参考になります。</p>
<h2 style="font-size: 1.3em; margin-top: 2em; border-left: 6px solid #3178c6; padding-left: 10px;">よくある質問</h2>
<p><strong>Q. iPad 10.2 第7世代は今から購入しても問題ないですか？</strong><br />
A. 新品での取り扱いは終了していますが、中古やアウトレットであれば、イラストの練習用としては今でも十分な性能です。ただしApple Pencilの対応世代には注意してください。</p>
<p><strong>Q. iPad7 とiPad(A16)、イラスト用に選ぶならどちらがいいですか？</strong><br />
A. 予算重視で中古が選べるなら第7世代でも問題ありませんが、新品を検討するなら現行モデルのiPad（A16）がおすすめです。Apple Pencilの世代が異なる点だけ注意してください。</p>
<p><strong>Q. ペーパーライクフィルムは現行モデルでも使えますか？</strong><br />
A. サイズが異なるため、iPad（A16）用として販売されているものを選ぶ必要があります。</p>
<h2>終わりに</h2>
<h3>まとめ</h3>
<div class="c_box intitle green_box type_normal"><div class="box_title"><span class="span__box_title">iPad 10.2インチ 第7世代のまとめ</span></div>
・iPad 10.2インチ 第7世代は全iPadの中で一番コストパフォーマンスがいい。</p>
<p>・絵やデジタルイラストを描く人や単にタブレットが欲しい人におすすめ！</p>
<p>・大画面のiPad 10.2インチ 第7世代で趣味や仕事に打ち込める</div>
<p>&nbsp;</p>
<p>では、また</p>
<p>ここまで見てくれてありがとうございました。</p>
<p>&nbsp;</p>
<p>こちらもおすすめ↓</p>
<div class="related_article cf"><a href="https://kinonoteblog.com/blog/bloghacks-review"><figure class="eyecatch thum"><img decoding="async" width="486" height="290" src="https://kinonoteblog.com/wp-content/uploads/2019/03/The-eye-should-learn-to-listen-before-it-looks.のコピー-1-486x290.jpg" class="attachment-home-thum size-home-thum wp-post-image" alt="" /></figure><div class="meta inbox"><p class="ttl">【体験談】ブログ初心者がBlog Hacksをレビュー【最初の目標は月20万！？】</p><span class="date gf">2019年3月12日</span></div></a></div>
<div class="related_article cf"><a href="https://kinonoteblog.com/programming/skillhacks-review"><figure class="eyecatch thum"><img decoding="async" width="486" height="290" src="https://kinonoteblog.com/wp-content/uploads/2019/05/The-eye-should-learn-to-listen-before-it-looks.のコピーのコピー-2-486x290.jpg" class="attachment-home-thum size-home-thum wp-post-image" alt="Skill Hacks　評判" /></figure><div class="meta inbox"><p class="ttl">【体験談】エンジニア初心者がSkill Hacks（スキルハックス）をレビュー【自走可能】</p><span class="date gf">2019年5月5日</span></div></a></div>
<p>&nbsp;</p><p>The post <a href="https://kinonoteblog.com/lifehack/ipad10-2-illustration-review">iPad 10.2 第7世代でイラストを描こう【レビュー】</a> first appeared on <a href="https://kinonoteblog.com">kinoblog</a>.</p>]]></content:encoded>
					
					<wfw:commentRss>https://kinonoteblog.com/lifehack/ipad10-2-illustration-review/feed</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>DaiGoさんの本、『人を操る禁断の文章術』を読んでみた【感想】</title>
		<link>https://kinonoteblog.com/blog/daigo-writing-skills?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=daigo-writing-skills</link>
					<comments>https://kinonoteblog.com/blog/daigo-writing-skills#respond</comments>
		
		<dc:creator><![CDATA[kino]]></dc:creator>
		<pubDate>Sun, 07 Jun 2020 05:12:36 +0000</pubDate>
				<category><![CDATA[ブログ]]></category>
		<category><![CDATA[ライフハック]]></category>
		<category><![CDATA[読書]]></category>
		<category><![CDATA[本]]></category>
		<category><![CDATA[pickup]]></category>
		<category><![CDATA[レビュー]]></category>
		<category><![CDATA[DaiGo]]></category>
		<category><![CDATA[感想]]></category>
		<category><![CDATA[人を操る禁断の文章術]]></category>
		<category><![CDATA[アウトプット]]></category>
		<guid isPermaLink="false">https://kinonoteblog.com/?p=2263</guid>

					<description><![CDATA[<p>&#160; #100DaysOfCode #駆け出しエンジニアと繋がりたい#ブログ仲間と繋がりたい おはようございます！ 朝の読書の時間です！( ง •`ω•´)っ&#x1f4d5; 今日もコツコツと積み上げましょう！...</p>
<p>The post <a href="https://kinonoteblog.com/blog/daigo-writing-skills">DaiGoさんの本、『人を操る禁断の文章術』を読んでみた【感想】</a> first appeared on <a href="https://kinonoteblog.com">kinoblog</a>.</p>]]></description>
										<content:encoded><![CDATA[<p>&nbsp;</p>
<blockquote class="twitter-tweet">
<p dir="ltr" lang="ja"><a href="https://twitter.com/hashtag/100DaysOfCode?src=hash&amp;ref_src=twsrc%5Etfw">#100DaysOfCode</a> <a href="https://twitter.com/hashtag/%E9%A7%86%E3%81%91%E5%87%BA%E3%81%97%E3%82%A8%E3%83%B3%E3%82%B8%E3%83%8B%E3%82%A2%E3%81%A8%E7%B9%8B%E3%81%8C%E3%82%8A%E3%81%9F%E3%81%84?src=hash&amp;ref_src=twsrc%5Etfw">#駆け出しエンジニアと繋がりたい</a><a href="https://twitter.com/hashtag/%E3%83%96%E3%83%AD%E3%82%B0%E4%BB%B2%E9%96%93%E3%81%A8%E7%B9%8B%E3%81%8C%E3%82%8A%E3%81%9F%E3%81%84?src=hash&amp;ref_src=twsrc%5Etfw">#ブログ仲間と繋がりたい</a><br />
おはようございます！</p>
<p>朝の読書の時間です！( ง •`ω•´)っ&#x1f4d5;</p>
<p>今日もコツコツと積み上げましょう！&#x263a;&#xfe0f;&#x1f44d; <a href="https://t.co/S6m2gW01f0">pic.twitter.com/S6m2gW01f0</a></p>
<p>— キノノート (@zB75pWavnhDTIxr) <a href="https://twitter.com/zB75pWavnhDTIxr/status/1266852052077969408?ref_src=twsrc%5Etfw">May 30, 2020</a></p></blockquote>
<p><script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script></p>
<p>&nbsp;</p>
<p>こんにちは、</p>
<p><span style="font-weight: 400;"><a style="text-decoration: none;" href="https://twitter.com/zB75pWavnhDTIxr">キノ(</a><a class="ProfileHeaderCard-screennameLink u-linkComplex js-nav" href="https://twitter.com/zB75pWavnhDTIxr"><span class="username u-dir" dir="ltr">@<b class="u-linkComplex-target">zB75pWavnhDTIxr</b></span></a><a style="text-decoration: none;" href="https://twitter.com/zB75pWavnhDTIxr">)</a></span>です。</p>
<p>今回はDaiGoさんの本、人を操る禁断の文章術という本について、語っていこうと思います。</p>
<p>というのも文章を書くことって頻繁にあると思うんですよ。</p>
<p>&nbsp;</p>
<p>ブログ、Line、メール、手紙&#8230;etc。</p>
<p>ただ、伝わればいいのではなく、</p>
<p><strong><span class="yellow">伝わりやすいや、自分が望んだリアクションが返ってきてほしい。</span></strong></p>
<p>&nbsp;</p>
<p>そんな時に文章術が役に立ってくれるんです。</p>
<p>人を操る禁断の文章術は「教科書の例文ようなきれいな文章」じゃなく、</p>
<p>「心が動く文章」を書けばいいといっています。</p>
<p><strong></strong></p>
<h2>人を操る禁断の文章術とは</h2>
<p>&nbsp;</p>
<div class="cstmreba">
<div class="kaerebalink-box">
<div class="kaerebalink-image"><a href="//af.moshimo.com/af/c/click?a_id=1512568&amp;p_id=54&amp;pc_id=54&amp;pl_id=616&amp;s_v=b5Rz2P0601xu&amp;url=https%3A%2F%2Fitem.rakuten.co.jp%2Fbook%2F13094668%2F" target="_blank" rel="noopener noreferrer"><img decoding="async" style="border: none;" src="https://thumbnail.image.rakuten.co.jp/@0_mall/book/cabinet/0568/9784761270568.jpg?_ex=128x128" /></a><img decoding="async" style="border: none;" src="//i.moshimo.com/af/i/impression?a_id=1512568&amp;p_id=54&amp;pc_id=54&amp;pl_id=616" width="1" height="1" /></div>
<div class="kaerebalink-info">
<div class="kaerebalink-name">
<a href="//af.moshimo.com/af/c/click?a_id=1512568&amp;p_id=54&amp;pc_id=54&amp;pl_id=616&amp;s_v=b5Rz2P0601xu&amp;url=https%3A%2F%2Fitem.rakuten.co.jp%2Fbook%2F13094668%2F" target="_blank" rel="noopener noreferrer">人を操る禁断の文章術 [ メンタリストDaiGo ]</a><img decoding="async" style="border: none;" src="//i.moshimo.com/af/i/impression?a_id=1512568&amp;p_id=54&amp;pc_id=54&amp;pl_id=616" width="1" height="1" />
<div class="kaerebalink-powered-date">posted with <a href="https://kaereba.com" target="_blank" rel="nofollow noopener noreferrer">カエレバ</a></div>
</div>
<div class="kaerebalink-detail"></div>
<div class="kaerebalink-link1">
<div class="shoplinkrakuten"><a href="//af.moshimo.com/af/c/click?a_id=1512568&amp;p_id=54&amp;pc_id=54&amp;pl_id=616&amp;s_v=b5Rz2P0601xu&amp;url=https%3A%2F%2Fsearch.rakuten.co.jp%2Fsearch%2Fmall%2F%25E4%25BA%25BA%25E3%2582%2592%25E6%2593%258D%25E3%2582%258B%25E7%25A6%2581%25E6%2596%25AD%25E3%2581%25AE%25E6%2596%2587%25E7%25AB%25A0%25E8%25A1%2593%2F-%2Ff.1-p.1-s.1-sf.0-st.A-v.2%3Fx%3D0" target="_blank" rel="noopener noreferrer">楽天市場</a><img decoding="async" style="border: none;" src="//i.moshimo.com/af/i/impression?a_id=1512568&amp;p_id=54&amp;pc_id=54&amp;pl_id=616" width="1" height="1" /></div>
<div class="shoplinkamazon"><a href="https://www.amazon.co.jp/gp/search?keywords=%E4%BA%BA%E3%82%92%E6%93%8D%E3%82%8B%E7%A6%81%E6%96%AD%E3%81%AE%E6%96%87%E7%AB%A0%E8%A1%93&amp;__mk_ja_JP=%E3%82%AB%E3%82%BF%E3%82%AB%E3%83%8A&amp;tag=kinonote08-22" target="_blank" rel="noopener noreferrer">Amazon</a></div>
</div>
</div>
<div class="booklink-footer"></div>
</div>
</div>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>人を操る禁断の文章術の冒頭で、</p>
<p><span class="pink">「あなたの思う、世界最高の美女とは？」</span>という質問があります。</p>
<p>&nbsp;</p>
<p>これは、答えは一人ひとり違うと思います。</p>
<p>人によっては、新垣結衣だったり、志田未来だったり。</p>
<p>あるいは、アニメキャラだったり、自分の頭の中にある架空の美女をイメージしたり。</p>
<p>&nbsp;</p>
<p>ちなみに僕は、中学時代の初恋の人をイメージしました。</p>
<p>&nbsp;</p>
<p>しかし、全ての人に共通するものがあります。</p>
<p><span class="pink">「あなたの思う、世界最高の美女とは？」</span></p>
<p>この一文を見て、みなさんは「想像」しました。</p>
<p>&nbsp;</p>
<p>人を操る禁断の文章術には、一番いい文章とは何か？という問いに、こう書かれています。</p>
<p><span class="yellow"><span class="yellow">「ある言葉を目にすることで、想像し、ときに行動のための原動力になる文章」です。</span></span></p>
<p>&nbsp;</p>
<div class="voice cf r big"><figure class="icon"><img decoding="async" src="https://kinonoteblog.com/wp-content/uploads/2019/08/agura_kutsurogu1_boy.png"><figcaption class="name">少年A</figcaption></figure><div class="voicecomment">
<p>文章術難しそう…。</p>
</div></div>
<p><strong><div class="voice cf l big"><figure class="icon"><img decoding="async" src="https://kinonoteblog.com/wp-content/uploads/2019/03/nigaoemaker.png"><figcaption class="name">キノ</figcaption></figure><div class="voicecomment"></strong></p>
<p>文章術とは、現代文の授業とは違って「きれいな文章」を書くことを目的にはしてないのでそんなに難しく考えないで大丈夫です。</p>
<p>解説しますね。</p>
<p><strong></div></div></strong></p>
<p>&nbsp;</p>
<h2>書かない３原則</h2>
<img decoding="async" class="alignnone wp-image-2271" src="https://kinonoteblog.com/wp-content/uploads/2020/06/見出しを追加-2.jpg" alt="書かない３原則" width="600" height="338" srcset="https://kinonoteblog.com/wp-content/uploads/2020/06/見出しを追加-2.jpg 1920w, https://kinonoteblog.com/wp-content/uploads/2020/06/見出しを追加-2-300x169.jpg 300w, https://kinonoteblog.com/wp-content/uploads/2020/06/見出しを追加-2-1024x576.jpg 1024w, https://kinonoteblog.com/wp-content/uploads/2020/06/見出しを追加-2-768x432.jpg 768w, https://kinonoteblog.com/wp-content/uploads/2020/06/見出しを追加-2-1536x864.jpg 1536w" sizes="(max-width: 600px) 100vw, 600px" />
<p>文章はなんで書かれているのでしょうか？</p>
<p>それは「今すぐ人を行動させること」です。</p>
<p>もしくは、「共感する」と言い換えてもいいかもしれません。</p>
<p>&nbsp;</p>
<p>「今すぐ人を行動させること」を意識していれば、きれいな文章や長い文章を書く必要はないんですよ。</p>
<h3>あれこれ書かない</h3>
<p>&nbsp;</p>
<p><span class="yellow">あえて短い文章で相手に想像させて、行動を導く。</span></p>
<p>人は、受け取った情報が足りないときに、その足りない部分を自分の知識や体験で補強する習性があります。</p>
<p>&nbsp;</p>
<h4>誤解①１から１０まで詳しく十分に説明があるから、みんなが興味が湧く。</h4>
<p>&nbsp;</p>
<p>よくない例：ダイエットの場合</p>
<p><strong><div class="voice cf l big"><figure class="icon"><img decoding="async" src="https://kinonoteblog.com/wp-content/uploads/2020/05/undou_squat_man.png"><figcaption class="name">よくない例をしゃべる人</figcaption></figure><div class="voicecomment"></strong></p>
<p>ダイエットには筋トレ！この前に買ったいい動画教材をお教えしましょう！それに以前に買ったサプリも効果がありました！</p>
<p>あとは、続ける自信がない人はやっぱりジムでしょ！今から入れば入会金２割引きでは入れますよ！専門トレーナー付きの筋トレは効率で～…</p>
<p><strong></div></div></strong></p>
<p>ここで、関連リンクがずらっと…。</p>
<p>&nbsp;</p>
<p>少々大げさに書きましたけど、</p>
<p>この人が嘘を言っていなくても、嫌ですよね。</p>
<p>&nbsp;</p>
<p><span class="yellow"><strong>ここで言いたいことは人の欲求や行動は情報の量に比例しないこと。</strong></span></p>
<p><span class="yellow"><strong>むしろ、人は多すぎる情報には拒否感を持ちます。</strong></span></p>
<p>&nbsp;</p>
<p>こうならないためには、</p>
<p>ワンマーケット・ワンメッセージ・ワンアウトカムの原則に従っていれば大丈夫です。</p>
<p>&nbsp;</p>
<h4>ワンマーケット・ワンメッセージ・ワンアウトカムの原則</h4>
<div class="c_box intitle yellow_box type_normal"><div class="box_title"><span class="span__box_title">ワンマーケット・ワンメッセージ・ワンアウトカムの原則</span></div>
ワンマーケット＝１つの市場</p>
<p>ワンメッセージ＝１つのメッセージ</p>
<p>ワンアウトカム＝１つの出口（ワンメッセージで紹介した購入リンクなど）</div>
<p>文章を書くときの意識は、１つの市場で、１つのメッセージで、１つの出口で、</p>
<p>「伝える文章」よりも「したくなる文章」で。</p>
<p>&nbsp;</p>
<p><span class="yellow">要するに簡潔であるほどに、人々は拒否感を持たなくなり、直感的に理解してもらえます。</span></p>
<p>&nbsp;</p>
<p>良い例：ダイエットの場合</p>
<p><strong><div class="voice cf l big"><figure class="icon"><img decoding="async" src="https://kinonoteblog.com/wp-content/uploads/2020/04/1521949.jpg"><figcaption class="name">いい例をしゃべる人</figcaption></figure><div class="voicecomment">ダイエットには、筋トレ！筋肉が増えると新陳代謝アップしますよ！</strong></p>
<p><strong>目標は１０代の身体！</strong></p>
<p><strong>おすすめの動画講座で筋トレしよう！</strong></p>
<p><strong></div></div></strong></p>
<p>ここで動画講座リンク１つ。</p>
<p>&nbsp;</p>
<p>ダイエットを例に、１つの市場（ダイエット）で、１つのメッセージ（筋トレ）で、１つの出口（動画講座）で。</p>
<p>簡潔で分かりやすくて、この例の方が自分の文章がストレートに読者に届く気がしませんか？</p>
<p>&nbsp;</p>
<h3>きれいに書かない</h3>
<h4>誤解②きれいに書かないと、相手に伝わらないし、失礼だ。</h4>
<p>&nbsp;</p>
<p><strong><span class="yellow">教科書通りの文章よりも感情的に書かれたほうが人々は共感し、行動するのです。</span></strong></p>
<p>友人とLINEしているときを思い出してください。</p>
<p>&nbsp;</p>
<p>きれいな文章でしょうか？</p>
<p>そして心が動かない文章でしょうか？</p>
<p>&nbsp;</p>
<p>人の顔が見える文章のほうが、いいですよね。</p>
<p><span class="yellow">人を動かすのは「論理」ではなく「感情」なのです。</span></p>
<p>&nbsp;</p>
<p>それにきれいに書こうとすると定型文みたいになり、自分の感情が出なくなる恐れがあります。</p>
<p><strong><span class="yellow">相手の感情を動かすためには、文章を「話しかけるように書くこと」を心がけるといいでしょう。</span></strong></p>
<p>&nbsp;</p>
<h3>自分で書かない</h3>
<h4></h4>
<h4>誤解③相手は自分の文章を読んでくれる</h4>
<p><strong><span class="yellow">多くの書き手は読者のことをあまり意識していません。</span></strong></p>
<p>自分が使いたくなったかっこいい言いまわしや格言は、文章に必要じゃないなら読まれません。</p>
<p>&nbsp;</p>
<p>自分ベースじゃなく、相手ベースで考えよう。</p>
<p>事前にターゲットである読者像をあらかじめ決めておいて、「相手の見たい文章」を書くことが重要です。</p>
<p><strong><span class="yellow">「ターゲットである読者像」だけに刺さる文章を書くようにしましょう。</span></strong></p>
<p>&nbsp;</p>
<p>あなたの書いた文章を読む人がどんな人か十分に調べることです。</p>
<p>それを可能とする方法にマインドリーディングがあります。</p>
<p>&nbsp;</p>
<h4>マインドリーディング</h4>
<p>人に関心がある人なら、誰でも習得できると思います。</p>
<p><strong><span class="yellow">マインドリーディングとは、ある人の服装や話し方や、</span></strong></p>
<p><strong><span class="yellow">持ち物などから情報を抜き出して性格や深層心理を読みとる技術のことを言います。</span></strong></p>
<p>&nbsp;</p>
<p>マインドリーディングを文章に落とし込む具体的例</p>
<p>想定読者に「２０代」、「ブロガー」という２ワードを選んで、</p>
<p>&nbsp;</p>
<p>「彼らのライフスタイル」や「悩み」をSNSや友人などで調べていきます。</p>
<p>&nbsp;</p>
<p>自分も同じ問題を抱えている可能性が高いので、自分に近いものがやりやすいです。</p>
<p>&nbsp;</p>
<p><strong><div class="voice cf l big"><figure class="icon"><img decoding="async" src="https://kinonoteblog.com/wp-content/uploads/2019/03/nigaoemaker.png"><figcaption class="name">キノ</figcaption></figure><div class="voicecomment"></strong></p>
<p>２０代でブロガーか。なら、セールスライティングや文章の書き方がまだ分かっていない人が多いはず！</p>
<p>DaiGoさんの本、人を操る禁断の文章術を紹介しよう！</p>
<p><strong></div></div></strong></p>
<p>とこんな形で文章を書く内容が決まっていきます。</p>
<h2>人を動かす7つのトリガーの内の５つ</h2>
<p>人を動かす７つのトリガーから、ブログやセールスライティングに書くヒントになりそうなトリガー５つをご紹介しますね！</p>
<p>簡潔にまとめました。</p>
<p>&nbsp;</p>
<p>人間の強い欲求を大きく分類すると７つの分野に分かれています。</p>
<h4>①興味</h4>
<p>読者はどんなものに興味を持っているのかを調べていきます。</p>
<p>マインドリーディングと同じですね。</p>
<p><span class="yellow">ターゲットを決めてSNS（Twitter、フェイスブックなど）で、３分スマホさわるだけで読者の興味が分かり、文章が書ける。</span></p>
<p>&nbsp;</p>
<h4>②ホンネとタテマエ</h4>
<p>人間にはホンネとタテマエというものがあります。</p>
<p>つまり、「現実」と「理想（本当はこうありたいんだ）」と２つの狭間に揺れているんです。</p>
<p>もし、タテマエを見抜き、その中にあるホンネを読者に気づけた文章を書いたら、</p>
<p>読者はあなたを信頼し、文章をよく読んでくれるでしょう。</p>
<p>&nbsp;</p>
<h4>③悩み</h4>
<p>&nbsp;</p>
<p><span class="yellow">健康（Health）、夢・将来（Ambition）、人間関係（Relation）、お金（Money）</span></p>
<p>頭文字を取って、HARM（ハーム）といいます。</p>
<p>&nbsp;</p>
<p>人の悩みの９割がこの４つに該当するようです。</p>
<p>例えば、ダイエットのことなら、健康に分類されます。</p>
<p>&nbsp;</p>
<p>これに「世代」をかけ合わせると、自然と悩みが見えて</p>
<p>くるはずです。</p>
<p>例えば、「お金」✕「１０代」だったら、自分のファッションやゲームのために使えるお金が欲しいだろうから、バイトの記事を書こう。となります。</p>
<p>&nbsp;</p>
<h4>④ソン・トク</h4>
<p>僕たちは、５０００円の得よりも、５０００円の損の方を重く感じる生き物なんです。</p>
<p><strong>両面提示</strong>という手法があります。</p>
<p><span class="yellow">デメリットとメリットを提示して（デメリット→メリットの順で）、デメリットを上回るメリットで締めくくるのがいいでしょう。</span></p>
<p>&nbsp;</p>
<h4>⑤みんな一緒</h4>
<p>なぜみんなは指し示すものがないにもかかわらず、</p>
<p>今現在みんなはスマホを持っているのでしょうか？</p>
<p>&nbsp;</p>
<p>これは簡単にいってしまうと<span class="yellow">「みんながしていることは正しい」</span>からです。</p>
<p>人は出遅れることを嫌います。</p>
<p>大雑把に言えば、信頼性のある多数の利用者の数字データを記事に入れれば欲しくなるということです。</p>
<p>&nbsp;</p>
<p>「３０代、そろそろマイホームを買いませんか？」</p>
<p>ここにグラフや関連記事など載せれば、信頼性や具体性などが得られ、読者にイメージすることができるということです。</p>
<h2>終わりに</h2>
<h3>まとめ</h3>
<div class="c_box intitle green_box type_normal"><div class="box_title"><span class="span__box_title">人を操る禁断の文章術のまとめ</span></div>
<p>・ワンマーケット・ワンメッセージ・ワンアウトカムの原則の元に、簡素な文章を心がけよう！</p>
<p>・相手の感情を動かすためには、文章を「話しかけるように書くこと」を心がけよう！</p>
<p>・マインドリーディングで、ターゲットとなる読者を絞っていこう！</p>
<p>・もし書けないなら、欲求を刺激するトリガーから考えよう！</p>
</div>
<div class="cstmreba">
<div class="kaerebalink-box">
<div class="kaerebalink-image"><a href="//af.moshimo.com/af/c/click?a_id=1512568&amp;p_id=54&amp;pc_id=54&amp;pl_id=616&amp;s_v=b5Rz2P0601xu&amp;url=https%3A%2F%2Fitem.rakuten.co.jp%2Fbook%2F13094668%2F" target="_blank" rel="noopener noreferrer"><img decoding="async" style="border: none;" src="https://thumbnail.image.rakuten.co.jp/@0_mall/book/cabinet/0568/9784761270568.jpg?_ex=128x128" /></a><img decoding="async" style="border: none;" src="//i.moshimo.com/af/i/impression?a_id=1512568&amp;p_id=54&amp;pc_id=54&amp;pl_id=616" width="1" height="1" /></div>
<div class="kaerebalink-info">
<div class="kaerebalink-name">
<a href="//af.moshimo.com/af/c/click?a_id=1512568&amp;p_id=54&amp;pc_id=54&amp;pl_id=616&amp;s_v=b5Rz2P0601xu&amp;url=https%3A%2F%2Fitem.rakuten.co.jp%2Fbook%2F13094668%2F" target="_blank" rel="noopener noreferrer">人を操る禁断の文章術 [ メンタリストDaiGo ]</a><img decoding="async" style="border: none;" src="//i.moshimo.com/af/i/impression?a_id=1512568&amp;p_id=54&amp;pc_id=54&amp;pl_id=616" width="1" height="1" />
<div class="kaerebalink-powered-date">posted with <a href="https://kaereba.com" target="_blank" rel="nofollow noopener noreferrer">カエレバ</a></div>
</div>
<div class="kaerebalink-detail"></div>
<div class="kaerebalink-link1">
<div class="shoplinkrakuten"><a href="//af.moshimo.com/af/c/click?a_id=1512568&amp;p_id=54&amp;pc_id=54&amp;pl_id=616&amp;s_v=b5Rz2P0601xu&amp;url=https%3A%2F%2Fsearch.rakuten.co.jp%2Fsearch%2Fmall%2F%25E4%25BA%25BA%25E3%2582%2592%25E6%2593%258D%25E3%2582%258B%25E7%25A6%2581%25E6%2596%25AD%25E3%2581%25AE%25E6%2596%2587%25E7%25AB%25A0%25E8%25A1%2593%2F-%2Ff.1-p.1-s.1-sf.0-st.A-v.2%3Fx%3D0" target="_blank" rel="noopener noreferrer">楽天市場</a><img decoding="async" style="border: none;" src="//i.moshimo.com/af/i/impression?a_id=1512568&amp;p_id=54&amp;pc_id=54&amp;pl_id=616" width="1" height="1" /></div>
<div class="shoplinkamazon"><a href="https://www.amazon.co.jp/gp/search?keywords=%E4%BA%BA%E3%82%92%E6%93%8D%E3%82%8B%E7%A6%81%E6%96%AD%E3%81%AE%E6%96%87%E7%AB%A0%E8%A1%93&amp;__mk_ja_JP=%E3%82%AB%E3%82%BF%E3%82%AB%E3%83%8A&amp;tag=kinonote08-22" target="_blank" rel="noopener noreferrer">Amazon</a></div>
</div>
</div>
<div class="booklink-footer"></div>
</div>
</div>
<p>&nbsp;</p>
<p>この記事を書いているとき、文章術を実践している時、スキルアップしている気になる本でした。</p>
<p>&nbsp;</p>
<p>実感として、ブロガーやセールスライティングを書く人なら、身につけたいスキルでしょう。</p>
<p>「書かない３原則」が僕の中で一番参考になりました。</p>
<p>&nbsp;</p>
<p>では、また</p>
<p>ここまで見てくれてありがとうございました。</p>
<p>&nbsp;</p>
<p>こちらもおすすめ↓</p>
<div class="related_article cf"><a href="https://kinonoteblog.com/blog/bloghacks-review"><figure class="eyecatch thum"><img decoding="async" width="486" height="290" src="https://kinonoteblog.com/wp-content/uploads/2019/03/The-eye-should-learn-to-listen-before-it-looks.のコピー-1-486x290.jpg" class="attachment-home-thum size-home-thum wp-post-image" alt="" /></figure><div class="meta inbox"><p class="ttl">【体験談】ブログ初心者がBlog Hacksをレビュー【最初の目標は月20万！？】</p><span class="date gf">2019年3月12日</span></div></a></div>
<div class="related_article cf"><a href="https://kinonoteblog.com/programming/skillhacks-review"><figure class="eyecatch thum"><img decoding="async" width="486" height="290" src="https://kinonoteblog.com/wp-content/uploads/2019/05/The-eye-should-learn-to-listen-before-it-looks.のコピーのコピー-2-486x290.jpg" class="attachment-home-thum size-home-thum wp-post-image" alt="Skill Hacks　評判" /></figure><div class="meta inbox"><p class="ttl">【体験談】エンジニア初心者がSkill Hacks（スキルハックス）をレビュー【自走可能】</p><span class="date gf">2019年5月5日</span></div></a></div>
<p>&nbsp;</p><p>The post <a href="https://kinonoteblog.com/blog/daigo-writing-skills">DaiGoさんの本、『人を操る禁断の文章術』を読んでみた【感想】</a> first appeared on <a href="https://kinonoteblog.com">kinoblog</a>.</p>]]></content:encoded>
					
					<wfw:commentRss>https://kinonoteblog.com/blog/daigo-writing-skills/feed</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>【初心者】30DAYSトライアルをやってみた⑥ Bootstrap編2　15DAYS~17DAYS</title>
		<link>https://kinonoteblog.com/programming/30days-bootstrap-2?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=30days-bootstrap-2</link>
					<comments>https://kinonoteblog.com/programming/30days-bootstrap-2#respond</comments>
		
		<dc:creator><![CDATA[kino]]></dc:creator>
		<pubDate>Thu, 21 May 2020 04:51:43 +0000</pubDate>
				<category><![CDATA[プログラミング]]></category>
		<category><![CDATA[エンジニア]]></category>
		<category><![CDATA[初心者]]></category>
		<category><![CDATA[ドットインストール]]></category>
		<category><![CDATA[Bootstrap]]></category>
		<category><![CDATA[アウトプット]]></category>
		<category><![CDATA[プログラマー]]></category>
		<category><![CDATA[体験談]]></category>
		<category><![CDATA[デイトラ]]></category>
		<category><![CDATA[30DAYSトライアル]]></category>
		<category><![CDATA[Progate]]></category>
		<guid isPermaLink="false">https://kinonoteblog.com/?p=2143</guid>

					<description><![CDATA[<p>&#160; こんにちは、 キノ(@zB75pWavnhDTIxr)です。 前回の続きをしていきます。↓ &#160; DAY15. 『Bootstrapを使ってビジネスLP制作③』 DAY16. 『Bootstrapを...</p>
<p>The post <a href="https://kinonoteblog.com/programming/30days-bootstrap-2">【初心者】30DAYSトライアルをやってみた⑥ Bootstrap編2　15DAYS~17DAYS</a> first appeared on <a href="https://kinonoteblog.com">kinoblog</a>.</p>]]></description>
										<content:encoded><![CDATA[<p>&nbsp;</p>
<p>こんにちは、</p>
<p><span style="font-weight: 400;"><a style="text-decoration: none;" href="https://twitter.com/zB75pWavnhDTIxr">キノ(</a><a class="ProfileHeaderCard-screennameLink u-linkComplex js-nav" href="https://twitter.com/zB75pWavnhDTIxr"><span class="username u-dir" dir="ltr">@<b class="u-linkComplex-target">zB75pWavnhDTIxr</b></span></a><a style="text-decoration: none;" href="https://twitter.com/zB75pWavnhDTIxr">)</a></span>です。</p>
<p>前回の続きをしていきます。↓</p>
<div class="related_article cf"><a href="https://kinonoteblog.com/programming/30days-bootstrap"><figure class="eyecatch thum"><img decoding="async" width="486" height="290" src="https://kinonoteblog.com/wp-content/uploads/2019/06/The-eye-should-learn-to-listen-before-it-looks.のコピーのコピーのコピーのコピーのコピーのコピー-1-486x290.jpg" class="attachment-home-thum size-home-thum wp-post-image" alt="" /></figure><div class="meta inbox"><p class="ttl">【初心者】30DAYSトライアルをやってみた⑤ Bootstrap編　11DAYS~14DAYS</p><span class="date gf">2019年6月6日</span></div></a></div>
<p>&nbsp;</p>
<p><strong></strong></p>
<h2 id="DAY8エディタをインストールしよう課題"><span style="font-weight: 400;">DAY15. 『Bootstrapを使ってビジネスLP制作③』</span></h2>
<h2 id="DAY8エディタをインストールしよう課題"><span style="font-weight: 400;">DAY16. 『Bootstrapを使ってビジネスLP制作④』</span></h2>
<blockquote class="twitter-tweet">
<p dir="ltr" lang="ja">DAY15. 『Bootstrapを使ってビジネスLP制作③』<br />
今日でデイトラ開始からちょうど半分です&#x203c;&#xfe0f;<br />
DAY15は、これまでの総集編としてHTML5/CSS3/Bootstrap4でのサイト制作です。Bootstrap編ももう少しで終わり&#x1f917;&#x1f38a;</p>
<p>課題詳細&#x1f449;<a href="https://t.co/cFJYpAh3yF">https://t.co/cFJYpAh3yF</a><a href="https://twitter.com/hashtag/30DAYS%E3%83%88%E3%83%A9%E3%82%A4%E3%82%A2%E3%83%AB?src=hash&amp;ref_src=twsrc%5Etfw">#30DAYSトライアル</a><a href="https://twitter.com/hashtag/30DAYS%E3%83%88%E3%83%A9%E3%82%A4%E3%82%A2%E3%83%AB%E8%AA%B2%E9%A1%8C?src=hash&amp;ref_src=twsrc%5Etfw">#30DAYSトライアル課題</a> <a href="https://t.co/6JypgCbk3e">pic.twitter.com/6JypgCbk3e</a></p>
<p>— ショーヘー@東フリCMO (@showheyohtaki) <a href="https://twitter.com/showheyohtaki/status/1175907656491503617?ref_src=twsrc%5Etfw">September 22, 2019</a></p></blockquote>
<p><script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script><br />
<iframe loading="lazy" src="https://www.youtube.com/embed/V_lAhqLXT9A" width="560" height="315" frameborder="0" allowfullscreen="allowfullscreen"></iframe><br />
<span style="font-weight: 400;">DAY15はちょうど折り返し地点です。</span></p>
<p><b>動画の59:00まで</b></p>
<p>長いですね。</p>
<p>でも、踏ん張りどころです！</p>
<p>&nbsp;</p>
<p>前回と同じクリエイターなので、要領は分かっていると思いますが</p>
<p>あえてここでいっておきます。</p>
<p><strong><div class="voice cf l big"><figure class="icon"><img decoding="async" src="https://kinonoteblog.com/wp-content/uploads/2019/03/nigaoemaker.png"><figcaption class="name">キノ</figcaption></figure><div class="voicecomment"></strong></p>
<p><strong>英語は無視していいと！</div></div></strong></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<blockquote class="twitter-tweet">
<p dir="ltr" lang="ja">DAY16. 『Bootstrapを使ってビジネスLP制作④』<br />
DAY15から引き続き、HTML5/CSS3/Bootstrap4でのサイト制作です&#x1f4bb;<br />
勉強時間を長めに取れるかた向けの勉強法も書いてるので、余裕があればぜひトライを&#x263a;&#xfe0f;&#x203c;&#xfe0f;</p>
<p>課題詳細&#x1f449;<a href="https://t.co/ubW21IGah1">https://t.co/ubW21IGah1</a><a href="https://twitter.com/hashtag/30DAYS%E3%83%88%E3%83%A9%E3%82%A4%E3%82%A2%E3%83%AB?src=hash&amp;ref_src=twsrc%5Etfw">#30DAYSトライアル</a><a href="https://twitter.com/hashtag/30DAYS%E3%83%88%E3%83%A9%E3%82%A4%E3%82%A2%E3%83%AB%E8%AA%B2%E9%A1%8C?src=hash&amp;ref_src=twsrc%5Etfw">#30DAYSトライアル課題</a> <a href="https://t.co/b5G4Qup62w">pic.twitter.com/b5G4Qup62w</a></p>
<p>— ショーヘー@東フリCMO (@showheyohtaki) <a href="https://twitter.com/showheyohtaki/status/1176270035297243137?ref_src=twsrc%5Etfw">September 23, 2019</a></p></blockquote>
<p><script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script></p>
<p><b>動画の59:00～最後まで</b></p>
<p id="DAY8エディタをインストールしよう課題">前回と今回でBootstrapは完璧に理解しました。</p>
<p>LPを２本作ったんですよ！</p>
<p><strong><div class="voice cf l big"><figure class="icon"><img decoding="async" src="https://kinonoteblog.com/wp-content/uploads/2019/03/nigaoemaker.png"><figcaption class="name">キノ</figcaption></figure><div class="voicecomment"></strong></p>
<p><strong>しかも、手打ちで</strong><strong>！</strong><strong>これは誇っていい！</strong></p>
<p><strong>（実際は、</strong><strong>①<a href="https://getbootstrap.jp/" target="_blank" rel="noopener noreferrer">Bootstrap</a></strong><strong>の公式を見て、コピペする。</strong></p>
<p><strong>②</strong><strong>用途に合わせて自分が作ったclassやidを付与してアレンジしていきます）</strong></p>
<p><strong></div></div></strong></p>
<p>&nbsp;</p>
<h2 id="DAY8エディタをインストールしよう課題">DAY17. 『HTML5/CSS3/Bootstrap4の復習』</h2>
<blockquote class="twitter-tweet">
<p dir="ltr" lang="ja">DAY17. 『HTML5/CSS3/Bootstrap4の復習』<br />
DAY13〜16までBootstrap4を使ったビジネスLP制作を進めてきました。<br />
インプット多めだったので、今日はその復習に当ててください&#x1f44d;<br />
デイトラ1stで1番の山場はもう越えました&#xfe0f;&#x203c;&#xfe0f;残り2週間も完走しましょう&#x263a;&#xfe0f;<a href="https://twitter.com/hashtag/30DAYS%E3%83%88%E3%83%A9%E3%82%A4%E3%82%A2%E3%83%AB?src=hash&amp;ref_src=twsrc%5Etfw">#30DAYSトライアル</a><a href="https://twitter.com/hashtag/30DAYS%E3%83%88%E3%83%A9%E3%82%A4%E3%82%A2%E3%83%AB%E8%AA%B2%E9%A1%8C?src=hash&amp;ref_src=twsrc%5Etfw">#30DAYSトライアル課題</a> <a href="https://t.co/vKSI266fs6">pic.twitter.com/vKSI266fs6</a></p>
<p>— ショーヘー@東フリCMO (@showheyohtaki) <a href="https://twitter.com/showheyohtaki/status/1176632716671873025?ref_src=twsrc%5Etfw">September 24, 2019</a></p></blockquote>
<p><script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script></p>
<p>復習です！</p>
<p>ココ、大事なところです。</p>
<p>でも、ちょくちょく休憩していいですよ。難所はもう越えたので！</p>
<p><span class="yellow">ここまでよく頑張りました！</span></p>
<h2 class="display-4">Bootstrap Editor</h2>
<p><a href="https://getbootstrap.jp/" target="_blank" rel="noopener noreferrer">Bootstrap</a>を慣れるために、<a href="https://www.venezia-works.com/bs4/index.php" target="_blank" rel="noopener noreferrer">Bootstrap Editor</a>をおすすめします。</p>
<p>これは、Bootstrap に慣れるために使えるツールです。</p>
<p>セーブやダウンロードできるので、自分が作った型を保存するのに便利！</p>
<p>&nbsp;</p>
<div class="c_box intitle green_box type_normal"><div class="box_title"><span class="span__box_title">Bootstrap Editorのメリット</span></div>
<p>・日本製ツールだから分かりやすい！</p>
<p>・インストールやログインなし！</p>
<p>・セーブやダウンロードできる！</p>
<p>・自分のエディターで動作確認する前に試し打ちができる</p>
</div>
<img decoding="async" class="alignnone wp-image-2175" src="https://kinonoteblog.com/wp-content/uploads/2020/05/bootstrap_main.jpg" alt="" width="600" height="364" srcset="https://kinonoteblog.com/wp-content/uploads/2020/05/bootstrap_main.jpg 2186w, https://kinonoteblog.com/wp-content/uploads/2020/05/bootstrap_main-300x182.jpg 300w, https://kinonoteblog.com/wp-content/uploads/2020/05/bootstrap_main-1024x621.jpg 1024w, https://kinonoteblog.com/wp-content/uploads/2020/05/bootstrap_main-768x466.jpg 768w, https://kinonoteblog.com/wp-content/uploads/2020/05/bootstrap_main-1536x932.jpg 1536w, https://kinonoteblog.com/wp-content/uploads/2020/05/bootstrap_main-2048x1242.jpg 2048w" sizes="(max-width: 600px) 100vw, 600px" />
<h3 class="display-4">Bootstrapの本はこの1冊で十分！</h3>
<p>さらにBootstrapを極めたい人はこちら↓</p>
<div class="cstmreba">
<div class="kaerebalink-box">
<div class="kaerebalink-image"><a href="//af.moshimo.com/af/c/click?a_id=1512568&amp;p_id=54&amp;pc_id=54&amp;pl_id=616&amp;s_v=b5Rz2P0601xu&amp;url=https%3A%2F%2Fproduct.rakuten.co.jp%2Fproduct%2F-%2Fad5c93fb1fd9b164424a740b8309bc24%2F" target="_blank" rel="noopener noreferrer"><img decoding="async" style="border: none;" src="https://thumbnail.image.rakuten.co.jp/ran/img/2001/0009/784/297/100/209/20010009784297100209_1.jpg?_ex=64x64" /></a><img decoding="async" style="border: none;" src="//i.moshimo.com/af/i/impression?a_id=1512568&amp;p_id=54&amp;pc_id=54&amp;pl_id=616" width="1" height="1" /></div>
<div class="kaerebalink-info">
<div class="kaerebalink-name">
<a href="//af.moshimo.com/af/c/click?a_id=1512568&amp;p_id=54&amp;pc_id=54&amp;pl_id=616&amp;s_v=b5Rz2P0601xu&amp;url=https%3A%2F%2Fproduct.rakuten.co.jp%2Fproduct%2F-%2Fad5c93fb1fd9b164424a740b8309bc24%2F" target="_blank" rel="noopener noreferrer">Ｂｏｏｔｓｔｒａｐ４フロントエンド開発の教科書 ウェブ開発の知識とコツをしっかりマスター /技術評論社/宮本麻矢</a><img decoding="async" style="border: none;" src="//i.moshimo.com/af/i/impression?a_id=1512568&amp;p_id=54&amp;pc_id=54&amp;pl_id=616" width="1" height="1" />
<div class="kaerebalink-powered-date">posted with <a href="https://kaereba.com" target="_blank" rel="nofollow noopener noreferrer">カエレバ</a></div>
</div>
<div class="kaerebalink-detail"></div>
<div class="kaerebalink-link1">
<div class="shoplinkrakuten"><a href="//af.moshimo.com/af/c/click?a_id=1512568&amp;p_id=54&amp;pc_id=54&amp;pl_id=616&amp;s_v=b5Rz2P0601xu&amp;url=https%3A%2F%2Fsearch.rakuten.co.jp%2Fsearch%2Fmall%2Fbootstrap4%2520%25E3%2583%2595%25E3%2583%25AD%25E3%2583%25B3%25E3%2583%2588%25E3%2582%25A8%25E3%2583%25B3%25E3%2583%2589%25E9%2596%258B%25E7%2599%25BA%25E3%2581%25AE%25E6%2595%2599%25E7%25A7%2591%25E6%259B%25B8%2F-%2Ff.1-p.1-s.1-sf.0-st.A-v.2%3Fx%3D0" target="_blank" rel="noopener noreferrer">楽天市場</a><img decoding="async" style="border: none;" src="//i.moshimo.com/af/i/impression?a_id=1512568&amp;p_id=54&amp;pc_id=54&amp;pl_id=616" width="1" height="1" /></div>
<div class="shoplinkamazon"><a href="https://www.amazon.co.jp/gp/search?keywords=bootstrap4%20%E3%83%95%E3%83%AD%E3%83%B3%E3%83%88%E3%82%A8%E3%83%B3%E3%83%89%E9%96%8B%E7%99%BA%E3%81%AE%E6%95%99%E7%A7%91%E6%9B%B8&amp;__mk_ja_JP=%E3%82%AB%E3%82%BF%E3%82%AB%E3%83%8A&amp;tag=kinonote08-22" target="_blank" rel="noopener noreferrer">Amazon</a></div>
</div>
</div>
<div class="booklink-footer"></div>
</div>
</div>
<h2>終わりに</h2>
<p>&nbsp;</p>
<p>お疲れさまでした！</p>
<p>これでBootstrapは完璧です。</p>
<p>いつでも公式サイトを見て慣れてください。</p>
<p><a href="https://getbootstrap.jp/" target="_blank" rel="noopener noreferrer">Bootstrap公式</a></p>
<p>&nbsp;</p>
<p>こちらもおすすめ↓</p>
<p>&nbsp;</p>
<div class="related_article cf"><a href="https://kinonoteblog.com/programming/skillhacks-review"><figure class="eyecatch thum"><img decoding="async" width="486" height="290" src="https://kinonoteblog.com/wp-content/uploads/2019/05/The-eye-should-learn-to-listen-before-it-looks.のコピーのコピー-2-486x290.jpg" class="attachment-home-thum size-home-thum wp-post-image" alt="Skill Hacks　評判" /></figure><div class="meta inbox"><p class="ttl">【体験談】エンジニア初心者がSkill Hacks（スキルハックス）をレビュー【自走可能】</p><span class="date gf">2019年5月5日</span></div></a></div>
<div id="extensionsWeblioEjBx" style="position: absolute; z-index: 2147483647; left: 177px; top: 3212px;"><iframe loading="lazy" src="//api.weblio.jp/act/quote/v_1_0/e/?q=Bootstrap&amp;type=emicro&amp;opul=chrome-extension%3A%2F%2Foingodpdjohhkelnginmkagmkbplgema%2Foptions.html" name="weblioExtensionsFrame" width="380" height="80" frameborder="0" scrolling="no"></iframe></div><p>The post <a href="https://kinonoteblog.com/programming/30days-bootstrap-2">【初心者】30DAYSトライアルをやってみた⑥ Bootstrap編2　15DAYS~17DAYS</a> first appeared on <a href="https://kinonoteblog.com">kinoblog</a>.</p>]]></content:encoded>
					
					<wfw:commentRss>https://kinonoteblog.com/programming/30days-bootstrap-2/feed</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>【実例あり】目標達成にはTODO化すればいい！仕事にも使える！</title>
		<link>https://kinonoteblog.com/lifehack/task?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=task</link>
					<comments>https://kinonoteblog.com/lifehack/task#respond</comments>
		
		<dc:creator><![CDATA[kino]]></dc:creator>
		<pubDate>Tue, 25 Jun 2019 04:59:25 +0000</pubDate>
				<category><![CDATA[ライフハック]]></category>
		<category><![CDATA[TODO]]></category>
		<category><![CDATA[目標]]></category>
		<category><![CDATA[pickup]]></category>
		<category><![CDATA[生活]]></category>
		<category><![CDATA[アウトプット]]></category>
		<category><![CDATA[時間]]></category>
		<category><![CDATA[マインド]]></category>
		<category><![CDATA[ブログ]]></category>
		<category><![CDATA[タスク]]></category>
		<guid isPermaLink="false">https://kinonoteblog.com/?p=970</guid>

					<description><![CDATA[<p>&#160; &#160; こんにちは、 キノ(@zB75pWavnhDTIxr)です。 今日は目標達成について書こうと思います。 というのも、目標達成までいかない人が多い気がします。 とこんな悩み事を抱えている人に 僕...</p>
<p>The post <a href="https://kinonoteblog.com/lifehack/task">【実例あり】目標達成にはTODO化すればいい！仕事にも使える！</a> first appeared on <a href="https://kinonoteblog.com">kinoblog</a>.</p>]]></description>
										<content:encoded><![CDATA[<p>&nbsp;</p>
<p>&nbsp;</p>
<p>こんにちは、</p>
<p><span style="font-weight: 400;"><a style="text-decoration: none;" href="https://twitter.com/zB75pWavnhDTIxr" target="_blank" rel="noopener noreferrer">キノ(</a><a class="ProfileHeaderCard-screennameLink u-linkComplex js-nav" href="https://twitter.com/zB75pWavnhDTIxr"><span class="username u-dir" dir="ltr">@<b class="u-linkComplex-target">zB75pWavnhDTIxr</b></span></a><a style="text-decoration: none;" href="https://twitter.com/zB75pWavnhDTIxr">)</a></span>です。</p>
<p>今日は目標達成について書こうと思います。</p>
<p>というのも、目標達成までいかない人が多い気がします。</p>
<div class="voice cf r big"><figure class="icon"><img decoding="async" src="https://kinonoteblog.com/wp-content/uploads/2019/06/nayamu_boy2.png"><figcaption class="name">少年A</figcaption></figure><div class="voicecomment">目標達成にはどうすればいいの？</div></div>
<p style="text-align: center;">とこんな悩み事を抱えている人に</p>
<p><span style="font-weight: 400;">僕が実践して分かったことをおすすめします。</span></p>
<p><strong>目標達成にはDOTO（タスク）化です！</strong></p>
<p><span style="font-weight: 400;">コピー用紙を1枚用意します。なかったら、チラシの裏でもいいです。</span></p>
<p>では、ここから目標はどうやって立てていればいいのか？から↓</p>
<p>&nbsp;</p>
<p><strong></strong></p>
<h2><span style="font-weight: 400;">目標はちょっと高いくらいでちょうどいい</span></h2>
<img decoding="async" class="alignnone wp-image-1055 size-medium" src="https://kinonoteblog.com/wp-content/uploads/2019/06/1415254-300x225.jpg" alt="" width="300" height="225" srcset="https://kinonoteblog.com/wp-content/uploads/2019/06/1415254-300x225.jpg 300w, https://kinonoteblog.com/wp-content/uploads/2019/06/1415254-768x576.jpg 768w, https://kinonoteblog.com/wp-content/uploads/2019/06/1415254-1024x768.jpg 1024w, https://kinonoteblog.com/wp-content/uploads/2019/06/1415254.jpg 1600w" sizes="(max-width: 300px) 100vw, 300px" />
<p>目標を決める前に１つ聞きたいことがあります。</p>
<p>皆さんが何かにチャレンジする時</p>
<p>「ちょっと頑張ればいけるかなー？」って感じたことないですか？</p>
<p>これ実は、<span style="text-decoration: underline;"><strong>いいサインであなたのパフォーマンスが上がった証拠です。</strong></span></p>
<p>&nbsp;</p>
<p>無意識に脳内で</p>
<p>「いけるかなー？」</p>
<p>「いける!いける！」って会話している状態です。</p>
<p>これは、集中力、注意力を高める脳内物質ノルアドレナリンが関わっています。</p>
<p>&nbsp;</p>
<p>しかし、<strong><span style="text-decoration: underline;">ノルアドレナリンは目標が高すぎても、低すぎても有効には働かないんですよ</span>。</strong></p>
<p>&nbsp;</p>
<p>仮に、１ヶ月で１０kgも痩せる計画しようと思ったら、ハードルが高すぎて、</p>
<p>まずノルアドレナリンは出ないと思います。</p>
<div class="voice cf r big"><figure class="icon"><img decoding="async" src="https://kinonoteblog.com/wp-content/uploads/2019/06/diet_before_man.png"><figcaption class="name">太った男性</figcaption></figure><div class="voicecomment">無理そう…</div></div>
<p style="text-align: center;">と諦め半分で行動してしまいます。</p>
<p>&nbsp;</p>
<p>逆に、目標が低い目標だとどうでしょう？</p>
<p>１年で１０kgも痩せるだと、できる人は確実にできると思うんですが、大半の方々は「ダレてくる」と思います。</p>
<p>「ダレてくる」とノルアドレナリンは出ないと思います。</p>
<p>理由は簡単、期間が長いからですね。</p>
<p>&nbsp;</p>
<div class="voice cf r big"><figure class="icon"><img decoding="async" src="https://kinonoteblog.com/wp-content/uploads/2019/06/himan_pocchari04_youngwoman.png"><figcaption class="name">太った女性</figcaption></figure><div class="voicecomment">１年あるし今のうちにケーキ食べようかな♪ダイエットはそのあとで～</div></div>
<p>&nbsp;</p>
<p style="text-align: center;">と期間が長いと緊張感が薄れていってしまいます。</p>
<p>&nbsp;</p>
<p><span style="background-color: #ffff00;"><strong>脳内麻薬であるノルアドレナリンが一番過度にでやすいのは、ちょっと緊張しているです。</strong></span></p>
<p><span style="background-color: #ffff00;"><strong>目標はちょっと高いくらいでちょうどいいんです。</strong></span><br />
<a href="https://kinonoteblog.com/lifehack/keep-going" target="_blank" rel="noopener noreferrer">挫折しないための３つの考え方</a></p>
<h2><span style="font-weight: 400;">日々の目標設定をしよう</span></h2>
<img decoding="async" class="alignnone wp-image-1052 size-medium" src="https://kinonoteblog.com/wp-content/uploads/2019/06/career-3386334_1920-300x196.jpg" alt="" width="300" height="196" srcset="https://kinonoteblog.com/wp-content/uploads/2019/06/career-3386334_1920-300x196.jpg 300w, https://kinonoteblog.com/wp-content/uploads/2019/06/career-3386334_1920-768x502.jpg 768w, https://kinonoteblog.com/wp-content/uploads/2019/06/career-3386334_1920-1024x670.jpg 1024w, https://kinonoteblog.com/wp-content/uploads/2019/06/career-3386334_1920.jpg 1920w" sizes="(max-width: 300px) 100vw, 300px" />
<p><span style="font-weight: 400;">上記のように、<span style="text-decoration: underline;"><strong>1か月や1年間は、人間には「</strong></span></span><span style="text-decoration: underline;"><strong>意識していると長く感じ、意識をしていないと短く感じる」ようです。</strong></span></p>
<p><span style="font-weight: 400;">つまり、1か月の目標や1年間の目標は「ダレる」可能性が高いです。</span></p>
<p>目標を立てるには、<span style="background-color: #ffff00;"><strong>長期的な目標の間に短期間の目標を設定すると継続的になりダレる可能性が低くなります。</strong></span></p>
<p>&nbsp;</p>
<p>例として、ダイエットを始めようとしたら、目標を１年間で見るだけでなく、</p>
<p>１年間で１０kgも痩せる→</p>
<p>１ヶ月で１kg痩せる→</p>
<p>月に１kg痩せるために→１日このぐらいの運動で…と無理なくやれそうですよね。</p>
<p>さらに、「これぐらいの緊張で…」と計画的やれば理想的です！</p>
<p>&nbsp;</p>
<div class="voice cf r big"><figure class="icon"><img decoding="async" src="https://kinonoteblog.com/wp-content/uploads/2019/03/question_head_gakuzen_boy.png"><figcaption class="name">少年A</figcaption></figure><div class="voicecomment">だから日々の目標を決めろって？そんなのめんどくさいよ…</div></div>
<p>多分、大丈夫です！</p>
<p>めんどさくならないように工夫しましたから！</p>
<h2><span style="font-weight: 400;">日々の目標設定は自分だけが分かればいい</span></h2>
<p>&nbsp;</p>
<h3>形式は自由でいい！</h3>
<p>&nbsp;</p>
<p>参考までに、</p>
<p>僕は朝起きたら、するべきことをコピー用紙に書いておきます。</p>
<div class="c_box intitle green_box type_normal"><div class="box_title"><span class="span__box_title">TODO（タスク）の例</span></div>・本を読む←朝に消化</p>
<p>・筋トレをする←朝に消化</p>
<p>・プログラミングを勉強する←昼、夜に消化</div>
<p>この辺は目標を決めてから１ヶ月経つので、ルーティーンワークとしてできるようになりました。</p>
<h3><strong>スマホはNG</strong></h3>
<p><span style="font-weight: 400;">大きさはメモになりますから、NGです</span></p>
<p><span style="font-weight: 400;">それにスマホは魅力的なアプリやゲームがいっぱいあるので、スマホで確認中に集中力が途切れる可能性があります。</span></p>
<h3>TODO（タ<strong>ス</strong>ク）化により見える化が分かる</h3>
<p>&nbsp;</p>
<p>最初の１ヶ月は日々の目標を書くことさえ、</p>
<p>まだ慣れていないので３個～４個ぐらいがちょうどいいです。</p>
<p>&nbsp;</p>
<h4><span style="color: #ff0000;">※注意：マルチタスクは人間の脳では３～４個限界らしいです</span>。</h4>
<p>&nbsp;</p>
<p>上記の例では、「本を読む」、「筋トレをする」を消化してから</p>
<p><span style="text-decoration: underline;"><strong>また追加で書きましょう！</strong></span></p>
<p>&nbsp;</p>
<p><span style="background-color: #ffffff;">その後は<strong>目標はちょっと高いくらい</strong>が目安、自分が「ちょっと緊張するな～」って程度で</span></p>
<p>慣れてくるとタスクが増えて、緊張の幅も広がっていき一石二鳥です。</p>
<p>&nbsp;</p>
<h4><strong>文字は汚くていい</strong></h4>
<p>&nbsp;</p>
<p><span style="font-weight: 400;">というのも、、僕はノートに書いて分かったのですが</span></p>
<p><span style="font-weight: 400;">僕は元々ノートは綺麗に書こうという性格だったので、</span></p>
<p><span style="font-weight: 400;">その日やるべきことを書けずに気がついたから時間が30分も経っていたなんてこともありました。</span></p>
<p>&nbsp;</p>
<p><strong>綺麗に書くとその書いたノート、メモ帳に愛着を湧くんですよ。</strong></p>
<p>それは、「<strong>手段が目的化につながる</strong>」可能性があるので、なぐり書きのように汚く書いてください。</p>
<p><span style="font-weight: 400;"><strong>「TODO（タスク）を書く」</strong>、これに焦点を当てて無駄なものを削除したんです。</span></p>
<p>&nbsp;</p>
<h4>タスクを終わった後は、棒線で引いて消す</h4>
<p>&nbsp;</p>
<p><span style="font-weight: 400;">コピー用紙を使ってと言ったのは、手軽さと気楽に書けるからです。</span></p>
<p>スマホで消去するんではなくて、そのまま履歴として「見える化」しておく。</p>
<p>そのため、僕はボールペンを使っています。</p>
<p>進行具合が分かり、進むスピードも上がります。</p>
<p>&nbsp;</p>
<p>僕の一ヶ月分（一部）を参考に載せます。<img decoding="async" class="alignnone wp-image-1023 size-large" src="https://kinonoteblog.com/wp-content/uploads/2019/06/2680-1-768x1024.jpg" alt="" width="728" height="971" srcset="https://kinonoteblog.com/wp-content/uploads/2019/06/2680-1-768x1024.jpg 768w, https://kinonoteblog.com/wp-content/uploads/2019/06/2680-1-225x300.jpg 225w, https://kinonoteblog.com/wp-content/uploads/2019/06/2680-1.jpg 1108w" sizes="(max-width: 728px) 100vw, 728px" /></p>
<p>これを見ると、本当にぐちゃぐちゃでなにやら落書きあるし、なにより全然大切にしていないって丸わかりですね。</p>
<p>実はこれ、落書きじゃないんですよ。</p>
<p>覚えておきたいことをなぐり書きしたんですね。</p>
<p>&nbsp;</p>
<p>ノート以上の大きさと言ったのは、そのためです。</p>
<p>日々のタスクを「見える化」できるし、覚えておきたいこと書ける。</p>
<p>&nbsp;</p>
<h2>終わりに</h2>
<p>&nbsp;</p>
<p>上の写真は僕がまだ時間を意識していないときでした。<br />
<a href="https://kinonoteblog.com/lifehack/time-three-method" target="_blank" rel="noopener noreferrer">【誰でも簡単にできる】自分の時間を作る3つの方法</a></p>
<p>このときは３個～４個くらいのタスクでしたね。今は６個～８個できるようになりました。</p>
<p>これをやることで、何をやるか迷う時間が急激に減りました。</p>
<p>以前よりも自分の時間が増えたように感じます。</p>
<p>&nbsp;</p>
<p>絶対にこのような形にしなくても、大丈夫ですよ。</p>
<p>あなたのTODO（タスク）作成のヒントになれば嬉しいです。</p>
<p>&nbsp;</p>
<p>では、また</p>
<p>ここまで見てくれてありがとうございました。</p>
<p>こちらもおすすめ↓</p>
<blockquote class="wp-embedded-content" data-secret="b6jL7bpwRL"><p><a href="https://kinonoteblog.com/blog/bloghacks-review">【体験談】ブログ初心者がBlog Hacksをレビュー【最初の目標は月20万！？】</a></p></blockquote>
<p><iframe loading="lazy" class="wp-embedded-content" sandbox="allow-scripts" security="restricted"  title="&#8220;【体験談】ブログ初心者がBlog Hacksをレビュー【最初の目標は月20万！？】&#8221; &#8212; kinoblog　初心者エンジニアブロガーの成長記録！" src="https://kinonoteblog.com/blog/bloghacks-review/embed#?secret=GKrBR2qfMz#?secret=b6jL7bpwRL" data-secret="b6jL7bpwRL" width="600" height="338" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe></p><p>The post <a href="https://kinonoteblog.com/lifehack/task">【実例あり】目標達成にはTODO化すればいい！仕事にも使える！</a> first appeared on <a href="https://kinonoteblog.com">kinoblog</a>.</p>]]></content:encoded>
					
					<wfw:commentRss>https://kinonoteblog.com/lifehack/task/feed</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>【初心者】30DAYSトライアルをやってみた⑤ Bootstrap編　11DAYS~14DAYS</title>
		<link>https://kinonoteblog.com/programming/30days-bootstrap?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=30days-bootstrap</link>
					<comments>https://kinonoteblog.com/programming/30days-bootstrap#respond</comments>
		
		<dc:creator><![CDATA[kino]]></dc:creator>
		<pubDate>Thu, 06 Jun 2019 04:00:06 +0000</pubDate>
				<category><![CDATA[プログラミング]]></category>
		<category><![CDATA[エンジニア]]></category>
		<category><![CDATA[skill Hacks]]></category>
		<category><![CDATA[初心者]]></category>
		<category><![CDATA[ドットインストール]]></category>
		<category><![CDATA[アウトプット]]></category>
		<category><![CDATA[Bootstrap]]></category>
		<category><![CDATA[プログラマー]]></category>
		<category><![CDATA[デイトラ]]></category>
		<category><![CDATA[30DAYSトライアル]]></category>
		<category><![CDATA[Progate]]></category>
		<guid isPermaLink="false">https://kinonoteblog.com/?p=893</guid>

					<description><![CDATA[<p>&#160; こんにちは、 キノ(@zB75pWavnhDTIxr)です。 &#160; 11DAYS~14DAYSは環境設定編を終わって、次はBootstrap編に行ってみましょう。 個人的にBootstrap編は楽し...</p>
<p>The post <a href="https://kinonoteblog.com/programming/30days-bootstrap">【初心者】30DAYSトライアルをやってみた⑤ Bootstrap編　11DAYS~14DAYS</a> first appeared on <a href="https://kinonoteblog.com">kinoblog</a>.</p>]]></description>
										<content:encoded><![CDATA[<p>&nbsp;</p>
<p>こんにちは、</p>
<p><span style="font-weight: 400;"><a style="text-decoration: none;" href="https://twitter.com/zB75pWavnhDTIxr">キノ(</a><a class="ProfileHeaderCard-screennameLink u-linkComplex js-nav" href="https://twitter.com/zB75pWavnhDTIxr"><span class="username u-dir" dir="ltr">@<b class="u-linkComplex-target">zB75pWavnhDTIxr</b></span></a><a style="text-decoration: none;" href="https://twitter.com/zB75pWavnhDTIxr">)</a></span>です。</p>
<p>&nbsp;</p>
<p><strong>11DAYS~14DAYS</strong>は<strong>環境設定編</strong>を終わって、次は<strong>Bootstrap編</strong>に行ってみましょう。</p>
<p>個人的に<strong>Bootstrap編</strong>は楽しかったです（英語抜きにすれば）。</p>
<p>というのも僕は<strong>Bootstrap</strong>を以前から学んでいるんですよ↓。</p>
<p><a href="https://kinonoteblog.com/programming/skillhacks-review" target="_blank" rel="noopener noreferrer">【体験談】エンジニア初心者がSkill Hacksをレビュー【自走可能】</a></p>
<p>&nbsp;</p>
<p><strong><div class="voice cf r"><figure class="icon"><img decoding="async" src="https://kinonoteblog.com/wp-content/uploads/2019/03/question_head_gakuzen_boy.png"><figcaption class="name">少年A</figcaption></figure><div class="voicecomment">なんでBootstrapを勉強するんだ？</div></div></strong></p>
<p>&nbsp;</p>
<p>それはですね</p>
<p><strong>Bootstrap</strong>を学んでおけば、ボタンとか、ナビバーとかが簡単に実装することができるからです。</p>
<p>プログラマーやエンジニアが</p>
<p>余計な負担をかけずにコーディングをしたいと思っています。</p>
<p>そんなとき、<strong>Bootstrap</strong>を使えば負担が急激に減るでしょう。</p>
<p>&nbsp;</p>
<p>詳細は下記に↓</p>
<p>&nbsp;</p>
<p><strong></strong></p>
<p>&nbsp;</p>
<h2>Bootstrapってなんなの？</h2>
<p>&nbsp;</p>
<p>さて、そもそも<strong>Bootstrap</strong>とは何でしょうか？</p>
<p>元々はあのTwitter社が開発した<strong>CSSフレームワーク</strong>です。</p>
<p>&nbsp;</p>
<h4><strong>フレームワーク</strong>とは</h4>
<p>ボタンを思い浮かべてください。</p>
<p>皆さんが思い浮かべているボタンは、デザインが変わっているだけで、</p>
<p>基本的な機能は大きな違いはないと思います。</p>
<img decoding="async" class="alignnone wp-image-941 size-medium" src="https://kinonoteblog.com/wp-content/uploads/2019/06/button-2155595_640-300x201.png" alt="" width="300" height="201" srcset="https://kinonoteblog.com/wp-content/uploads/2019/06/button-2155595_640-300x200.png 300w, https://kinonoteblog.com/wp-content/uploads/2019/06/button-2155595_640.png 640w" sizes="(max-width: 300px) 100vw, 300px" />
<p>&nbsp;</p>
<p>「ボタンがあってそれを押すと何かが起動する」って感じです。<br />
こんな皆さんが思っている当たり前なことをHTMLで１からコーディングするのって面倒くさいですよね。</p>
<p><strong>フレームワーク</strong>はそれを解決してくれるありがたいものなんです。</p>
<p>「ボタンがあってそれを押すと何かが起動する」<br />
この「ボタンがあってそれを押す」ところをCSSを使わずに実装することができます。</p>
<p><strong>フレームワーク</strong>は以下の言い換えることができます。</p>
<div class="c_box intitle yellow_box type_normal"><div class="box_title"><span class="span__box_title">フレームワーク</span></div>骨組み、テンプレート、雛形、&#8230;.etc</div>
<p>どうでしょうか。イメージつきましたでしょうか？</p>
<p>&nbsp;</p>
<p>テンプレートがもうすでにあって、僕たちはテンプレートに装飾するだけでいいんですよ。</p>
<p><strong><span style="background-color: #ffff00;">Bootstrapは数あるwebフレームワークの中で最も選ばれているフレームワークです。</span></strong></p>
<h2 id="DAY8エディタをインストールしよう課題"><strong>DAY11. 『Bootstrapの基本を学ぼう』</strong></h2>
<h2><strong>DAY12. 『Bootstrapでレイアウトを作ろう 前編』</strong></h2>
<blockquote class="twitter-tweet">
<p dir="ltr" lang="ja">DAY11. 『Bootstrapの基本を学ぼう』<br />
デイトラも1/3を突破&#x1f44f;スゴイ&#x1f389;<br />
ここまで来たら完走しましょ&#x203c;&#xfe0f;<br />
&#xfe0f;<br />
今日からは、最も有名なCSSフレームワークの一つ『Bootstrap』を使ったコーディングを学びます。まずは基本を抑えましょう！</p>
<p>課題内容はこちら&#x1f449;<a href="https://t.co/rYeDi2XTq7">https://t.co/rYeDi2XTq7</a><a href="https://twitter.com/hashtag/30DAYS%E3%83%88%E3%83%A9%E3%82%A4%E3%82%A2%E3%83%AB?src=hash&amp;ref_src=twsrc%5Etfw">#30DAYSトライアル</a> <a href="https://t.co/hj0YCLkmfA">pic.twitter.com/hj0YCLkmfA</a></p>
<p>— ショーヘー@東フリCMO (@showheyohtaki) <a href="https://twitter.com/showheyohtaki/status/1174458944036777984?ref_src=twsrc%5Etfw">September 18, 2019</a></p></blockquote>
<p><script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script></p>
<p dir="ltr" lang="ja">DAY11. 『Bootstrapでレイアウトを作ろう 前編』<br />
昨日学習したBootstrapの基礎知識を使って、サイトを作っていきます&#x203c;&#xfe0f;<br />
ドットインストールの『Bootstrap 4入門』コースのレッスン#10〜#15までやりましょう&#x1f44d;</p>
<blockquote class="twitter-tweet">
<p dir="ltr" lang="ja">DAY12. 『Bootstrapでレイアウトを作ろう 前編』<br />
昨日学習したBootstrapの基礎知識を使って、サイトを作っていきます&#x203c;&#xfe0f;<br />
ドットインストールの『Bootstrap 4入門』コースのレッスン#10〜#15までやりましょう&#x1f44d;</p>
<p>課題詳細はこちら&#x1f449;<a href="https://t.co/rQ5n0z9E2B">https://t.co/rQ5n0z9E2B</a><a href="https://twitter.com/hashtag/30DAYS%E3%83%88%E3%83%A9%E3%82%A4%E3%82%A2%E3%83%AB?src=hash&amp;ref_src=twsrc%5Etfw">#30DAYSトライアル</a><a href="https://twitter.com/hashtag/30DAYS%E3%83%88%E3%83%A9%E3%82%A4%E3%82%A2%E3%83%AB%E8%AA%B2%E9%A1%8C?src=hash&amp;ref_src=twsrc%5Etfw">#30DAYSトライアル課題</a> <a href="https://t.co/NqK4ODWLMs">pic.twitter.com/NqK4ODWLMs</a></p>
<p>— ショーヘー@東フリCMO (@showheyohtaki) <a href="https://twitter.com/showheyohtaki/status/1174821031883739140?ref_src=twsrc%5Etfw">September 19, 2019</a></p></blockquote>
<p><script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script></p>
<p><span style="font-weight: 400;"><strong>ドットインストール</strong>で『</span><b>Bootstrap 4入門</b><span style="font-weight: 400;">』を観て勉強しましょう！</span></p>
<p><span style="font-weight: 400;"><strong>ドットインストール</strong>は<strong>Progate</strong>よりも教材数が多く、</span></p>
<p><span style="font-weight: 400;">無料の枠でも学べることが多いので今後もお世話になると思います。</span></p>
<p><span style="background-color: #ffff00;"><strong>ブックマークを推奨します！</strong></span></p>
<p>&nbsp;</p>
<p>次は<strong>Gridレイアウト</strong>です。</p>
<p>現在では、パソコンじゃなくスマートフォンやタブレットで見る人が増えました。</p>
<p><strong>Gridレイアウト</strong>はスマートフォンやタブレットの幅に合わせてくれるものです。</p>
<p>これも、<b>Bootstrap</b>で簡単に作れちゃうんです。</p>
<p>&nbsp;</p>
<h3><strong>初心者がよくやるミス</strong></h3>
<p>&nbsp;</p>
<p><strong>CSS</strong>と<b>Bootstrap</b>を読み込む時、</p>
<p><span style="background-color: #ffffff;">必ずCSSは下に置くこと、</span></p>
<p>なぜならどのプログラム言語やマークアップ言語でも、上から下に読み込むからです（これを順次処理と呼びます）。</p>
<p>例として、僕はCSSはタイトルの下に配置して置くと決まっています。</p>
<p>&nbsp;</p>
<pre><code>

　　　　　　　　　　　　　　　　　　（中略）
　　
　　
　　

</code></pre>
<p>&nbsp;</p>
<p>これがもし逆なら<b>CSS</b>が<b>Bootstrap</b>に上書きされてしまいます(これを順次処理といいます)。</p>
<p><strong><span style="background-color: #ffff00;">基本的にCSSは下に配置して置くのが無難です。</span></strong></p>
<div>
<div></div>
</div>
<h2><strong>DAY13. 『Bootstrapでレイアウトを作ろう後編＋Bootstrapを使ってビジネスLP制作①</strong></h2>
<h2><strong>DAY14. 『Bootstrapを使ってビジネスLP制作②</strong></h2>
<blockquote class="twitter-tweet">
<p dir="ltr" lang="ja">DAY13. 『Bootstrapでレイアウトを作ろう後編＋Bootstrapを使ってビジネスLP制作①』<br />
DAY13はドットインストールを終わらせ、YoutubeのBootstrapチュートリアルでLP制作に入っていきます。今日は39:00まで進めましょう&#x1f4bb;</p>
<p>課題詳細&#x1f449;<a href="https://t.co/9dNMQLnwyd">https://t.co/9dNMQLnwyd</a><a href="https://twitter.com/hashtag/30DAYS%E3%83%88%E3%83%A9%E3%82%A4%E3%82%A2%E3%83%AB?src=hash&amp;ref_src=twsrc%5Etfw">#30DAYSトライアル</a><a href="https://twitter.com/hashtag/30DAYS%E3%83%88%E3%83%A9%E3%82%A4%E3%82%A2%E3%83%AB%E8%AA%B2%E9%A1%8C?src=hash&amp;ref_src=twsrc%5Etfw">#30DAYSトライアル課題</a> <a href="https://t.co/HFigrVbeh8">pic.twitter.com/HFigrVbeh8</a></p>
<p>— ショーヘー@東フリCMO (@showheyohtaki) <a href="https://twitter.com/showheyohtaki/status/1175183133680926721?ref_src=twsrc%5Etfw">September 20, 2019</a></p></blockquote>
<p><script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script><br />
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script><br />
３日間続いた<strong>ドットインストール</strong>で『<b>Bootstrap 4入門</b><span style="font-weight: 400;">』レッスン#16〜#22クリアです！！</span></p>
<p>&nbsp;</p>
<blockquote class="twitter-tweet">
<p dir="ltr" lang="ja">DAY14. 『Bootstrapを使ってビジネスLP制作②』<br />
今日でデイトラ開始から2週間です&#x203c;&#xfe0f;初めてコードに触れてから2週間でここまで来たって本当にすごい&#x1f389;<br />
デイトラはまだ続きますが、まずは2週間お疲れ様でした&#x263a;&#xfe0f;</p>
<p>今日の課題はこちら&#x1f449;<a href="https://t.co/MYofuAgdfc">https://t.co/MYofuAgdfc</a><a href="https://twitter.com/hashtag/30DAYS%E3%83%88%E3%83%A9%E3%82%A4%E3%82%A2%E3%83%AB?src=hash&amp;ref_src=twsrc%5Etfw">#30DAYSトライアル</a><a href="https://twitter.com/hashtag/30DAYS%E3%83%88%E3%83%A9%E3%82%A4%E3%82%A2%E3%83%AB%E8%AA%B2%E9%A1%8C?src=hash&amp;ref_src=twsrc%5Etfw">#30DAYSトライアル課題</a> <a href="https://t.co/egop0cdNlz">pic.twitter.com/egop0cdNlz</a></p>
<p>— ショーヘー@東フリCMO (@showheyohtaki) <a href="https://twitter.com/showheyohtaki/status/1175583103898701824?ref_src=twsrc%5Etfw">September 22, 2019</a></p></blockquote>
<p><script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script><br />
YouTubeで英語の動画を観てコーディングです。</p>
<p><iframe loading="lazy" src="https://www.youtube.com/embed/9cKsq14Kfsw" width="560" height="315" frameborder="0" allowfullscreen="allowfullscreen"></iframe><br />
<strong>DAY13. </strong><span style="font-weight: 400;">動画の39:00</span></p>
<p><strong>DAY14.</strong>最後まで</p>
<p>&nbsp;</p>
<p>少し長いですが、</p>
<p>ただ観たままコーディングするだけなので（英語は無視で、じゃないと疲れます）、</p>
<p>「海外でも、同じなんだ」という感想を持っていただければこの課題は完了です。</p>
<p>&nbsp;</p>
<p>急に理解できなくても、大丈夫です。</p>
<p><span style="background-color: #ffff00;"><strong>使っていくうちに慣れていきますから。</strong></span></p>
<h2 style="margin-top: 38.1625px;">終わりに</h2>
<p>お疲れ様でした。</p>
<p>containerクラスとrowクラス、text-centerクラスはよく使うので自分でググって理解するのをおすすめします。</p>
<p><b>Bootstrap</b>は、</p>
<p>「あるクラスは既に修飾されたものがあって、自分がCSSに何も書かなくてもいいんだ！」という理解で大丈夫です。</p>
<p>&nbsp;</p>
<p>では、また</p>
<p>ここまで読んでくれてありがとうございました。</p>
<p>次回はこちら↓<div class="related_article cf"><a href="https://kinonoteblog.com/programming/30days-bootstrap-2"><figure class="eyecatch thum"><img decoding="async" width="486" height="290" src="https://kinonoteblog.com/wp-content/uploads/2020/05/The-eye-should-learn-to-listen-before-it-looks.のコピーのコピーのコピーのコピーのコピーのコピー-1-486x290.jpg" class="attachment-home-thum size-home-thum wp-post-image" alt="【初心者】30DAYSトライアルをやってみた⑥ Bootstrap編2　15DAYS~17DAYS" /></figure><div class="meta inbox"><p class="ttl">【初心者】30DAYSトライアルをやってみた⑥ Bootstrap編2　15DAYS~17DAYS</p><span class="date gf">2020年5月21日</span></div></a></div>
<p>こちらもおすすめ↓</p>
<div class="related_article cf"><a href="https://kinonoteblog.com/programming/skillhacks-review"><figure class="eyecatch thum"><img decoding="async" width="486" height="290" src="https://kinonoteblog.com/wp-content/uploads/2019/05/The-eye-should-learn-to-listen-before-it-looks.のコピーのコピー-2-486x290.jpg" class="attachment-home-thum size-home-thum wp-post-image" alt="Skill Hacks　評判" /></figure><div class="meta inbox"><p class="ttl">【体験談】エンジニア初心者がSkill Hacks（スキルハックス）をレビュー【自走可能】</p><span class="date gf">2019年5月5日</span></div></a></div><p>The post <a href="https://kinonoteblog.com/programming/30days-bootstrap">【初心者】30DAYSトライアルをやってみた⑤ Bootstrap編　11DAYS~14DAYS</a> first appeared on <a href="https://kinonoteblog.com">kinoblog</a>.</p>]]></content:encoded>
					
					<wfw:commentRss>https://kinonoteblog.com/programming/30days-bootstrap/feed</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>プログラミング学習で挫折しないための3つの考え方</title>
		<link>https://kinonoteblog.com/programming/keep-going?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=keep-going</link>
					<comments>https://kinonoteblog.com/programming/keep-going#respond</comments>
		
		<dc:creator><![CDATA[kino]]></dc:creator>
		<pubDate>Thu, 30 May 2019 04:14:06 +0000</pubDate>
				<category><![CDATA[プログラミング]]></category>
		<category><![CDATA[ライフハック]]></category>
		<category><![CDATA[初心者]]></category>
		<category><![CDATA[pickup]]></category>
		<category><![CDATA[生活]]></category>
		<category><![CDATA[アウトプット]]></category>
		<category><![CDATA[マインド]]></category>
		<category><![CDATA[ブログ]]></category>
		<guid isPermaLink="false">https://kinonoteblog.com/?p=852</guid>

					<description><![CDATA[<p>&#160; プログラミング学習で挫折しないための考え方とは プログラミング学習で挫折しないための考え方とは、「辞める」のではなく「一度止まっていい」と捉え、続ける意味付けを持ち、一人で抱え込まないことです。挫折者が多い...</p>
<p>The post <a href="https://kinonoteblog.com/programming/keep-going">プログラミング学習で挫折しないための3つの考え方</a> first appeared on <a href="https://kinonoteblog.com">kinoblog</a>.</p>]]></description>
										<content:encoded><![CDATA[<p>&nbsp;</p>
<article style="font-family: 'Hiragino Sans','Yu Gothic',sans-serif; line-height: 1.8; max-width: 720px; margin: 40px auto; padding: 0 16px; color: #222;">
<h2 style="font-size: 1.3em; margin-top: 1.5em; border-left: 6px solid #3178c6; padding-left: 10px;">プログラミング学習で挫折しないための考え方とは</h2>
<p><strong>プログラミング学習で挫折しないための考え方とは、「辞める」のではなく「一度止まっていい」と捉え、続ける意味付けを持ち、一人で抱え込まないことです。</strong>挫折者が多いという事実を知っておくだけでも、心理的なハードルはかなり下がります。</p>
<div style="margin-bottom: 1.5em;"><div class="voice cf r big"><figure class="icon"><img decoding="async" src="https://kinonoteblog.com/wp-content/uploads/2019/06/nayamu_boy2.png"><figcaption class="name">少年A</figcaption></figure><div class="voicecomment">
プログラミングの勉強、正直もうやめようか迷ってる…</div></div>
<div class="voice cf l big"><figure class="icon"><img decoding="async" src="https://kinonoteblog.com/wp-content/uploads/2019/03/nigaoemaker.png"><figcaption class="name">キノ</figcaption></figure><div class="voicecomment">
分かる。でも「辞める」んじゃなくて「一旦止まる」でいいと思う。それだけでだいぶ気が楽になるよ</div></div></div>
<h2 style="font-size: 1.3em; margin-top: 2em; border-left: 6px solid #3178c6; padding-left: 10px;">プログラミング学習の挫折率はどれくらいか</h2>
<p>複数の調査を見ると、プログラミング学習経験者の8〜9割が「つまずいた・挫折した経験がある」と回答しており、挫折を経験すること自体はかなり一般的だと分かります。</p>
<table style="width: 100%; border-collapse: collapse; margin: 1em 0; font-size: 0.95em;">
<thead>
<tr style="background: #f6f8fa;">
<th style="border: 1px solid #e1e4e8; padding: 0.6em; text-align: left;">学習方法</th>
<th style="border: 1px solid #e1e4e8; padding: 0.6em; text-align: left;">挫折率の目安</th>
</tr>
</thead>
<tbody>
<tr>
<td style="border: 1px solid #e1e4e8; padding: 0.6em;">独学中心</td>
<td style="border: 1px solid #e1e4e8; padding: 0.6em;">約80%前後という調査結果が複数あります</td>
</tr>
<tr>
<td style="border: 1px solid #e1e4e8; padding: 0.6em;">プログラミングスクール利用</td>
<td style="border: 1px solid #e1e4e8; padding: 0.6em;">調査によって幅がありますが、独学よりは低い傾向</td>
</tr>
</tbody>
</table>
<p>数値は調査元によって幅がありますが、共通しているのは「挫折した人の多くが独学だった」「不明点をすぐ聞ける環境がなかった」という点です。裏を返せば、挫折の壁を越えられる仕組みさえあれば、続けられる可能性はぐっと上がるということでもあります。</p>
<h2 style="font-size: 1.3em; margin-top: 2em; border-left: 6px solid #3178c6; padding-left: 10px;">考え方1：「辞める」のではなく「止まる」でいい</h2>
<p>せっかく興味を持って始めた分野を、途中でゼロに戻してしまうのはもったいないことです。自分から興味を持って踏み込んだ分野には、また興味を取り戻す可能性がありますし、何より学習を始める前より確実にレベルは上がっています。</p>
<p>「辞める」と決めてしまうと再開のハードルが上がりますが、「今は止まっているだけ」と捉えておけば、気持ちが楽になったタイミングでまた再開しやすくなります。</p>
<h2 style="font-size: 1.3em; margin-top: 2em; border-left: 6px solid #3178c6; padding-left: 10px;">考え方2：続ける意味付けを持っておく</h2>
<p>挫折しそうになったときほど、「なぜこれを学んでいるのか」という意味付けに立ち返るのがおすすめです。意味付けは大げさなものでなくて構いません。「収入を増やしたい」「働く場所の自由度を上げたい」など、自分にとって納得感のある理由であれば十分です。</p>
<p>プログラミングを学ぶ意味を改めて整理したい場合は、こちらの記事も参考にしてください。</p>
<div class="linkcard"><div class="lkc-internal-wrap"><a class="lkc-link no_icon" href="https://kinonoteblog.com/programming/programmingmerit" data-lkc-id="9"><div class="lkc-card"><div class="lkc-info"><div class="lkc-favicon"><img decoding="async" src="https://www.google.com/s2/favicons?domain=kinonoteblog.com" alt="" width="16" height="16" /></div><div class="lkc-domain">kinoblog</div></div><div class="lkc-content"><figure class="lkc-thumbnail"><img decoding="async" class="lkc-thumbnail-img" src="//kinonoteblog.com/wp-content/uploads/2019/02/triangle-3125882_1920-150x150.jpg" width="100px" height="80px" alt="" /></figure><div class="lkc-title">プログラミングを学ぶメリットとは？経理職からエンジニアを目指した理由</div><div class="lkc-date">&#x1f552;&#xfe0f;2019年2月13日</div><div class="lkc-excerpt">&nbsp;プログラミングを学ぶメリットとはプログラミングを学ぶメリットは、IT人材の需要が高く仕事に困りにくいこと、場所を選ばず働けること、論理的思考力が身につくことです。経理職からエンジニアを目指した実体験をもとに整理します。なんでプログラミングを学ぼうと思ったの？前職の経理の仕事に将来性を感じられなくなったのがきっかけだよ。兄がエンジニアで、自由に働いてる姿を見ていたのも大きいなぜ今プログラミングを学ぶ価値があるのか経済産業省が公表した「IT人材需給に関する調査」では、IT需要の伸びが高い水準で推...</div></div><div class="clear"></div></div></a></div></div>
<h2 style="font-size: 1.3em; margin-top: 2em; border-left: 6px solid #3178c6; padding-left: 10px;">意味付けの具体例</h2>
<ul>
<li>転職して年収を上げたい、キャリアの選択肢を増やしたい</li>
<li>フリーランスやリモートワークなど、場所を選ばない働き方をしたい</li>
<li>個人開発で自分のアイデアを形にしたい</li>
</ul>
<p>意味付けは一度決めたら固定するものではなく、学習を進める中で更新していって構いません。むしろ、状況に応じて意味付けが変わっていくのは自然なことです。</p>
<h2 style="font-size: 1.3em; margin-top: 2em; border-left: 6px solid #3178c6; padding-left: 10px;">考え方3：アウトプットして仲間を見つける</h2>
<p>同じ分野を学んでいる人にアウトプットすることも、挫折を防ぐ有効な手段です。ネット上には同じように学習している人が一定数存在するので、進捗を発信するだけでも励みになります。</p>
<div class="linkcard"><div class="lkc-internal-wrap"><a class="lkc-link no_icon" href="https://kinonoteblog.com/programming/qiita-merit" data-lkc-id="8"><div class="lkc-card"><div class="lkc-info"><div class="lkc-favicon"><img decoding="async" src="https://www.google.com/s2/favicons?domain=kinonoteblog.com" alt="" width="16" height="16" /></div><div class="lkc-domain">kinoblog</div></div><div class="lkc-content"><figure class="lkc-thumbnail"><img decoding="async" class="lkc-thumbnail-img" src="//kinonoteblog.com/wp-content/uploads/2019/12/The-eye-should-learn-to-listen-before-it-looks.のコピーのコピーのコピー-4-150x150.jpg" width="100px" height="80px" alt="" /></figure><div class="lkc-title">Qiitaとは？初心者向けの使い方とZennとの違いを分かりやすく解説</div><div class="lkc-date">&#x1f552;&#xfe0f;2019年2月13日</div><div class="lkc-excerpt">&nbsp;QiitaとはQiitaとは、エンジニアがプログラミングに関する知見を無料で共有できる、国内最大級の技術情報共有サービスです。初心者から現役エンジニアまで、幅広いレベルの人が記事を投稿しています。Qiitaって名前は聞くけど、結局何のサイトなの？エンジニアが「これで詰まったから解決策を書いておこう」みたいな記事を投稿してるサイトだよ。僕も転職活動しながら毎日お世話になってるQiitaでできること 	プログラミング関連の技術記事を無料で読む 	エラーメッセージなどで検索し、同じ問題を解決した人の記事を探す 	自分...</div></div><div class="clear"></div></div></a></div></div>
<p>先ほどの調査でも、挫折の理由として「気軽に聞ける環境がなかったこと」が多く挙げられていました。一人で抱え込まず、同じ立場の人とゆるくつながっておくだけでも、心理的な負担はかなり軽くなります。</p>
<h2 style="font-size: 1.3em; margin-top: 2em; border-left: 6px solid #3178c6; padding-left: 10px;">それでも厳しい場合は環境を変えるのも選択肢</h2>
<p>独学での挫折率が比較的高い一因として、疑問点をすぐに解決できる環境がないことが挙げられます。何度も同じところで止まってしまう場合は、意味付けやモチベーションの問題ではなく、単純に「聞ける環境がない」ことが原因かもしれません。その場合は、プログラミングスクールのように質問できる環境へ切り替えるのも現実的な選択肢です。失敗そのものへの向き合い方については、こちらの記事でも整理しています。</p>
<div class="linkcard"><div class="lkc-internal-wrap"><a class="lkc-link no_icon" href="https://kinonoteblog.com/lifehack/failure-teaches-success" data-lkc-id="10"><div class="lkc-card"><div class="lkc-info"><div class="lkc-favicon"><img decoding="async" src="https://www.google.com/s2/favicons?domain=kinonoteblog.com" alt="" width="16" height="16" /></div><div class="lkc-domain">kinoblog</div></div><div class="lkc-content"><figure class="lkc-thumbnail"><img decoding="async" class="lkc-thumbnail-img" src="//kinonoteblog.com/wp-content/uploads/2019/03/The-eye-should-learn-to-listen-before-it-looks.のコピー-150x150.jpg" width="100px" height="80px" alt="" /></figure><div class="lkc-title">プログラミング学習で失敗を恐れないマインドを作る4つの意識</div><div class="lkc-date">&#x1f552;&#xfe0f;2019年3月4日</div><div class="lkc-excerpt">&nbsp;失敗を恐れないマインドとは失敗を恐れないマインドとは、失敗を「無価値なもの」ではなく「成長の材料」として捉える考え方です。特にプログラミング学習は、エラーや思い通りに動かないコードとの付き合いが避けられない分野なので、このマインドの有無が継続できるかを大きく左右します。コード書いてもエラーばっかりで、なんか向いてないのかなって思っちゃうそれ、ベテランのエンジニアでも毎日起きてることだよ。エラーが出ること自体は「向いてない」の証拠じゃないなぜプログラミング学習は挫折しやすいのかプログラミ...</div></div><div class="clear"></div></div></a></div></div>
<h2 style="font-size: 1.3em; margin-top: 2em; border-left: 6px solid #3178c6; padding-left: 10px;">よくある質問</h2>
<p><strong>Q. プログラミング学習の挫折率は本当に高いですか？</strong><br />
A. 複数の調査で、学習経験者の8〜9割が挫折やつまずきを経験したと回答しています。挫折すること自体は珍しいことではありません。</p>
<p><strong>Q. 一度挫折したら再開しない方がいいですか？</strong><br />
A. そんなことはありません。「辞める」ではなく「止まっている」だけと捉えれば、気持ちが向いたタイミングで再開しやすくなります。</p>
<p><strong>Q. 独学とスクール、挫折しにくいのはどちらですか？</strong><br />
A. 調査によって数値の幅はありますが、疑問点をすぐ聞ける環境がある分、スクールの方が挫折率が低い傾向にあるという結果が複数あります。</p>
<h2 style="font-size: 1.3em; margin-top: 2em; border-left: 6px solid #3178c6; padding-left: 10px;">まとめ</h2>
<ul>
<li>プログラミング学習の挫折は珍しいことではなく、多くの学習者が経験している</li>
<li>「辞める」ではなく「止まる」と捉えるだけで、再開のハードルが下がる</li>
<li>続ける意味付けを持ち、必要に応じて更新していく</li>
<li>一人で抱え込まず、アウトプットや質問できる環境を頼るのも有効な手段</li>
</ul>
<div style="margin: 1.5em 0;"><div class="voice cf r big"><figure class="icon"><img decoding="async" src="https://kinonoteblog.com/wp-content/uploads/2020/07/pose_aseru_.png"><figcaption class="name">少年A</figcaption></figure><div class="voicecomment">
辞めるんじゃなくて止まるだけ、って考え方、なんか気が楽になった</div></div>
<div class="voice cf l big"><figure class="icon"><img decoding="async" src="https://kinonoteblog.com/wp-content/uploads/2019/03/nigaoemaker.png"><figcaption class="name">キノ</figcaption></figure><div class="voicecomment">
うん。無理に毎日やらなくていいから、また気が向いたときに再開すればいいんだよ</div></div></div>
<hr style="margin: 2.5em 0; border: none; border-top: 1px solid #ddd;" />
</article>
<p>&nbsp;</p><p>The post <a href="https://kinonoteblog.com/programming/keep-going">プログラミング学習で挫折しないための3つの考え方</a> first appeared on <a href="https://kinonoteblog.com">kinoblog</a>.</p>]]></content:encoded>
					
					<wfw:commentRss>https://kinonoteblog.com/programming/keep-going/feed</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>【初心者】30DAYSトライアルをやってみた④ 環境設定編　8DAYS~10DAYS</title>
		<link>https://kinonoteblog.com/programming/30days-visual-studio-code?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=30days-visual-studio-code</link>
					<comments>https://kinonoteblog.com/programming/30days-visual-studio-code#respond</comments>
		
		<dc:creator><![CDATA[kino]]></dc:creator>
		<pubDate>Thu, 25 Apr 2019 10:54:12 +0000</pubDate>
				<category><![CDATA[プログラミング]]></category>
		<category><![CDATA[デベロッパーツール]]></category>
		<category><![CDATA[アウトプット]]></category>
		<category><![CDATA[プログラマー]]></category>
		<category><![CDATA[30DAYSトライアル]]></category>
		<category><![CDATA[Progate]]></category>
		<category><![CDATA[初心者]]></category>
		<category><![CDATA[エンジニア]]></category>
		<guid isPermaLink="false">https://kinonoteblog.com/?p=672</guid>

					<description><![CDATA[<p>&#160; こんにちは、 キノ(@zB75pWavnhDTIxr)です。 &#160; ８DAYS~10DAYSは環境設定編 Progateでプログラミングを打っていましたが、 ここからはローカル（自分のパソコン）でプ...</p>
<p>The post <a href="https://kinonoteblog.com/programming/30days-visual-studio-code">【初心者】30DAYSトライアルをやってみた④ 環境設定編　8DAYS~10DAYS</a> first appeared on <a href="https://kinonoteblog.com">kinoblog</a>.</p>]]></description>
										<content:encoded><![CDATA[<p>&nbsp;</p>
<p>こんにちは、</p>
<p><span style="font-weight: 400;"><a style="text-decoration: none;" href="https://twitter.com/zB75pWavnhDTIxr">キノ(</a><a class="ProfileHeaderCard-screennameLink u-linkComplex js-nav" href="https://twitter.com/zB75pWavnhDTIxr"><span class="username u-dir" dir="ltr">@<b class="u-linkComplex-target">zB75pWavnhDTIxr</b></span></a><a style="text-decoration: none;" href="https://twitter.com/zB75pWavnhDTIxr">)</a></span>です。</p>
<p>&nbsp;</p>
<p><strong>８DAYS~10DAYS</strong>は<strong>環境設定編</strong></p>
<p><a href="https://prog-8.com" target="_blank" rel="noopener noreferrer">Progate</a>でプログラミングを打っていましたが、</p>
<p>ここからはローカル（自分のパソコン）でプログラミングをしましょう！</p>
<p>&nbsp;</p>
<p><strong>エディター</strong>（プログラミングに適したメモ帳）を導入するところから始めます。</p>
<p><strong>エディター</strong>はかの有名な<strong>VSCodeで</strong>、プログラマーやエンジニアには必須ですね！</p>
<p>大部分が導入するだけなので、書くことは少ないのですが、</p>
<p>よろしくお願いします。(*´･ω-)b</p>
<p>&nbsp;</p>
<p><strong></strong></p>
<p>&nbsp;</p>
<h2 id="DAY8エディタをインストールしよう課題">DAY8. 『エディタをインストールしよう』</h2>
<blockquote class="twitter-tweet">
<p dir="ltr" lang="ja">DAY8. 『エディタをインストールしよう』<br />
いよいよProgateを卒業のとき！<br />
これから先は実務と同じく、ローカル環境でコーディングしていきます。<br />
まず、コーディング作業を行うために必須の『エディタ』を用意しましょう。</p>
<p>&#x1f447;解説<a href="https://t.co/AgdzgnzOAX">https://t.co/AgdzgnzOAX</a><a href="https://twitter.com/hashtag/30DAYS%E3%83%88%E3%83%A9%E3%82%A4%E3%82%A2%E3%83%AB?src=hash&amp;ref_src=twsrc%5Etfw">#30DAYSトライアル</a><a href="https://twitter.com/hashtag/30DAYS%E3%83%88%E3%83%A9%E3%82%A4%E3%82%A2%E3%83%AB%E8%AA%B2%E9%A1%8C?src=hash&amp;ref_src=twsrc%5Etfw">#30DAYSトライアル課題</a> <a href="https://t.co/MMt47bZNpt">pic.twitter.com/MMt47bZNpt</a></p>
<p>— ショーヘー@Webエンジニア (@showheyohtaki) <a href="https://twitter.com/showheyohtaki/status/1084585917765931008?ref_src=twsrc%5Etfw">January 13, 2019</a></p></blockquote>
<p><script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script></p>
<p><a href="https://prog-8.com" target="_blank" rel="noopener noreferrer">Progate</a>から自立です。ローカル環境でプログラミングしましょう！</p>
<p>&nbsp;</p>
<p>エディターのいいところは、<strong>プラグイン（機能）</strong>が多くあるところです。</p>
<p>メモ帳でも開発できるのですが、ミスに気がつかない場合が多く、</p>
<p><strong>エディター</strong>は他に候補が出てくるので、スムーズに開発できるというメリットがあります。</p>
<p>&nbsp;</p>
<p>ショーへーさんのオススメしている<strong>プラグイン</strong>の説明は、アルパカさんがもう説明してくれているので、こちらをご覧ください↓。</p>
<p><iframe class="wp-embedded-content" sandbox="allow-scripts" security="restricted" src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fwww.engineer-step.com%2Fentry%2Fsite-seisaku-8#?secret=6D9s1U6fu0" data-secret="6D9s1U6fu0" title="DAY8.『エディタをインストールしよう』 #30DAYSトライアル - エンジニアステップ" scrolling="no" frameborder="0"></iframe></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>↑上記で載っていないショーへーさんのオススメしている<strong>プラグイン</strong>はこれです。<br />
<div class="c_box intitle blue_box type_normal"><div class="box_title"><span class="span__box_title">インデントレインボー</span></div>
<a href="https://marketplace.visualstudio.com/items?itemName=oderwat.indent-rainbow" target="_blank" rel="noopener noreferrer">Indent-Rainbow</a></div>
<p>これは最初、使った感想は「要る？これ」だったけど、要ります！</p>
<p>理由はインデントが分かりやすい。何より見た目が綺麗になる。</p>
<img decoding="async" class="alignnone size-medium wp-image-768" src="https://kinonoteblog.com/wp-content/uploads/2019/04/キャプチャ-300x157.png" alt="" width="300" height="157" srcset="https://kinonoteblog.com/wp-content/uploads/2019/04/キャプチャ-300x157.png 300w, https://kinonoteblog.com/wp-content/uploads/2019/04/キャプチャ.png 389w" sizes="(max-width: 300px) 100vw, 300px" />
<p>と、こんな感じに見やすくなっています。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<h2>DAY9. 『基本のショートカットを覚えよう＋ファイルパスを理解しよう』</h2>
<blockquote class="twitter-tweet">
<p dir="ltr" lang="ja">DAY9. 『基本のショートカットを覚えよう＋ファイルパスを理解しよう』</p>
<p>DAY9は、エディタでの作業効率を上げるためのショートカットとファイルパスについて学習します。詳細はこちらのGoogleドキュメントから&#x263a;&#xfe0f;<br />
&#x1f449;<a href="https://t.co/XXHrokhrTD">https://t.co/XXHrokhrTD</a><a href="https://twitter.com/hashtag/30DAYS%E3%83%88%E3%83%A9%E3%82%A4%E3%82%A2%E3%83%AB?src=hash&amp;ref_src=twsrc%5Etfw">#30DAYSトライアル</a><a href="https://twitter.com/hashtag/30DAYS%E3%83%88%E3%83%A9%E3%82%A4%E3%82%A2%E3%83%AB%E8%AA%B2%E9%A1%8C?src=hash&amp;ref_src=twsrc%5Etfw">#30DAYSトライアル課題</a> <a href="https://t.co/0bQWgHSkUx">pic.twitter.com/0bQWgHSkUx</a></p>
<p>— ショーヘー@Webエンジニア (@showheyohtaki) <a href="https://twitter.com/showheyohtaki/status/1085099344758419457?ref_src=twsrc%5Etfw">January 15, 2019</a></p></blockquote>
<p><script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script></p>
<p>作業効率を上げるために、1日１つでいいから</p>
<p id="DAY9基本のショートカットを覚えようファイルパスを理解しよう">ショートカットを覚えましょう。</p>
<p>&nbsp;</p>
<h2 id="DAY10Chromeの検証を使ってみようLiveServerをインストールしよう">DAY10.『Chromeの検証を使ってみよう＋LiveServerをインストールしよう』</h2>
<blockquote class="twitter-tweet">
<p dir="ltr" lang="ja">DAY10. 『Chromeの検証を使ってみよう＋LiveServerをインストールしよう』</p>
<p>今日でローカル開発の準備は完了します。明日からはローカル環境でコーディングする課題を出すので、しっかり環境整えといてくださいね&#x1f44d;<br />
課題&#x1f449;<a href="https://t.co/6O03CD3Nsp">https://t.co/6O03CD3Nsp</a><a href="https://twitter.com/hashtag/30DAYS%E3%83%88%E3%83%A9%E3%82%A4%E3%82%A2%E3%83%AB?src=hash&amp;ref_src=twsrc%5Etfw">#30DAYSトライアル</a><a href="https://twitter.com/hashtag/30DAYS%E3%83%88%E3%83%A9%E3%82%A4%E3%82%A2%E3%83%AB%E8%AA%B2%E9%A1%8C?src=hash&amp;ref_src=twsrc%5Etfw">#30DAYSトライアル課題</a> <a href="https://t.co/vSUr7CX880">pic.twitter.com/vSUr7CX880</a></p>
<p>— ショーヘー@Webエンジニア (@showheyohtaki) <a href="https://twitter.com/showheyohtaki/status/1085461706770284544?ref_src=twsrc%5Etfw">January 16, 2019</a></p></blockquote>
<p><script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script></p>
<p>Google Chromeの<strong>デベロッパーツール</strong>とは、</p>
<p>右クリックで、でてきた選択肢の下部に「検証」と出てくるはずです。</p>
<img decoding="async" class="alignnone size-medium wp-image-776" src="https://kinonoteblog.com/wp-content/uploads/2019/04/キャプチャ-1-293x300.png" alt="" width="293" height="300" srcset="https://kinonoteblog.com/wp-content/uploads/2019/04/キャプチャ-1-293x300.png 293w, https://kinonoteblog.com/wp-content/uploads/2019/04/キャプチャ-1.png 339w" sizes="(max-width: 293px) 100vw, 293px" />
<p>使い道は、<br />
<div class="c_box intitle green_box type_normal"><div class="box_title"><span class="span__box_title">Google Chromeのデベロッパーツール</span></div>
・サイトのソースコードが分かる</p>
<p>・模写コーディングしたサイトの間違えを見つける</p>
<p>・崩れないように画面幅を狭めてレスポンシブデザインを確認する<br />
</div>
<p><strong>デベロッパーツール</strong>は慣れです。</p>
<p>僕は2週間経ってようやく慣れてきたんです。</p>
<p>&nbsp;</p>
<h2 style="margin-top: 38.1625px;">終わりに</h2>
<p>そしてフロントエンドエンジニアになるために、これで環境構築完了です。</p>
<p>&nbsp;</p>
<p>お疲れ様でした。</p>
<p>では、また</p>
<p>ここまで読んでくれてありがとうございました。</p><p>The post <a href="https://kinonoteblog.com/programming/30days-visual-studio-code">【初心者】30DAYSトライアルをやってみた④ 環境設定編　8DAYS~10DAYS</a> first appeared on <a href="https://kinonoteblog.com">kinoblog</a>.</p>]]></content:encoded>
					
					<wfw:commentRss>https://kinonoteblog.com/programming/30days-visual-studio-code/feed</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>【初心者】30DAYSトライアルをやってみた③   Progate編　DAY5～DAY7</title>
		<link>https://kinonoteblog.com/programming/30days-progate-2?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=30days-progate-2</link>
					<comments>https://kinonoteblog.com/programming/30days-progate-2#respond</comments>
		
		<dc:creator><![CDATA[kino]]></dc:creator>
		<pubDate>Thu, 18 Apr 2019 03:46:10 +0000</pubDate>
				<category><![CDATA[プログラミング]]></category>
		<category><![CDATA[初心者]]></category>
		<category><![CDATA[アウトプット]]></category>
		<category><![CDATA[プログラマー]]></category>
		<category><![CDATA[30DAYSトライアル]]></category>
		<category><![CDATA[Progate]]></category>
		<category><![CDATA[ランサーズ]]></category>
		<category><![CDATA[クラウドワークス]]></category>
		<guid isPermaLink="false">https://kinonoteblog.com/?p=716</guid>

					<description><![CDATA[<p>&#160; &#160; こんにちは、キノ(@zB75pWavnhDTIxr)です。 4月11日に、30DAYSトライアルを終わりました！ 次は30DAYSトライアルの2ndを進めています。 &#160; 今日はPro...</p>
<p>The post <a href="https://kinonoteblog.com/programming/30days-progate-2">【初心者】30DAYSトライアルをやってみた③   Progate編　DAY5～DAY7</a> first appeared on <a href="https://kinonoteblog.com">kinoblog</a>.</p>]]></description>
										<content:encoded><![CDATA[<p>&nbsp;</p>
<p>&nbsp;</p>
<p>こんにちは、<span style="font-weight: 400;"><a style="text-decoration: none;" href="https://twitter.com/zB75pWavnhDTIxr">キノ(</a><a class="ProfileHeaderCard-screennameLink u-linkComplex js-nav" href="https://twitter.com/zB75pWavnhDTIxr"><span class="username u-dir" dir="ltr">@<b class="u-linkComplex-target">zB75pWavnhDTIxr</b></span></a><a style="text-decoration: none;" href="https://twitter.com/zB75pWavnhDTIxr">)</a></span>です。</p>
<p>4月11日に、30DAYSトライアルを終わりました！</p>
<p>次は30DAYSトライアルの2ndを進めています。</p>
<p>&nbsp;</p>
<p>今日は<strong>Progate編 DAY5～DAY7</strong>について書こうと思います。</p>
<p>下記の通りに進めてみてください！</p>
<p>&nbsp;</p>
<p><strong>↓詳細はこちらからどうぞ！↓</strong></p>
<blockquote class="twitter-tweet">
<p dir="ltr" lang="ja">後から <a href="https://twitter.com/hashtag/30DAYS%E3%83%88%E3%83%A9%E3%82%A4%E3%82%A2%E3%83%AB?src=hash&amp;ref_src=twsrc%5Etfw">#30DAYSトライアル</a> を始められた方のために、これまでの課題とTipsをまとめたモーメントを作りました。新しい課題やTipsは随時更新していきます&#x1f44d;<a href="https://t.co/m0yaoLnoin">https://t.co/m0yaoLnoin</a></p>
<p>— ショーヘー@Webエンジニア (@showheyohtaki) <a href="https://twitter.com/showheyohtaki/status/1085420721025810432?ref_src=twsrc%5Etfw">January 16, 2019</a></p></blockquote>
<p><script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script></p>
<p><strong></strong></p>
<h2><strong>Progate編</strong></h2>
<h4><span style="font-size: 14pt;"><strong>（補足説明です）DAY4    HTML &amp; CSS 中級編最後まで②（absoluteの話）</strong></span></h4>
<p><span style="font-size: 12pt;">DAY3に続いてレイアウトを学びます。個人的には最低２～3回やらないと身につかないと思います。</span></p>
<p>つまずきやすいところはposition : absoluteですね。</p>
<div class="c_box intitle glay_box type_normal"><div class="box_title"><span class="span__box_title">absoluteとrelative</span></div>「position : absolute＝絶対的な」と「position : relative=相対的な」、これらはセットで考えてください。</div>
<p><span style="background-color: #ffff00;">基本的にどっちか１つしか使わないのはまれです。</span></p>
<p>&nbsp;</p>
<p>これらを使って文字と画像を重ね合わせています。</p>
<p>なぜ、この２つを使うのか。それはスマートフォンやタブレットから見ると崩れちゃうのを防ぐためです。</p>
<p>absoluteは「絶対的」とあるように、例えば、top:0;と指定をとれば、上頂部へ固定されます。</p>
<p>パソコンやスマートフォンなどの画面幅が違うものがあったとしても同じような見た目に見えるんです。</p>
<p>&nbsp;</p>
<p>marginやpaddingは一見してみるとパソコンだと見栄えが良いのに、スマートフォンで見ると崩れているのが多いんです。</p>
<p>これは、marginやpaddingは「パソコンの余白」に合わせただけで、</p>
<p>スマートフォンやタブレットの余白に合わせたってわけではないんですよ。</p>
<p>&nbsp;</p>
<p>使い方は、</p>
<p>配置したい文字（画像）をクラスを割り当ててやって、そのクラス名にposition : absoluteを付与するんです。</p>
<p>このまま何もしないとbodyタグを基準に動きますから、そうならないようにposition : relativeを使います。</p>
<p>そして、<span style="background-color: #ffff00;"><strong>position : relativeは通常、親要素</strong></span>に使います。</p>
<p>&nbsp;</p>
<p><a class="yt-simple-endpoint style-scope yt-formatted-string" spellcheck="false" href="https://www.youtube.com/channel/UCmuu1OliGA_hVFmBjK3GLag">hiro pon-programming</a>さんの動画で詳しく解説しています。↓</p>
<p><iframe loading="lazy" title="第19回：CSSのpositionプロパティ【実践プログラミング講座】" width="728" height="410" src="https://www.youtube.com/embed/oUi4JyHVCrU?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<h2><span style="font-size: 14pt;"><strong>DAY5　 HTML &amp; CSS 上級編まで</strong></span></h2>
<blockquote class="twitter-tweet">
<p dir="ltr" lang="ja">DAY5.『Progate HTML &amp; CSS 上級編』<br />
プログラミング学習サイト『Progate』( <a href="https://t.co/2CJ1eEz9Hd">https://t.co/2CJ1eEz9Hd</a> )でレスポンシブなサイトを作るためのコーディングを学びます！</p>
<p>DAY5は上級編を終わらせましょう<br />
メディアクエリはもちろん、box-sizingも超重要です&#x203c;&#xfe0f;<a href="https://twitter.com/hashtag/30DAYS%E3%83%88%E3%83%A9%E3%82%A4%E3%82%A2%E3%83%AB?src=hash&amp;ref_src=twsrc%5Etfw">#30DAYSトライアル</a><a href="https://twitter.com/hashtag/30DAYS%E3%83%88%E3%83%A9%E3%82%A4%E3%82%A2%E3%83%AB%E8%AA%B2%E9%A1%8C?src=hash&amp;ref_src=twsrc%5Etfw">#30DAYSトライアル課題</a> <a href="https://t.co/0OtXSOUIme">pic.twitter.com/0OtXSOUIme</a></p>
<p>— ショーヘー@Webエンジニア (@showheyohtaki) <a href="https://twitter.com/showheyohtaki/status/1083649773696094209?ref_src=twsrc%5Etfw">January 11, 2019</a></p></blockquote>
<p><script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script></p>
<p>重要な概念である「<strong>レスポンシブデザイン</strong>」、パソコン、スマートフォン、タブレットなどで画面が崩れないように設定をするんです。</p>
<p>メディアクエリは正直、これだけだと身につかないと思います。</p>
<p>これは、何度か模写コーディングをするしか身につかないと思いますね。</p>
<p>bootstrap編で模写コーディングをするので、自分のものにしてください。</p>
<p>&nbsp;</p>
<h4></h4>
<p><a href="https://prog-8.com" target="_blank" rel="noopener noreferrer">Progate</a>ではresponsive.cssというファイルを作って、普通のcssとは別々に管理してました。</p>
<p>１つのcssファイルを使うのか別々に管理するのか。</p>
<p><span style="text-decoration: underline;">これは、別にどっちでもいいです。</span></p>
<p>僕は１つにした方が見やすいと思ったので、あえてメディアクエリのファイルを作らなかったので…。</p>
<p>&nbsp;</p>
<p>30DAYSトライアルの2nd、１DAYの課題をやり終えたとき、メディアクエリは泥臭い作業だと感じました。</p>
<p>「自分で見て確認をしながら画面上のバランスを整える」</p>
<p>メディアクエリに正解はないようです。</p>
<p>ただ、自分が見た感覚を信じていくのみです。(*´･ω･`)b</p>
<blockquote class="twitter-tweet">
<p dir="ltr" lang="ja"><a href="https://twitter.com/hashtag/30DAYS%E3%83%88%E3%83%A9%E3%82%A4%E3%82%A2%E3%83%AB?src=hash&amp;ref_src=twsrc%5Etfw">#30DAYSトライアル</a></p>
<p>1DAYやっと終わった( ง ×ω×`)ว&#x1f4a8;</p>
<p>初回から難しいよ&#x1f622;</p>
<p>ハンバーガーメニューとメディアクエリって実装したよ(*ゝ｀ω・)</p>
<p>手探りだから、雑に仕上がってるけど&#x1f623;&#x1f4a6;</p>
<p>2DAYは1DAYよりも簡単だったよ&#x263a;&#xfe0f;<br />
カード実装までスムーズにいったよ</p>
<p>明日には終わると思う( ง •`ω•´)ว <a href="https://t.co/EmSAQ4sagz">pic.twitter.com/EmSAQ4sagz</a></p>
<p>— キノノート (@zB75pWavnhDTIxr) <a href="https://twitter.com/zB75pWavnhDTIxr/status/1117780460828934147?ref_src=twsrc%5Etfw">April 15, 2019</a></p></blockquote>
<p><script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script></p>
<p>&nbsp;</p>
<h2>DAY6　HTML &amp; CSS 初級・中級道場コースとDAY7　<strong>HTML &amp; CSS 上級道場コース </strong></h2>
<blockquote class="twitter-tweet">
<p dir="ltr" lang="ja">DAY6. 『Progate HTML &amp; CSS 初級・中級道場コース』<br />
Progateの HTML &amp; CSS コース( <a href="https://t.co/2CJ1eEhyiD">https://t.co/2CJ1eEhyiD</a> )で学んできたことの総復習です。</p>
<p>DAY6は、初級・中級の道場編を1周ずつやるのが目標&#x203c;&#xfe0f;<br />
詰まったところはスレッドに戻って復習してください&#x1f44d;<a href="https://twitter.com/hashtag/30DAYS%E3%83%88%E3%83%A9%E3%82%A4%E3%82%A2%E3%83%AB?src=hash&amp;ref_src=twsrc%5Etfw">#30DAYSトライアル</a><a href="https://twitter.com/hashtag/30DAYS%E3%83%88%E3%83%A9%E3%82%A4%E3%82%A2%E3%83%AB%E8%AA%B2%E9%A1%8C?src=hash&amp;ref_src=twsrc%5Etfw">#30DAYSトライアル課題</a> <a href="https://t.co/svbBN2n2W1">pic.twitter.com/svbBN2n2W1</a></p>
<p>— ショーヘー@Webエンジニア (@showheyohtaki) <a href="https://twitter.com/showheyohtaki/status/1083861139937587200?ref_src=twsrc%5Etfw">January 11, 2019</a></p></blockquote>
<p><script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script></p>
<blockquote class="twitter-tweet">
<p dir="ltr" lang="ja">DAY7. 『Progate HTML &amp; CSS 上級道場コース ＋ 復習・休憩』<br />
Progate（<a href="https://t.co/8q0BqOq0qA">https://t.co/8q0BqOq0qA</a>）で、レスポンシブデザインの復習をしてください。<br />
早く終わると思うので、そのあとは今週学んだことの復習と息抜きに当てましょう&#x1f44d;<a href="https://twitter.com/hashtag/30DAYS%E3%83%88%E3%83%A9%E3%82%A4%E3%82%A2%E3%83%AB?src=hash&amp;ref_src=twsrc%5Etfw">#30DAYSトライアル</a><a href="https://twitter.com/hashtag/30DAYS%E3%83%88%E3%83%A9%E3%82%A4%E3%82%A2%E3%83%AB%E8%AA%B2%E9%A1%8C?src=hash&amp;ref_src=twsrc%5Etfw">#30DAYSトライアル課題</a><a href="https://twitter.com/hashtag/1%E9%80%B1%E9%96%93%E3%81%8A%E7%96%B2%E3%82%8C%E3%81%95%E3%81%BE%E3%81%A7%E3%81%97%E3%81%9F?src=hash&amp;ref_src=twsrc%5Etfw">#1週間お疲れさまでした</a> <a href="https://t.co/QeWRRm28Mf">pic.twitter.com/QeWRRm28Mf</a></p>
<p>— ショーヘー@Webエンジニア (@showheyohtaki) <a href="https://twitter.com/showheyohtaki/status/1084223576906125312?ref_src=twsrc%5Etfw">January 12, 2019</a></p></blockquote>
<p><script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script></p>
<p>課題の復習です。正直いって一回では無理でした。</p>
<p><strong>「今まで習ったことをアウトプットする」</strong></p>
<p>これが一番難しい。</p>
<p>&nbsp;</p>
<p>ヒントを見ても分からなければ、答えを見てもいいと思います。</p>
<p>ただし、自分がどこでつまずいたのか考えるまでは見てはだめです（２分でいい）。</p>
<p>個人的に難所だったのが、「&lt;div&gt;を囲うのにどこまで囲えばいいんだ？」って思ったりしていましたね。</p>
<p>&nbsp;</p>
<p>余裕がある方はこちら↓（30DAYSトライアルの1stではJavaScriptは取り扱わないので注意！）</p>
<blockquote class="twitter-tweet">
<p dir="ltr" lang="ja">余裕がある人向け課題 『JavaScript (ES5) Ⅰ〜Ⅳ』<br />
Progate（<a href="https://t.co/8q0BqOq0qA">https://t.co/8q0BqOq0qA</a>）でJavaScript (ES5)Ⅳまでやりましょう。<br />
トライアルの目的「月5万稼ぐ」ためのスキルとしては、JavaScriptはなくてもOK。<br />
でも変数・演算子・if・for・関数はどの言語でも基礎なので、知っておくとベターです&#x1f44d; <a href="https://t.co/hvQNgw2cIt">pic.twitter.com/hvQNgw2cIt</a></p>
<p>— ショーヘー@Webエンジニア (@showheyohtaki) <a href="https://twitter.com/showheyohtaki/status/1084223787913134080?ref_src=twsrc%5Etfw">January 12, 2019</a></p></blockquote>
<p><script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script></p>
<h4><strong>ランディングページ（LP)って何？</strong></h4>
<p>さて、<span style="font-size: 14pt;">中級編では</span><strong>ランディングページ（LP)</strong>作りました。</p>
<p><strong>LP</strong>は企業がユーザー（僕たち）に情報を伝えることために作られています。一言で言うとウェブ上で自社の商品やサービスのチラシです。</p>
<p>そして、クラウドソーシング上で企業がフリーランスエンジニアに向けて発注しています。</p>
<p>下記のサイトがよく知られるクラウドソーシングですね。<br />
<div class="c_box intitle yellow_box type_normal"><div class="box_title"><span class="span__box_title">クラウドソーシング</span></div>
<a href="http://www.lancers.jp/affiliate/track?id=1822263&amp;link=%2F" target="_blank" rel="nofollow noopener noreferrer"><br />
ランサーズ</a></p>
<p><a href="https://crowdworks.jp/" target="_blank" rel="noopener noreferrer">クラウドワークス　</a><br />
<!-- Lancers Code END --></div>
<p>「コーディングのみ」や「html css」と検索すれば<strong>ランディングページ（LP)</strong>制作案件があります。</p>
<p>個人的にランサーズの方が見やすかったです。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<h2 style="margin-top: 38.1625px;">終わりに</h2>
<p>これで<strong>Progate編</strong>は終わりです。</p>
<p>&nbsp;</p>
<p>一度で理解できないはずです。</p>
<p>ちょくちょく戻ってくると思いますので、また再チャレンジしてみてください。</p>
<p><span style="background-color: #ffff00;"><strong>「あなたがつまずいたところはみんながつまずいたところです」</strong></span>を忘れずに</p>
<p>&nbsp;</p>
<p>お疲れ様でした。</p>
<p>では、また</p>
<p>ここまで読んでくれてありがとうございました。</p>
<p>&nbsp;</p>
<p>こちらもおすすめ↓</p>
<blockquote class="wp-embedded-content" data-secret="U5lF3sB0P7"><p><a href="https://kinonoteblog.com/programming/skillhacks-review">【体験談】エンジニア初心者がSkill Hacks（スキルハックス）をレビュー【自走可能】</a></p></blockquote>
<p><iframe loading="lazy" class="wp-embedded-content" sandbox="allow-scripts" security="restricted"  title="&#8220;【体験談】エンジニア初心者がSkill Hacks（スキルハックス）をレビュー【自走可能】&#8221; &#8212; kinoblog　初心者エンジニアブロガーの成長記録！" src="https://kinonoteblog.com/programming/skillhacks-review/embed#?secret=Thx3gUrnIv#?secret=U5lF3sB0P7" data-secret="U5lF3sB0P7" width="600" height="338" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe></p><p>The post <a href="https://kinonoteblog.com/programming/30days-progate-2">【初心者】30DAYSトライアルをやってみた③   Progate編　DAY5～DAY7</a> first appeared on <a href="https://kinonoteblog.com">kinoblog</a>.</p>]]></content:encoded>
					
					<wfw:commentRss>https://kinonoteblog.com/programming/30days-progate-2/feed</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
