プログラミング | kinoblog

今日は『物事を続けること』を書いていきます。

何に対しても『物事を続けること』って難しいですよね。

今回は『物事を続けること』について分かったことをお伝えします。

少年A

『物事を続けること』か…。うう…頭が痛い。

キノ

分かる分かる。

やりたいことを続けたいのに続けられない理由は、別に僕らがやる気がないからではなくて、

『物事を続ける技術』を知らないだけなんですね。

さらに言うと、性格や才能や努力、やる気すらも関係ないですし、

「精神論」ではなくて「科学的な技術」なんです。

結論を言うと『行動』に焦点を当てるんです。

詳細は以下から↓

まんがで身につく続ける技術 /あさ出版/石田淳

posted with カエレバ

先行条件と結果条件

どの『行動』にも、先行条件（理由）と結果条件（結果）があります。

このことを行動科学マネジメントで『ABCモデル』といいます。

少年A

ABCモデル…？

ABCモデル

A『先行条件』「暑く感じるから」

B『行動』「エアコンをつける」

C『結果条件』「その結果、部屋が涼しくなる」

というふうに、『行動』には、その理由とそれをした結果が返ってくるんです。

『先行条件』（理由）は多くなる、また重要になるほど『行動』を起こしやすくなります。

『理由』と『行動』、『結果』は１セットです。

ここまでは当たり前の話です。

ここから、深くなります。

というのも『行動』には2種類の『行動』があるんです。

ターゲット行動

『ターゲット行動』＝あなたの続けたい『行動』（英会話とか禁煙とか）のことです。

『ターゲット行動』には2種類の『行動』、……『不足行動』と『過剰行動』があります。

ターゲット行動

『不足行動』＝「増やそう」とする『行動』

『過剰行動』＝「減らそう」や「やめよう」とする『行動』

「エアコンをつける」や「英会話したい」＝『不足行動』ですね。

『過剰行動』だと、代表的なのは「ダイエットしたい」や「喫煙したい」でしょうか。

『不足行動』を増やしてスキルを身につけようというのが、今日の記事の題意です。

『不足行動』はどうやって増やせばいいのか？

僕の『不足行動』は「イラストを描くこと」で一週間継続できたときもあれば、3日後にまた再開するときもありました。

キノ

もしかして好きじゃない？でも…イラスト描くのは楽しいし…。

とぎれとぎれで継続できないのかが謎でした。

『不足行動』を増やすには『ライバル行動』を知ろう！

『不足行動』を邪魔する『ライバル行動』があります。

『ライバル行動』は増やしたい『ターゲット行動』を阻害する行動です。

少年A

ああ、分かった！

勉強しなきゃいけないのに、スマホをいじっちゃうのが『ライバル行動』だ！

ここまでの話をまとめると

①先行条件（理由）を増やす

②『ライバル行動』を抑制できる環境にすればいいのです。

僕の実体験を具体例に出しますね。

僕の実体験

①先行条件（理由）を増やす　行動の補助を作る

僕がイラストを描くときはipadを利用しています。

以前の僕は文字を書くのもイラストを描くのもappleペンシルでした。

でも、『続ける技術』を知ってから、僕は「appleペンシルはイラスト用」と割り切ることで先行条件（理由）を増やすことにしました。

他の用途は安いスタイラスペンと決めて、１万円もするappleペンシルを使いたくてたまらないようにしたんです。

少年A

先行条件（理由）を増やすことで、「イラストを描くこと」の意味を強めるんだね！

iPad 10.2 第7世代でイラストを描こう【レビュー】

2020年7月5日

②『ライバル行動』を抑制できる環境

『ライバル行動』ができない場所に移動するのが手っ取り早いので、物理的に移動するのが一番楽です。

僕の『ライバル行動』は「Youtubeで動画を観ること」だったので、

wifi環境がないところに行くのが手っ取り早いと思い、一時期図書館に通っていました。

要するに環境さえ変えてしまえばいい。

18時間もゲームするゲーム中毒者がもし100年前に生まれたら、きっとその人はゲーム中毒者になってないはずです。

これと同じでダイエットしたいならライザップに入会するとか、

禁煙するなら公共施設（図書館がおすすめです）を通う環境を考えてみる。

でも、移動するのは行動が習慣化するまでだけ！

僕は図書館に行ってイラストする時間を作りました。

今はイラストを描くことを理由に図書館に通っていません。

理由は簡単で、習慣が身についたからです。

人間の脳は今継続したことをそのまま継続しようとする習性があるんです。

分かりやすい例は歯磨きですね。

一度習慣をつけてしまえば、頭の中でそのことを考えているんです。

そうなるとこっちのものです。あとは流れに逆らわず継続してください。

もし、継続できないというのであれば、あなたの頭の中で習慣として入ってないからです。

習慣化には個人差があって、大体３週間～３ヶ月です。

メジャーメント

他にも、メジャーメントがあります。

メジャーメントは行動がどれだけ達成できたかを目に見える形で示すものです。

メモ帳、スケジュール帳やSNSなどを好きなものを使ってください。

家族や友だちのような協力者に報告すると継続しやすいです。

