プログラミング初心者がシラバスで独学してみた感想

programingプログラミング
この記事は約5分で読めます。

プログラミングを始めたてでとりあえずprogateやドットインストールを一通りやったけど次何しようか悩みますよね。

独学している皆さんはどんな方法で勉強していますか?

僕はprogateを一通りやり終えた後、とりあえず模写コーディングをしました。

でも模写コーディングをやっていると初級編でもまだまだ分からない事が多く、無理やり合わせこんでいました。

でもこんな行き当たりばったりな作り方は違うだろうと思い直し、模写コーディングをいったんやめて「シラバス」というサイトで勉強しました。

シラバスって何?

無料でWebデザインが独学できるサイトを教えて

模写コーディングでつまづいた。

今回は模写コーディングで一度つまづいた僕がシラバスで勉強した感想をお話ししようと思います。

progateやドットインストールで勉強した後も独学しようとしているあなたが、模写コーディングの前にする事がわかります。

プログラミング学習サイト「シラバス」とは

マネして学べる、プログラミング学習サイト
シラバスは、WEBデザインやWEBアプリケーションの 開発方法を学ぶことができる WEB サービスです。 ステップバイステップで、マネをしながら学習することができます。

シラバス(Cyllabus)-キュレーション型eラーニングシステムより

シラバスって僕は大学の時に聞いたことがあります。

あまり聴き馴染みのない言葉で、僕は大学生活以外でシラバスという言葉は聞いた事がありません。

そもそもシラバスとはどういう意味かというと下記になるようです。

シラバス (Syllabus) とは、日本では教師が学生に示す講義・授業の授業計画のこと。米国では、各回講義内容から教員連絡方法まで、個別講義の受講に関して必要な情報をすべて盛り込んだメモのこと。

wikipediaより

つまりプログラミングを勉強する人に向けた講義・授業を記したサイトです。

運営元は株式会社ダラフと言います。

元々はバイト採用試験のためのカリキュラムだったそうです。

僕はWebデザインコースしか勉強していませんが、Webアプリコースもあります。

シラバスでできる勉強方法

「マネして学べる、プログラミング学習サイト」と銘打っているだけあり、サイトに沿ってコードを1つ1つ模写していきます。

そして最後までコーディングすると1つのWebサイトができあがります。

コピペもできますが、最初はちゃんと手を動かしましょう!

逐一更新して自分の書いたコードでどのように見た目が変化していくか確認しているだけでも楽しいですよね。

模写コーディングでは模写するサイトのコードは見ず、自分で考えた構成やコードで同じ見た目になるようにHTMLやCSSを作成します。

でも基礎となる型が分からずにやっても訳のわからない乱れたコードになり、思い通りになっていない部分を自分で修正するにも苦労しました。

そこで一度サイトの基本構造をこのシラバスのサイトを写経する事で勉強しましょう!

無料のサイトなので時間を気にせず、好きな時に好きなだけ時間をかけて勉強できます。

シラバスのWebデザインコースで学べること

シラバスのWebデザインコースで学べることはなかなか多いです。

Webデザインで必要な分野に関しては一通り揃っている印象です。

progateなんかはコーディングがメインなのでワイヤーフレームの作り方とかコーディングを開始する以前の作業には触れていません。

僕もprogateだけでweb制作ができるとは思っていませんでしたが、具体的に他に何が必要なのかわかりませんでした。

  • HTML
  • CSS
  • ワイヤーフレームの作り方
  • Illustratorの使い方
  • photoshopの使い方
  • wordpress
  • jQuery
  • Bootstrap
  • SEO
  • レスポンシブデザイン

これだけのことを学ぶ事ができます。

ただし、このシラバスというサイトだけで全ての内容が網羅できてWebデザインも完璧というわけにはいきません。

あくまで初心者向けの無料サイトになります。

無料でここまでの情報を提供していただけるだけでも本当にありがたい事だと思います。

シラバスで独学した総評

シラバスを実際やってみた感想として無料で独学するには十分な内容だと思います。

progateではprogate内でコーディングしサイトを作成したので、退会した今では成果物が残っていません。

シラバスでは自分のローカル環境で作業しWebサイトを作成したのでHTMLファイルやCSSファイルが成果物として残っています。

一つのサンプルサイトをローカル環境で作り上げたことは非常に達成感がありました。

ただし、あくまで写経したにすぎないことを肝に銘じておきたいところです。

それでも模写コーディングの一歩手前の作業をしたようなものなので前進したことには変わりません。

作ったサイトは画像を変えたり、コンテンツを変更したりして自分好みにカスタマイズすればさらにスキルアップにつながります。

一部リンクが切れていたり、最終更新日かなり前になっているので丸パクリしてマネして使うのはおすすめしません。著作権的にもやめましょう。

まとめ

progateやドットインストールで勉強した後にいきなり模写コーディングに進んで妥協したあなたも、progateやドットインストールの次にやる事で悩んでいるあなたもシラバスをやってみる価値ありです!

コメント

タイトルとURLをコピーしました