プログラミング学習初心者のための情報メディア
こんにちは、Proglus（プログラス）運営事務局です。
動画でプログラミングを学べるサービスProglusを、いつもご利用いただきありがとうございます。
新コース「ウェブ開発の概要を知ろうを2022/3/3に公開いたしましたので、お知らせいたします。
無料プランとプレミアムプランで学習できます。
今後も受講生の皆さんがよりよい学びを得られるように、コース・カリキュラムの拡充を進めてまいります。
ぜひ、ご期待ください
オンライン学習サービスProglus（プログラス）でプログラミングを学び、創れる人になろう！
プレミアムプランを2週間無料体験しよう
今すぐ詳細を確認する
プログラミング用語としての「フレームワーク」という言葉、知っていますか？
「フレームワークを使えばサクサク開発ができるよ」とか「Ruby on Railsを使えば簡単にWebサービスを作れる」といった文脈を耳にしたことがあるかもしれませんね。
「なんとなく便利なものというイメージはあるけれど、実際はどんなものなんだろう？」
そんな疑問に答えるべく、この記事では初心者の方にもわかりやすくフレームワークについて解説します。
まず、フレームワークとは「プログラミングでよく使う汎用的な機能をまとめて使いやすくした枠組み」のことです。
この説明だけではピンと来ないと思いますので、詳しく見ていきましょう。
よくプログラミングは料理に例えられます。とある「ECサイトを作ること」を「酢豚を作ること」と例えてみましょう。
ECサイトには「ログイン機能」「商品一覧表示機能」「決済機能」等が必要です。（本来はもっといろんな機能が必要ですが今は気にしないでください。）
かたや、酢豚をざっくりパーツ化すると「揚げた豚肉」「一口大の野菜」「甘酢あん」となり、これらを炒め合わせて完成となります。
このように設計書（料理ならレシピ）に基づき全体をいくつかのパーツに分けてそれぞれを作り上げ、組み合わせて完成させるというところが似ていますね。
酢豚をイチから作る場合は「揚げた豚肉」ひとつをとっても、豚肉を必要な分買ってきてカットし下味をつけてから粉をまぶし、高温の油でカリッと揚げて…といった多くの作業が必要です。
最近は忙しい現代人のために「お手軽料理キット」（ミールキットとも呼ばれます）というものがあります。これは料理を作るために必要な分の材料がある程度調理された状態で提供され、最後の仕上げをするだけで完成するという代物です。
酢豚ならば「揚げた豚肉」「一口大の野菜」「甘酢あん」が完成した状態でパック化されていて、あとはフライパンでこれらを炒め合わせるだけですぐに食べられます。
フレームワークはまさにこのミールキットのように「ログイン機能」「商品一覧表示機能」「決済機能」といったパーツがすぐに使える形で提供されていて、開発者はこれらを適宜組み立てていくだけでWebサイトを作ることが可能です。
冒頭の繰り返しですが、改めてフレームワーク とは「プログラミングでよく使う汎用的な機能をまとめて使いやすくした枠組み」であるということがなんとなくイメージしやすくなったでしょうか。
ここで、ライブラリという言葉をご存知の方は「なんだかライブラリと似ているけれど、何が違うんだろう？」と思われたかもしれません。
ライブラリとは「汎用的な機能をまとめたもの」なので、まさにフレームワークの定義と似ていますが、フレームワークと比べて少し規模の小さいものを指します。
そのため、フレームワークはライブラリを集めたものと考えてください。
先ほどの酢豚の例えでいうと、「酢豚の素」くらいのレベル感になります。
ライブラリを使えばイチからプログラミングするよりは楽にできるけれど、フレームワーク（料理キット）よりは自分で手を動かす手間がかかるということです。
大人気のフレームワークですが、メリットもあればデメリットもあります。
まずはメリットを見てみましょう。
これは言わずもがなですが、よく使用される機能が提供されているので開発効率が格段に上がります。
大きなソフトやシステムを開発する時、複数人でコーディングをすることがあります。
一つのフレームワークに則って開発すれば、バラバラに書いたとしてもコードに統一感が出て、何をやりたい部分なのかが読みやすくなります。
上記の理由からレビューしやすくなるため問題のある箇所を見つけやすくなりますし、予め提供されている機能を使うため凡ミスも減らせてバグの数を軽減できます。
便利なフレームワークですが、デメリットの方も確認しておきましょう。
フレームワークを使うにはその方法を学ばなければなりません。例えばRuby on Railsというフレームワークを使う場合、そのベースとなっているRuby言語の文法だけを知っていても使えません。
新たにRuby on Rails自体の文法を学ぶ必要があります。
例えばRuby自体をよく知らないままにRuby on Railsから学習を始めてしまうと、楽に開発はできるものの自分が便利に使っている機能の内部ではどういった処理をしているのかわからないままになってしまいます。
初心者にとってはフレームワークからではなく、基礎の言語の方から学ぶことが望ましいです。
便利な機能がたくさんあり、Webサービスの完成までに必要な枠組みが揃っているということは逆に自由度が下がるということです。
用意された枠組みから外れるような機能は載せられないという制約があります。
ここで実際に人気のあるフレームワークをおすすめの入門講座とともにいくつか紹介します。
Rubyという言語はWeb開発で非常に人気がありますが、このRubyで書かれたフレームワークとしてRuby on Railsがあります。
MVCモデルという設計思想に基づいていて、メンテナンス性の高いWebサービスを開発するのに有用です。
はじめてのRuby on Rails 7 入門｜Proglus（プログラス）
JavaScriptでの開発を加速するフレームワークがVue.js（読み：ビュージェイエス）です。
手軽にリッチなWebサイトを作ることができます。
はじめてのVue.js 3入門｜Proglus（プログラス）
Nuxt.js（読み：ナクストジェイエス）は先述のVue.jsをさらにまとめたフレームワークです。
サーバーサイドレンダリング（SSR）という機能を持つのが特長で、通常はブラウザ上で実行されるJavaScriptをサーバー側で実行することで表示を高速化することが可能です。
Webサイトのレイアウトやデザインを整えるための言語であるCSSのフレームワークとしてBootstrap（読み：ブートストラップ）は非常に人気があります。
特に、パソコンやスマホなど様々な画面サイズに対応するレスポンシブデザインのサイトを手軽に制作することが可能です。
Bootstrap5の基本を習得しよう｜Proglus（プログラス）
フレームワークについて解説しました。
まずは基礎となるプログラミング言語の習得が優先ですが、ある程度基礎的なことがわかったらフレームワークについても学び始めることをおすすめします。
フレームワークを使うと圧倒的に開発スピードが上がるため、導入されていない現場はほぼ無いといえるからです。
この記事で挙げたフレームワークの講座はどれも入門レベルで、基礎の言語を学び始めた初心者の方からも人気の内容となっています。
基礎を学びつつ早い段階から現場力も身につけたい方はぜひチェックしてみてください。
オンライン学習サービスProglus（プログラス）でプログラミングを学び、創れる人になろう！
プレミアムプランを2週間無料体験しよう
今すぐ詳細を確認する
映画やドラマに出てくるハッカー等のイメージから、初心者の方はなんとなく「プログラミングする時って、すごい速さでタイプするんだろうな」と思っていらっしゃるかもしれません。
実際にプログラミング言語に慣れてくれば文法が頭に入っているので何も見ずにカタカタと打ち込むことができますが、初心者の場合はそうはいきません。
参考書や教材を何度も見ながらコードを打ち込んで、エラーが出てはまた見直して…という非常に泥臭い作業を通して覚えていくことになります。
この過程こそが重要ではあるのですが、思い描いていたプログラミングの像とあまりにかけはなれていることに絶望し、挫折感を味わう人も多くありません。
そんな挫折を避けるためにぜひおすすめしたいのが「プログラミングの写経」です。
「写経って、あのお寺とかでお経を一文字ずつ書き写すあれ？」と思われた方、まさにそれです！
この記事ではなぜ写経がおすすめなのかの説明や、効果的な実施方法を紹介します。
プログラミング初心者の方の挫折を避ける一助になれば幸いです。
「プログラミングの写経」とは、まさにお経の写経と同じくサンプルコードを一文字ずつ書き写していくことです。
小学生の時に漢字を覚えるためにドリルに漢字を書いたり、英単語帳を作って覚えたりしたと思います。
このように「書き写して覚える」という方法は新しいことを習得する際にとても有効なのですが「もう大人なのだからもっと効率よくやりたい」「基礎を本で叩き込んだ後に自分でオリジナルコードを書いて実践した方がスマートだ」と思われる方も多いようです。
もちろんそれが自分に合っていて問題なく学習が進んでいるのであれば非常に素晴らしく、ぜひその方法を続けていただきたいのですが、中にはなかなかうまくいかずに挫折してしまうケースもあります。
「急がば回れ」のことわざの通り、効率がよくないと感じても結局はかなり効率の良い学習方法といえるのが写経です。
理由を見ていきましょう。
一番の理由はこれです。動くことが保証されているサンプルコードを書き写して実行するだけなので、比較的さくっと動かすことができます。
プログラミング学習を挫折してしまうパターンで最も多いのが「エラーが多すぎて心が折れる」ことです。
書き写しさえできれば動くのと、もし動かなかったとしてもオリジナルのコードではなくサンプルコードなので、その提供者へ原因を質問することができます。
「なんで動かないんだろう…」と悶々と過ごす時間を短縮し、その分次に挙げる重要な学習に時間を割けるわけです。
これは精神衛生上非常にいい効果があります。
プログラミング言語は多く存在していて、それぞれ文法やお作法が異なります。
やりたいこと（コンピュータに命令を出して思い通りの処理をさせる）は同じなので、基本的なコンセプトや全体感は似ていますがそれでもかっこの書き方や記号（カンマ、ピリオド、コロン等）の意味合い等、細かい部分が違うのです。
写経をすることで全体の雰囲気を素早く掴み取ることができます。
ある言語に熟練した上級プログラマーでも、別の新しい言語を学ぶ時にはまずドキュメント等に記載されているサンプルコードに目を通してこの雰囲気掴みから始めることが多いです。
一文字ずつ書き写すことで、細かい部分にまで意識が回ります。
なぜこの部分でかっこが必要なのか？
さっき書いたところと同じような処理に見えたけどなぜ今回は書き方が違うのか？
ここで書いたコロンにはどんな意味があるのか？
そんなことを考えながら書き、実際にプログラムを動かしてみることでどんな意味があったのかを理解できるのです。
実行するだけでは理解できなくても、疑問に思った部分を後から消してみたり変えてみたりするとまた挙動が変わるので、サンプルコードからの「足し引き」でいろいろなことが学べます。
それでは、実際にプログラミングの写経はどのように行うのが効果的なのでしょうか。
お経の写経は紙と筆で行いますが、プログラミングは動かしてからが本番ですので、必ず動かせる実行環境を用意して行いましょう。
写経する→実行する→エラーが出たら確認→再実行
という流れを、プログラムが動くまで行うのが肝要です。
エラーが出てもくじけたり投げ出したりせずに自力で解決しましょう。
エラー文は「コードの何行目にどんな問題があるか」が英語で出ることが多いですが、英語がわからなくてもそのエラー文をコピー＆ペーストしてWeb検索すればたくさんのヒントが手に入ります。
そのヒントを元に、自分で何がおかしいのか考えたりサンプルコードと何が違うのかを確認しながら解決しましょう。
プログラマーにとってエラー解決能力は非常に重要で、どんなに上達した人でもエラーが出ない日はないといってもいいほどです。
エラーを自力でさくっと解決できるよう、今のうちから鍛えておきましょう。
もちろん、自力でやってもわからない場合は最終的にまわりの人に聞いてみてください。
写経は「書き写すだけ」なのですが意外と一発では実行成功しないことが多いです。
スペースが足りなかったり、書き順を間違えていたり、スペルミスがあったり…
元のサンプルコードと一文字違うだけでも失敗してしまいます。
実行に成功するまではそういった細かい記述に集中して文法を習得していきますが、見事動いた後はぜひ細かい部分をちょっと変更（チョイ変）して挙動がどうなるのか試してみてください。
ただ他人が作ったコードを書き写すだけでは実行の喜びを味わえても自分で書いた気がしなくてつまらなく感じてしまうものです。
ここに自分なりの変更を入れることで初めて「自分のコードが動いた！」という実感が出てくるだけでなく、サンプルコードをベースにいろんなパターンの実行例を体験することでより発展した学びにつながります。
写経するサンプルコードの選び方も非常に重要です。
すでに学びたい言語が決まっている場合を除けば、まずはどんな言語から学習に入ればいいのかな？と悩んでいる方も多いでしょう。
実行環境の構築が容易かつ実行結果を目視で確認しやすい言語、具体的にはHTML やCSS、JavaScriptあたりがおすすめです。
これらはWeb開発のための言語なので、マスターしたらWeb開発に役立てることができるというメリットもあります。
その言語の入門書にはサンプルコードがたくさん書いてあります。
実行環境が整っていればそういった書籍を購入するのが良いでしょう。
もしパソコンが手元にあるだけだ…という方は、プログラミング講座の受講がおすすめです。
講座では実行環境の構築から説明があるため初めてでも簡単に導入できます。
また、サンプルコードを実行する際に講師と全く同じ環境で動かすことができるため、やっかいな問題の一つである「実行環境の違いによるエラー」が発生しにくいです。
プログラミングを学ぶにあたり本質でない部分に費やす時間を減らすことができます。
下記の講座はサンプルコードも豊富で、初心者の方に特におすすめです。
プログラミングの写経を初心者の方に強くおすすめする理由と、効果的な実施方法について紹介しました。
簡単にできる割には学習効果が非常に高いですので、ぜひ試してみてくださいね。
オンライン学習サービスProglus（プログラス）でプログラミングを学び、創れる人になろう！
プレミアムプランを2週間無料体験しよう
今すぐ詳細を確認する
みなさんはプログラミングの学習を始めるにあたって、どんなことを目標にしていましたか？
きっとプログラミングを習得して何かやり遂げたいことがあったはずです。
ワークライフバランスを改善するために在宅でできる業種に就くこと、ストレスの少ない独立業としてやっていけるスキルを身につけること、他にも様々あるかもしれませんね。
しかしながら、学習が思ったように続けられず挫折してしまいそうになるというお悩みもよく耳にします。
せっかくやりたいことがあってプログラミングを学習しているのに、もったいないですよね。
この記事では、挫折せずにプログラミング学習を続けるためのコツを解説します。
やりたいことが明確でない場合、途中で「何のためにやっているんだろう？」という気持ちになって続かないことは多いです。
「なんとなく流行っているからプログラミングを始めてみた」「趣味の一環でやってみた」といったような場合、余程楽しくのめり込めるような人でないと継続できません。
しかし、冒頭のように具体的な目標や「こうなりたい！」という姿が描けているにも関わらず挫折してしまう方も一定数いらっしゃいます。
これは一体なぜなのでしょうか。
まず、短期間での動機付けや気力といったところが不足してしまい、十分なやる気が出ないことがあります。
特にプログラミング学習は冒頭の例のように「次の職に就くこと」を目標としている方が多いので、どうしても本業との兼ね合いで気力や体力が不足してしまいがちです。
「今日は残業で疲れたし今から勉強するのはちょっと…」
「この講座をやりきれば次に進めるのはわかっているんだけど、何だかやる気が出ないんだよなぁ」
といった気持ちになったこと、あなたもきっとあるはずです。
人が普通に生活するための睡眠・食事・入浴にかかる時間と、仕事の業務時間・移動時間を全て合わせるとおおよそ20時間ほどになります。
単純に考えて4時間ほどは学習に充てられるはずですが、とてもそんなに自由時間があるように感じられない方も多いはずです。
帰宅直後は家の用事等やることが多くて自由時間が細切れになっている場合や、起床直後に時間を取ってみたものの頭が働きだすまでに時間がかかったり、就寝前は眠気が襲ってくる、といったケースもありますね。
例えば子育て中のパパ・ママは子どもが横にいる状態ではとても学習に集中できませんよね。
一人暮らしであっても、特に都心に住んでいる方などでは家がそんなに広くなくすぐ横にベッドがあったり、デスクとチェアが揃っておらず地べたでパソコン作業をせざるを得なかったり…といった理由ですぐにゴロゴロしてしまうといったこともあるでしょう。
他にも様々な環境的な要因で集中を削がれることも学習が捗らない原因の一つのようです。
では、これらの要因に対処して挫折を防ぐにはどうすればよいのでしょうか。
まず、モチベーションを高く保つには下記のポイントを押さえるのがおすすめです。
1年以上かかるような長期目標を掲げてしまうと、なかなか自分自身の力でモチベーションを保つのが難しいことがわかっています。
これに対処するには、数ヶ月単位で達成できかつ客観的な目標を作るのが良いでしょう。
挫折せずに続けられている人は、資格の取得や競技プログラミングなどをこのために活用していることが多いです。
自分一人でやみくもに頑張っていると挫折しやすいです。
プログラミング講座を受講している方は、学習したら講師への報告を習慣化するのもいいかもしれません。
独学の場合は友達や家族に報告するのでもいいですし、同じ目標に向かう人を匿名マッチングし応援し合うアプリもあるので、こういったものを活用するのもいいですね。
「朝活」という言葉が流行っていたり「早起きは三文の得」ということわざがあったりするので、朝早く起きて学習時間を確保しようとする方が多いようです。
これでうまくいくケースも確かにあるのですが、挫折につながることも少なくはありません。
元々朝が苦手な方に不向きなのはもちろん、そうでなくとも普段の生活ペースを崩すわけですから、最初はうまくいっているように見えても徐々にストレスが溜まってきてしまいます。
一番重要なのは、自分の日々の生活を見つめてどこがベストに集中しやすい時間帯なのかを見定めることです。
もしもテレビをみたり読書をしたりするのに当てていた時間があれば、そこが狙い目でしょう。
もちろんある程度の娯楽は必要なので、初めからごっそりと学習時間に変えてしまうとストレスを感じて挫折しやすくなってしまいます。
例えば2時間、娯楽の時間があったならば半分の1時間はプログラミング学習をやってから娯楽時間を開始する、といったように徐々に慣れていくと良いでしょう。
子育てや家の状況など、環境によるものが学習阻害の原因となっているならば、なかなかそこを改善するのは難しいと思ってしまうかもしれません。
でも諦めるのは尚早です。
例えば1日2時間を学習に充てると決めたのならば、その時だけカフェに行ったり子どもを預けるかシッターを呼ぶなどすれば、環境を変えることができます。
今は個人で契約できるシェアオフィスも充実してきているので、そういったところに行ってみるのも良いかもしれません。
当然多少のお金がかかるため、その投資を回収するためにもより集中しようという気力がわいてくる効果も期待できますね。
プログラミング学習で挫折しないための方法を紹介しました。
せっかく心に決めた目標があるのに、挫折してしまうのは非常にもったいないですよね。
なるべく無理のないレベルで始めて、徐々にギアアップしていきましょう！
オンライン学習サービスProglus（プログラス）でプログラミングを学び、創れる人になろう！
プレミアムプランを2週間無料体験しよう
今すぐ詳細を確認する
プログラミング学習をしていると、必ずわからないことやどうしても解決できない問題が出てきますよね。
こんな時、プログラミング講座を受講していれば講師に質問できますし、独学の場合でもWeb上のコミュニティで質問を投げ掛ければ誰かが答えてくれるのがインターネットのいいところです。
しかし、質問をしても「もう少し詳しい状況説明がないとわかりません」等と逆質問を受けたり、何だか講師の人と噛み合わなくて何度もやりとりをしたり…といった経験はありませんか？
それ、もしかするとあなたの質問のしかたに問題があったのかもしれません。
この記事ではプログラミングにおける正しい「質問のお作法」を解説します。
質問のお作法が身に付けば、自分や相手の時間を無駄にせず効率的に問題解決できるようになるので、これまで意識したことがなかった方はぜひご一読ください。
「第○○回目講座のコードを自分でも書いて実行してみましたが、エラーになってしまいます。どうすれば解決できますでしょうか？」
よく目にするタイプの質問ですが、実はこれは悪い質問の典型例です。
何がいけないのでしょうか。
「どうなっていたら成功なのか？」（何がしたいのか）の部分がありません。
この質問では講座を指定しているので講師には詳しく書かなくても伝わる可能性はありますが、自由入力に対して何らかの処理をして返すようなプログラムだったりすると、質問者が一体何を入力してどんな結果を想定していたのか見当がつきませんよね。
ここがわからないとその後の話がこじれてしまいます。
ひとことに「エラー」といっても様々な種類があります。
変数への参照エラー、指定されたパスにファイルがない、無限ループ等、枚挙にいとまがありません。
プログラムに問題があるのか、実行環境に問題があるのか、その切り分けですら手がかりがないので何のアドバイスもできないことになってしまいます。
一般的に「何かわからないことがあればすぐに人に聞く」のが良しとされる業界もありますが、プログラミングやITの業界では「検索サイトで調べてすぐに出てくるようなことは人に聞かない」「15分くらいは試行錯誤してみる」のが最低限のマナーとされています。
「知を集約してタスクを効率化し人々を単純作業から開放する」ことこそがプログラミングの最終目的であり、それに反することは好まれないからでしょう。
自分で試行錯誤した内容とその結果が書かれていないため、どこが悩みどころなのか？が伝わりにくくなっています。
先述のポイントを一言でまとめると、質問してから解決までの間にだらだらと時間がかかってしまうのが特徴です。
もちろん、質問した内容自体が難解なテーマでありその解説に時間がかかってしまうこともありますが、そのような場合は本質的な部分に時間をかけているので問題ありません。
質問を受けた側が「何がわからないのか？」「どんな答えを求めているのか？」を把握するための本質的でないコミュニケーションの部分に時間がかかってしまうのが問題なのです。
プログラミングの業界では特にロジカルな人が多いため、質問をした時にゴールの明確化や課題の言語化、問題の切り分けといった部分が甘いと「できないプログラマーだな」とレッテルを貼られてしまうことがあります。
教えることや説明すること自体は、それを通して自身の理解を深めたりすることもできるため好きな人が多いです。
そのためこれらがきちんとできていれば好意的に教えてくれますが、できていなければ「またこの人か…」と嫌な顔をされてしまうかもしれません。
先輩方を困らせないためにも、現場に出る前の今のうちから質問のお作法を身に付けておくのがとても重要です。
それでは、どんなことに気をつければいいのでしょうか。
次のポイントさえ押さえれば恐れることはありません。
先ほどの「悪い質問」にならないよう、裏返しのことをやっていくだけです。
単に「第○○回講座のコードを実行した」だけではなく、それがどんなコードで、実行するとこういう結果になる想定である、というところまで書きましょう。
例えば「自分の姓を文字列で入力するとその文字数を返してくるプログラムで、『Nakamura』と入れたら『8』が返ってくるはずです」などと書くといいでしょう。
原因を特定するために必要なので、最低限下記の内容は盛り込むようにしましょう。
これが最重要です。エラーの内容をヒントに、自分なりに調べて方法を試してみるだけでも様々な知見が得られますし、うまくいけば自力で解決できてしまうこともあるでしょう。
もし解決できなくても、「この方法を試してみたけれど今度はこんなエラーが出てダメだった」ということを質問に追記できれば、質問を受けた側にとってもより具体的なヒントになります。
プログラミングにおける「質問のお作法」について解説しました。
お作法というと堅苦しい感じがしますが、肝要なのは「相手と自分の貴重な時間を無駄にしないよう丁寧にコミュニケーションする」ということです。
ここで説明したポイントを押さえていれば問題ありませんので、気軽に質問しながら慣れていくのがいいでしょう。
もちろん、質問前の試行錯誤のフェーズは自分の学習にも役立ちますので忘れずに行ってくださいね。
オンライン学習サービスProglus（プログラス）でプログラミングを学び、創れる人になろう！
プレミアムプランを2週間無料体験しよう
今すぐ詳細を確認する