誰かに見られていると人は行動するんです。

僕はTwitterの皆さんに協力してもらってますね。

僕のツイートの内容は読書、プログラミング、イラスト、筋トレ…etcで、

皆さんのおかげでいつも励みになっています！

#駆け出しエンジニアと繋がりたい #ブログ仲間と繋がりたい #イラスト好きな人と繋がりたい

かっこいい…( ง •`ω•´)φ

色づけ頑張ったかいがあったよ(´,,•ω•,,`)φ💦

水属性の主人公か…🤔

キノって名前が水属性っぽいよね？🤔
あと僕って先は最近水飲んでるし…( -_・)σ

いや参ったなー😉👍 pic.twitter.com/k0BOWl4aJq

— キノノート (@zB75pWavnhDTIxr) March 27, 2021

目標を２つ用意しよう　ラストゴールとスモールゴール

最後はラストゴールとスモールゴールです。

ラストゴールはあなたが今立てている目標をそのまま立てます。

これは誰でも立てますね。

肝心なのが、スモールゴールです。

スモールゴールとは、日本語訳でそのまま少目標です。

ほとんどの人がスモールゴールを設定していない、

もしくは設定してもほとんどの人が無意識で難しく設定しているんです。

なるべく易しめに設定するのがポイントになります。

スモールゴールを決める意味

ラストゴール（自分の目標）への取っかかりになるから
小さな達成感を味わって、ターゲット行動を促進できるから
習慣として定着しやすいから

スモールゴールの作り方

①短期間（1日～1週間）にスモールゴール（少目標）を設定する

②なるべく易しめに設定する

③なるべく数字があったほうがいい

例えば、

筋トレなら、ラストゴールは「3ヶ月後には腹筋が割れるぐらいバキバキになる！」

→スモールゴールは「1日腹筋１回だけしよう」

プログラミングなら、ラストゴールは「半年後、アプリを作ってやる！」

→スモールゴールは「1日１分だけ勉強しよう」

というふうに、「易しめに設定」する。

少年A

なんか…足りない気がする…。

キノ

でも、これなら毎日できそうじゃない？

おすすめは「１分だけ勉強しよう」です。

1分だけ勉強しようと思って、狙ってもなかなか1分では終わらないから大丈夫です。

上にも書いた通り、人間の脳は今継続したことそのままを継続しようとする習性があるんです。

むしろ、僕たちの脳は継続しようとしたことを短時間でやめるときに労力が要ります。

スモールゴールは頭の中で思考し、『ターゲット行動』に移してくれるんです。

行動の先に習慣があるように、行動の前に思考があり、思考→行動→習慣というプロセスを踏むんです。

まんがで身につく続ける技術 /あさ出版/石田淳

posted with カエレバ

終わりに

まとめ

まんがで身につく続ける技術のまとめ

ターゲット行動（『不足行動』と『過剰行動』）は先行条件（理由）と環境で増やす（減らす）ことができる
協力者の協力でターゲット行動を増やそう（減らそう）！
習慣となるスモールゴールを設定しよう！

この記事が皆さんのスキルアップの助けになりますように。

では、また

ここまで見てくれてありがとうございました。

こちらもおすすめ↓

【体験談】ブログ初心者がBlog Hacksをレビュー【最初の目標は月20万！？】

2019年3月12日

【体験談】エンジニア初心者がSkill Hacks（スキルハックス）をレビュー【自走可能】

【初心者】30DAYSトライアルをやってみた⑦ ポートフォリオ編　18DAYS~20DAYS

kino — Sun, 19 Jul 2020 07:27:59 +0000

こんにちは、

前回の続きをしていきます。↓

【初心者】30DAYSトライアルをやってみた⑥ Bootstrap編2　15DAYS~17DAYS

2020年5月21日

Boostrap編が終わって、次はポートフォリオ編をやっていきましょう。

キノ

ポートフォリオとは、いろいろな意味があるのですが、

ここでは「クリエイターが自己紹介や自分の実績を載せて企業やお客様にアピールするもの」と捉えてください。

DAY18. 『HTMLテンプレートを使ってみよう＋自分のポートフォリオサイトを作ろう①』

DAY18. 『HTMLテンプレートを使ってみよう＋自分のポートフォリオサイトを作ろう①』
今日からスキルアップ中心の課題から『制作物の具体的なアウトプット』にシフトします👍
ここからが副業感でてくるところ❗️ファイト️です😎https://t.co/mTE5EE1n0k #30DAYSトライアル #30DAYSトライアル課題

— ショーヘー@東フリCMO (@showheyohtaki) September 25, 2019

ここから費用がかかります。

DAY18はポートフォリオ作るための有料テンプレート（約1700円）を入手しましょう。

僕は有料テンプレートのKerriを購入しました。

「ポートフォリオを実装する」経験を得ると考えれば、約２千円自己投資しましょう！

有料テンプレートを購入すると以下のメリットがあります。

有料テンプレートを買うメリット

・有料テンプレートのコードを見ると、自分のコーディング

・自分のレベル感が分かる

・商用利用可なので、テンプレートとして利用することができる

DAY19. 『自分のポートフォリオサイトを作ろう②』

DAY19. 『自分のポートフォリオサイトを作ろう②』
今日の作業としてはDAY18の続きです。新しい課題はないので、HTMLテンプレから効率的に学習する方法とメリット・デメリットを解説しました👍
ぜひ意識してみてください❗️https://t.co/A6NkRpOfWf #30DAYSトライアル #30DAYSトライアル課題

— ショーヘー@東フリCMO (@showheyohtaki) September 26, 2019

リンクのブログ記事に『上手い人が書いたコードを見て盗むこと』とありますが、

そのとおりで「有料のテンプレートってどのくらいのレベルなんだろう？」って僕はずっと考えていました。

有料テンプレートのコードを見ておくと、いざ、自分が実装するときに

少年A

このくらいやれば、金を貰える！

という自分の中で具体的な「指標」ができていきます。

DAY20. 『ポートフォリオを公開しよう』

DAY20. 『ポートフォリオを公開しよう』
今日はサーバー契約・ドメイン取得・FTPクライアントソフトのインストールを完了し、実際にDAY19までに作ったポートフォリオを公開してみましょう☺️
ついにネット上に「成果物」公開です‼️https://t.co/i2EvnFVWB5 #30DAYSトライアル #30DAYSトライアル課題

— ショーヘー@東フリCMO (@showheyohtaki) September 27, 2019

それをネット上に公開する費用（ドメイン代、サーバー代）

僕はこのブログのドメインがあったので、このブログのドメインを利用してサブドメインでやりました。↓

ちなみにエックスサーバーのX10プランを契約しました。

FTPソフト　Cyberduckを使ってみよう！

FTPソフトを使ってポートフォリオを公開しよう！

FTP(File Transfer Protocol)ソフトとは、クライアントとサーバーのデータ（HTMLとか）を受け渡しするために必要なソフトです。

Cyberduckは、シンプルな操作で直感的に理解できると思います（古臭いのがたまに傷ですが）。

キノのポートフォリオ

僕の例です。Kerri　テンプレートを編集して（といっても簡単なことばかり）、当時勉強してたHTMLやBootstrapやRubyのアプリのリンクを貼っています。

キノのポートフォリオ

このポートフォリオには、１年目に作った簡単なHTML（レスポンシブ対応あり）、見様見真似で作ったアプリがあります。

ぜひ、参考にしてください。

終わりに

お疲れさまでした！

今回は手順通りに進めていくだけだったので、話すことが少なかったと思います。

しかし、みなさんは初めてやる作業だったので戸惑われたかもしれません。

僕も当時、同じ気持ちで新鮮で楽しかったです。

エンジニアになる第１歩にしてみせる！と思っていました。

こちらもおすすめ↓

【体験談】エンジニア初心者がSkill Hacks（スキルハックス）をレビュー【自走可能】

The post 【初心者】30DAYSトライアルをやってみた⑦ ポートフォリオ編　18DAYS~20DAYS first appeared on kinoblog.

【初心者】30DAYSトライアルをやってみた⑥ Bootstrap編2　15DAYS~17DAYS

kino — Thu, 21 May 2020 04:51:43 +0000

こんにちは、

Ｂｏｏｔｓｔｒａｐ４フロントエンド開発の教科書ウェブ開発の知識とコツをしっかりマスター /技術評論社/宮本麻矢

前回の続きをしていきます。↓

【初心者】30DAYSトライアルをやってみた⑤ Bootstrap編　11DAYS~14DAYS

2019年6月6日

DAY15. 『Bootstrapを使ってビジネスLP制作③』

DAY16. 『Bootstrapを使ってビジネスLP制作④』

DAY15. 『Bootstrapを使ってビジネスLP制作③』
今日でデイトラ開始からちょうど半分です‼️
DAY15は、これまでの総集編としてHTML5/CSS3/Bootstrap4でのサイト制作です。Bootstrap編ももう少しで終わり🤗🎊

課題詳細👉https://t.co/cFJYpAh3yF #30DAYSトライアル #30DAYSトライアル課題 pic.twitter.com/6JypgCbk3e

— ショーヘー@東フリCMO (@showheyohtaki) September 22, 2019

DAY15はちょうど折り返し地点です。

動画の59:00まで

長いですね。

でも、踏ん張りどころです！

前回と同じクリエイターなので、要領は分かっていると思いますが

あえてここでいっておきます。

キノ

英語は無視していいと！

DAY16. 『Bootstrapを使ってビジネスLP制作④』
DAY15から引き続き、HTML5/CSS3/Bootstrap4でのサイト制作です💻
勉強時間を長めに取れるかた向けの勉強法も書いてるので、余裕があればぜひトライを☺️‼️

課題詳細👉https://t.co/ubW21IGah1 #30DAYSトライアル #30DAYSトライアル課題 pic.twitter.com/b5G4Qup62w

— ショーヘー@東フリCMO (@showheyohtaki) September 23, 2019

動画の59:00～最後まで

前回と今回でBootstrapは完璧に理解しました。

LPを２本作ったんですよ！

キノ

しかも、手打ちで！これは誇っていい！

（実際は、①Bootstrapの公式を見て、コピペする。

②用途に合わせて自分が作ったclassやidを付与してアレンジしていきます）

DAY17. 『HTML5/CSS3/Bootstrap4の復習』

DAY17. 『HTML5/CSS3/Bootstrap4の復習』
DAY13〜16までBootstrap4を使ったビジネスLP制作を進めてきました。
インプット多めだったので、今日はその復習に当ててください👍
デイトラ1stで1番の山場はもう越えました️‼️残り2週間も完走しましょう☺️#30DAYSトライアル #30DAYSトライアル課題 pic.twitter.com/vKSI266fs6

— ショーヘー@東フリCMO (@showheyohtaki) September 24, 2019

復習です！

ココ、大事なところです。

でも、ちょくちょく休憩していいですよ。難所はもう越えたので！

ここまでよく頑張りました！

Bootstrap Editor

Bootstrapを慣れるために、Bootstrap Editorをおすすめします。

これは、Bootstrap に慣れるために使えるツールです。

セーブやダウンロードできるので、自分が作った型を保存するのに便利！

Bootstrap Editorのメリット

・日本製ツールだから分かりやすい！

・インストールやログインなし！

・セーブやダウンロードできる！

・自分のエディターで動作確認する前に試し打ちができる

Bootstrapの本はこの1冊で十分！

さらにBootstrapを極めたい人はこちら↓

posted with カエレバ

終わりに

お疲れさまでした！

これでBootstrapは完璧です。

いつでも公式サイトを見て慣れてください。

Bootstrap公式

こちらもおすすめ↓

【体験談】エンジニア初心者がSkill Hacks（スキルハックス）をレビュー【自走可能】

The post 【初心者】30DAYSトライアルをやってみた⑥ Bootstrap編2　15DAYS~17DAYS first appeared on kinoblog.

堀江貴文さんの本「多動力」を読んでみた【感想・レビュー】

kino — Mon, 02 Mar 2020 08:49:37 +0000

こんにちは、

多動力全産業の“タテの壁”が溶けたこの時代の必須スキル [ 堀江貴文 ]

今日は堀江貴文さんの本、「多動力」を感想を書いていきます。

この「多動力」は、僕がブログやプログラミングをやるきっかけになった本なんですよ。

この本を書評しようと思ったのは、僕、去年まではやる気がなかったんですよ。

このままじゃダメだな。って思い、多動力を購入しました。

「多動力」は、やる気がでない人、

もしくはやる気があるのに恥ずかしがってできない人におすすめします！

少年A

いつも、読んでたよね！５回くらい？

キノ

お気に入りのページがあって、奮起しようとした時、読んじゃう感じですね！２０回じゃきかないくらいです！

posted with カエレバ

テスラ、トヨタに次ぐ時価総額世界2位に。日産は？ホンダは？

そもそも多動力って？

「多動力」がある人は、次から次に、興味が移り変わってしまい、まったくもって落ち着きがない。と書かれています。

これは、僕も身をもって知っているので、本を先へ先へと止まらなくなりました。

「やるべきことをしていないのに、やりたいことばかりしてしまう。」

多動力本来の意味は、こういう意味だったはずです。

しかし、堀江さんは「多動力」をこう定義しています。

「いくつもの異なることを同時にこなす力」

前時代的な価値観である、「一つのことをコツコツとやる」という考え方では、今の時代は対処できない。

インターネットによって、すべての産業がつながっています。

”タテの壁（昔の時代）”が溶けていく時代において「多動力」という考え方は私たちにとって大切な考え方です。

というのが堀江さんの言及したいことです。

多動力を読むメリット

多動力を読むメリットはやはり

「合理的な思考ができるようになる」ことです。

これによって、

・時間を無駄にしないですむ

・考え方が変わってフットワークが軽くなる

キノ

とにかく、行動的になれる！

行動的な思考になっているので、

自分の時間が増える！！

自分をレアな存在にしよう！

３つの肩書を持つ

”タテの壁”が溶けていく時代において、スキルが１つというのは不安ですよね。

オリンピックの選手は「１００万に１人」と仮定して

さずかに、全員が１つのことに対して「１００万に１人」になれませんが、

「多動力」によれば、１つのことに１万時間取り込めば誰でも「１００人に１人」の人材になれる。

ここで、別の分野で１万時間取り込めば、

「１００人に１人」✕「１００人に１人」＝「１万人に１人」の人材になり、

さらに飽き足らず、まったく別の分野にもう１万時間取り込めば、

「１００人に１人」✕「１００人に１人」✕「１００人に１人」＝「１００万に１人」になります。

スキルを掛け算すれば、オリンピックの選手と同等になれる。

もちろん、誰でも最初は掛け算を使うことはできません。

最初は誰でも（堀江さんも）足し算をずっと続けて、

スキルを大きくしていったんです。

ここで多動力の出番です！

3つのスキルを並行して勉強するんです。

キノ

参考に、僕はプログラミング、ブログ、デザイン絵をスキルアップしています。

こんな感じです↓

最初は目に見える成長が見えてこない。

だから、脱落者が出てくるんです。

キノ

↑ココ重要です！

あなたの思っている辛さも全員が味わっているんです！

このことを意識していると脱落しないで、「頑張ろう！」って気持ちになります！

ここで脱落しないで続けた場合、今度は掛け算を使うことができます。

なんとなくイメージできましたか？

ここで言っておきたいことは、「スキルはなんでもいい」ってことです。

今、自分が面白いと感じた分野のスキルを伸ばしていくんです。

Udemyとは？コスパよくプログラミングを学ぶ使い方と注意点

2019年8月15日

スティーブ・ジョブズはまさにこの典型です。

彼は意図的に「カリグラフィー（西洋習字）」と「コンピューター」を選んだわけではありません。

ただ好きだったのです。

彼は言いました。

「点と点は、先を見ながらは繋げない。過去を振り返ることで繋げるものだ。だからその点と点が将来繋がると、信じなければならない。自分の勇気でも、運命でも、人生でも、カルマでも、何かを信じなければならない。この方法で失敗したことはない。この方法は私の人生を変えてくれた。」

【保存版】勇気を与えてくれるスティーブ・ジョブズの名言24選

つまり、「カリグラフィー（西洋習字）」と「コンピューター」という一見何の関連もない点をつなげて、成功者になったんです！

最大のハードルは「恥」という感情

「他人にどう見られるだろう？」、「恥ずかしい」という感情が、

多動力をする上で最も邪魔になるものです。

堀江さんはこう言っています。

はっきり言おう。誰もあなたには興味がない。好きなように生きて、思いっきり恥をかこう。

恥をかく勇気、失敗する勇気さえもてば、どんどん免疫ができてリスクを取ることを恐れなくなる。

この勇気をもつことが何よりも重要なのだ。

キノ

この言葉を読んで、僕はブログとyoutubeで発信することと今通っている最中のプログラミングスクールに行く決断をしました。

仮に失敗しても…

この動画はイーロン・マスクさんが失敗する瞬間をとらえた動画ですが、

正直どうですか？（決してイーロン・マスクさんを批判したくて話題に出したわけではありません！）

「どうでもいい」とか

「ああ、一時は話題になってたよね。今は……うーん」ってなりませんか？

イーロン・マスクさんの知名度でもこれなんです。

ちなみにこの後、テスラ社は独フォルクスワーゲンを抜き、自動車メーカー２位になりました。

「誰もあなたには興味がない」のは真実です。

日本に限定してもそうです。

堀江貴文さんの犯罪なんて、今になって誰が気にするのでしょうか？

失敗しても、すぐに忘れる。

あなたにも、過去、知人友人が失敗したことを覚えているのでしょうか？

「恥ずかしい」という感情は主観であって、「恥」は自分だけのものです。

失敗を恐れないマインドにする4つの意識

プログラミング学習で失敗を恐れないマインドを作る4つの意識

2019年3月4日

多動力全産業の“タテの壁”が溶けたこの時代の必須スキル [ 堀江貴文 ]

posted with カエレバ

終わりに

まとめ

多動力のまとめ

・多動力とは「いくつもの異なることを同時にこなす力」

・多動力のメリットは、自分の時間が増えることと、それによってスキルが増えること

・レアな存在になるために多動力を駆使して、自分が面白いと感じたものを何でも試してみよう！

・「恥」は自分の主観あり、失敗しても他人はすぐ忘れる。

行動ができない方におすすめします！

では、また

ここまで見てくれてありがとうございました。

こちらもおすすめ↓

【体験談】ブログ初心者がBlog Hacksをレビュー【最初の目標は月20万！？】

2019年3月12日

【体験談】エンジニア初心者がSkill Hacks（スキルハックス）をレビュー【自走可能】

プログラミング初心者は入門書より動画がいい？独学の学習法を比較

The post 堀江貴文さんの本「多動力」を読んでみた【感想・レビュー】 first appeared on kinoblog.

Udemyとは？コスパよくプログラミングを学ぶ使い方と注意点

kino — Thu, 15 Aug 2019 09:19:58 +0000

Udemyとは

Udemyとは、購入すれば期限なしで視聴できる買い切り型のオンライン講座サービスです。プログラミングに限らず、デザインやマーケティングなど幅広いジャンルの講座が揃っています。

少年A

Udemyって名前は聞くけど、実際どんなサービスなの？

キノ

イメージとしては「YouTubeの有料スキルアップ動画版」って思ってもらうと近いかな

動画学習のメリットについては、以前こちらの記事でも触れています。

kinoblog

🕒️2019年8月7日

プログラミング初心者は動画から始めるのがおすすめプログラミング初心者は、いきなり分厚い入門書から始めるより、動画で全体のイメージを掴んでから学ぶ方が挫折しにくい傾向があります。これは、以前入門書だけで挫折した経験をもとにした実感です。プログラミング勉強するなら、まず本を買うべきなんじゃないの？自分は最初それで挫折した口だから、今から始めるなら動画を先におすすめしたいなぜ動画の方が理解しやすいのか心理学には「画像優位性効果」と呼ばれる考え方があり、文字だけの情報より、絵や映像を伴う情報の...

こんな人におすすめ

年収アップやキャリアチェンジのためにスキルを学びたい人
仕事に関連する資格取得やスキル獲得が必要な人
プログラミングスクールを検討しているが、まず費用を抑えて試したい人
気になる技術を試しに学んでみたい人

Udemyの価格帯とセールの仕組み

通常価格はコースによってばらつきがあり、数千円〜2万円台のものまでさまざまです。ただしUdemyは頻繁にセールを実施しており、セール期間中は定価から大幅に割引された価格で購入できることが多いです。

プログラミングスクールが1講座あたり数十万円かかることも珍しくないのに比べると、コストパフォーマンスの高さは大きな魅力です。ただし、セールの実施時期や割引率は変動するため、気になる講座を見つけたら一旦ウィッシュリストに入れておき、セールのタイミングで購入するのがおすすめです。

少年A

セールいつ来るか分からないと、買い時が分からなくない？

キノ

かなり頻繁にやってるから、気になる講座はウィッシュリストに入れて待つのがコツだよ

30日間返金保証で失敗しにくい

Udemyには、条件を満たせば購入から30日以内であれば返金を申請できる制度があります。動画教材は「買ってみないと自分に合うか分からない」という不安がありますが、この保証があることで気軽に試しやすくなっています。

▶ Udemy公式：返金ポリシー

講師の質は信頼できるのか

Udemyは受講生からの評価がそのまま講座の評価に反映される仕組みのため、講師同士の競争によって講座の質が向上しやすい構造になっています。多くの講師が実名や経歴を公開しているので、書籍の著者と同じような感覚で信頼性を確認できます。

購入前には、受講者のレビューで「内容が説明と違った」といった指摘がないかを確認しておくと、ミスマッチを避けやすくなります。

講師に質問できるサポート体制

Udemyでは、講座内のQ&A機能を使って講師に直接質問できます。返信の速さは講師によって差がありますが、数時間〜1日程度で返信をもらえたケースが多いです。独学は「詰まったときに聞ける人がいない」のが弱点になりがちですが、この機能があることである程度カバーできます。

Udemyとプログラミングスクール、費用感の違い

項目	Udemy	プログラミングスクール
費用感	セール時は数千円以下も多い	数十万円規模が一般的
サポート	Q&A機能で講師に質問	メンターに直接質問・伴走支援
学習ペース	自分次第（自由）	カリキュラム・期限あり

「まず低コストで独学を試してから、必要ならスクールで環境ごと変える」という順番で検討するのも一つの選択肢です。

実際に購入してみた感想

実際にプログラミング系の講座をいくつか購入してみましたが、動画は本よりも挫折しにくいと感じています。文字だけの入門書は理解できても、実際に手を動かすタイミングでつまずきやすい一方、動画は講師の操作をそのまま真似できるので、手を止めずに進めやすいのが大きな違いでした。

よくある質問

Q. Udemyの講座に受講期限はありますか？
A. 基本的に期限はなく、購入すれば何度でも見返せます。

Q. セールはいつ行われますか？
A. 時期は不定期ですが、頻繁に実施されています。気になる講座はウィッシュリストに入れておくと、セール時に気づきやすくなります。

Q. 返金はどんな場合でもできますか？
A. 購入から30日以内かつ、Udemyの返金ポリシーの条件を満たす場合に申請できます。詳細は公式の返金ポリシーページを確認してください。

まとめ

Udemyは期限なしで見返せる買い切り型の動画講座サービス
セールを狙えば、プログラミングスクールに比べて圧倒的に低コストで学習できる
30日間返金保証やQ&A機能があり、独学のデメリットをある程度カバーできる
まず低コストで試してから、必要に応じてスクールを検討するのも一つの進め方

The post Udemyとは？コスパよくプログラミングを学ぶ使い方と注意点 first appeared on kinoblog.

プログラミング初心者は入門書より動画がいい？独学の学習法を比較

kino — Wed, 07 Aug 2019 10:20:36 +0000

プログラミング初心者は動画から始めるのがおすすめ

プログラミング初心者は、いきなり分厚い入門書から始めるより、動画で全体のイメージを掴んでから学ぶ方が挫折しにくい傾向があります。これは、以前入門書だけで挫折した経験をもとにした実感です。

少年A

プログラミング勉強するなら、まず本を買うべきなんじゃないの？

キノ

自分は最初それで挫折した口だから、今から始めるなら動画を先におすすめしたい

なぜ動画の方が理解しやすいのか

心理学には「画像優位性効果」と呼ばれる考え方があり、文字だけの情報より、絵や映像を伴う情報の方が記憶に残りやすいとされています。プログラミングも、実際にエンジニアが画面を操作しながらコードを書いていく様子を見た方が、「何をしているのか」のイメージが掴みやすいと感じています。

特に初心者のうちは、エディタの使い方やターミナルの操作といった「本には書きづらい細かい動き」でつまずきやすいので、その点でも動画は相性がいいです。

動画学習のメリット

実際の画面操作を見ながら学べるので、環境構築やエディタ操作でつまずきにくい
倍速再生ができるサービスも多く、時間の融通が利く
講師の説明の間（ま）や強調から、重要なポイントが直感的に分かりやすい

入門書にも意味がある理由

動画をおすすめしつつも、入門書がまったく不要というわけではありません。文字として整理された情報は、頭の中の知識を体系立てて整理するのに向いています。動画で「なんとなく分かった」状態のものを、本を読むことで言語化し直すと、理解が一段深まる感覚があります。

ただし、初心者のうちから分厚い入門書に手を出す必要はなく、あくまで動画で得たイメージを補強する位置づけとして、軽めの入門書を併用するくらいがちょうどいいと感じています。

初心者向けの入門書の見分け方

入門書といっても難易度はさまざまです。以前挫折した入門書はページ数が多く余白がほとんどないタイプで、初心者にはハードルが高すぎました。

易しい入門書：余白が多く、図解でプログラミング全体の流れがイメージできるもの
難しい入門書：活字がぎっしり詰まっていて、前提知識がある人向けに書かれているもの

目安として、2週間ほどで（分からない部分は飛ばしながらでも）2〜3周できるボリュームの本を選ぶと、挫折しにくいです。

動画・入門書・スクール、結局どれが一番効率的か

方法	費用感	向いている人
動画教材	数千円〜（セール時は割安）	まず全体像を掴みたい人
入門書	数千円	動画で得た知識を整理したい人
プログラミングスクール	数万円〜数十万円	独学でつまずいた経験がある人、転職まで期限がある人

独学（動画＋入門書）は費用を抑えられる一方、疑問点を自分で解決する必要があります。「調べても分からない」状態が続いて挫折しそうな場合は、スクールで質問できる環境を作るのも一つの選択肢です。

実際にやってみて感じたこと

以前挫折した入門書を、別の教材で基礎を学んだ後にもう一度読んでみたところ、驚くほどすんなり頭に入ってきました。同じ本でも、先に動画でイメージを作っておくかどうかで、理解のスピードがまったく違うと実感した出来事です。

少年A

同じ本なのに、そんなに変わるものなんだ

キノ

うん。前提のイメージがあるかないかで、文字の入り方が全然違ったよ

よくある質問

Q. プログラミング初心者はまず何から始めればいいですか？
A. まずは動画教材で全体のイメージを掴み、そのあと軽めの入門書で知識を整理する順番がおすすめです。

Q. 入門書は不要ですか？
A. 不要ではありません。動画で得た感覚的な理解を、文字として言語化し直すことで理解が深まります。順番の問題です。

Q. 独学とスクール、どちらがいいですか？
A. 費用を抑えたいなら独学、疑問点をすぐ解決できる環境が欲しい・転職までの期限があるならスクールが向いています。

まとめ

初心者はまず動画で全体像を掴んでから、入門書で知識を整理する順番がおすすめ
入門書は「余白が多く流れが分かるもの」を選ぶと挫折しにくい
独学で行き詰まりを感じたら、スクールで環境ごと変える選択肢もある

初心者のうちは、プログラミングという未知のものに対して漠然とした不安を感じやすいものです。まずは動画で「エンジニアが実際に何をしているか」を見て、少しずつイメージを具体化していくのがおすすめです。

The post プログラミング初心者は入門書より動画がいい？独学の学習法を比較 first appeared on kinoblog.

【初心者】30DAYSトライアルをやってみた⑤ Bootstrap編　11DAYS~14DAYS

kino — Thu, 06 Jun 2019 04:00:06 +0000

こんにちは、

【体験談】エンジニア初心者がSkill Hacksをレビュー【自走可能】

11DAYS~14DAYSは環境設定編を終わって、次はBootstrap編に行ってみましょう。

個人的にBootstrap編は楽しかったです（英語抜きにすれば）。

というのも僕はBootstrapを以前から学んでいるんですよ↓。

少年A

なんでBootstrapを勉強するんだ？

それはですね

Bootstrapを学んでおけば、ボタンとか、ナビバーとかが簡単に実装することができるからです。

プログラマーやエンジニアが

余計な負担をかけずにコーディングをしたいと思っています。

そんなとき、Bootstrapを使えば負担が急激に減るでしょう。

詳細は下記に↓

Bootstrapってなんなの？

さて、そもそもBootstrapとは何でしょうか？

元々はあのTwitter社が開発したCSSフレームワークです。

フレームワークとは

ボタンを思い浮かべてください。

皆さんが思い浮かべているボタンは、デザインが変わっているだけで、

基本的な機能は大きな違いはないと思います。

「ボタンがあってそれを押すと何かが起動する」って感じです。
こんな皆さんが思っている当たり前なことをHTMLで１からコーディングするのって面倒くさいですよね。

フレームワークはそれを解決してくれるありがたいものなんです。

「ボタンがあってそれを押すと何かが起動する」
この「ボタンがあってそれを押す」ところをCSSを使わずに実装することができます。

フレームワークは以下の言い換えることができます。

フレームワーク

骨組み、テンプレート、雛形、….etc

どうでしょうか。イメージつきましたでしょうか？

テンプレートがもうすでにあって、僕たちはテンプレートに装飾するだけでいいんですよ。

Bootstrapは数あるwebフレームワークの中で最も選ばれているフレームワークです。

DAY11. 『Bootstrapの基本を学ぼう』

DAY12. 『Bootstrapでレイアウトを作ろう前編』

DAY11. 『Bootstrapの基本を学ぼう』
デイトラも1/3を突破👏スゴイ🎉
ここまで来たら完走しましょ‼️
️
今日からは、最も有名なCSSフレームワークの一つ『Bootstrap』を使ったコーディングを学びます。まずは基本を抑えましょう！

課題内容はこちら👉https://t.co/rYeDi2XTq7 #30DAYSトライアル pic.twitter.com/hj0YCLkmfA

— ショーヘー@東フリCMO (@showheyohtaki) September 18, 2019

DAY11. 『Bootstrapでレイアウトを作ろう前編』
昨日学習したBootstrapの基礎知識を使って、サイトを作っていきます‼️
ドットインストールの『Bootstrap 4入門』コースのレッスン#10〜#15までやりましょう👍

DAY12. 『Bootstrapでレイアウトを作ろう前編』
昨日学習したBootstrapの基礎知識を使って、サイトを作っていきます‼️
ドットインストールの『Bootstrap 4入門』コースのレッスン#10〜#15までやりましょう👍

課題詳細はこちら👉https://t.co/rQ5n0z9E2B #30DAYSトライアル #30DAYSトライアル課題 pic.twitter.com/NqK4ODWLMs

— ショーヘー@東フリCMO (@showheyohtaki) September 19, 2019

ドットインストールで『Bootstrap 4入門』を観て勉強しましょう！

ドットインストールはProgateよりも教材数が多く、

無料の枠でも学べることが多いので今後もお世話になると思います。

ブックマークを推奨します！

次はGridレイアウトです。

現在では、パソコンじゃなくスマートフォンやタブレットで見る人が増えました。

Gridレイアウトはスマートフォンやタブレットの幅に合わせてくれるものです。

これも、Bootstrapで簡単に作れちゃうんです。

初心者がよくやるミス

CSSとBootstrapを読み込む時、

必ずCSSは下に置くこと、

なぜならどのプログラム言語やマークアップ言語でも、上から下に読み込むからです（これを順次処理と呼びます）。

例として、僕はCSSはタイトルの下に配置して置くと決まっています。



　　　　　　　　　　　　　　　　　　（中略）

これがもし逆ならCSSがBootstrapに上書きされてしまいます(これを順次処理といいます)。

基本的にCSSは下に配置して置くのが無難です。

DAY13. 『Bootstrapでレイアウトを作ろう後編＋Bootstrapを使ってビジネスLP制作①

DAY14. 『Bootstrapを使ってビジネスLP制作②

DAY13. 『Bootstrapでレイアウトを作ろう後編＋Bootstrapを使ってビジネスLP制作①』
DAY13はドットインストールを終わらせ、YoutubeのBootstrapチュートリアルでLP制作に入っていきます。今日は39:00まで進めましょう💻

課題詳細👉https://t.co/9dNMQLnwyd #30DAYSトライアル #30DAYSトライアル課題 pic.twitter.com/HFigrVbeh8

— ショーヘー@東フリCMO (@showheyohtaki) September 20, 2019

３日間続いたドットインストールで『Bootstrap 4入門』レッスン#16〜#22クリアです！！

DAY14. 『Bootstrapを使ってビジネスLP制作②』
今日でデイトラ開始から2週間です‼️初めてコードに触れてから2週間でここまで来たって本当にすごい🎉
デイトラはまだ続きますが、まずは2週間お疲れ様でした☺️

今日の課題はこちら👉https://t.co/MYofuAgdfc #30DAYSトライアル #30DAYSトライアル課題 pic.twitter.com/egop0cdNlz

— ショーヘー@東フリCMO (@showheyohtaki) September 22, 2019

YouTubeで英語の動画を観てコーディングです。

DAY13. 動画の39:00

DAY14.最後まで

少し長いですが、

ただ観たままコーディングするだけなので（英語は無視で、じゃないと疲れます）、

「海外でも、同じなんだ」という感想を持っていただければこの課題は完了です。

急に理解できなくても、大丈夫です。

使っていくうちに慣れていきますから。

終わりに

お疲れ様でした。

containerクラスとrowクラス、text-centerクラスはよく使うので自分でググって理解するのをおすすめします。

Bootstrapは、

「あるクラスは既に修飾されたものがあって、自分がCSSに何も書かなくてもいいんだ！」という理解で大丈夫です。

では、また

ここまで読んでくれてありがとうございました。

次回はこちら↓

【初心者】30DAYSトライアルをやってみた⑥ Bootstrap編2　15DAYS~17DAYS

2020年5月21日

こちらもおすすめ↓

【体験談】エンジニア初心者がSkill Hacks（スキルハックス）をレビュー【自走可能】