サービス
サービスを探す
プロ人材を探す
仕事を探す
ブログを探す
サービス
サービスを探す
プロ人材を探す
仕事を探す
ブログを探す
購入・発注したい方
サービスを探す
プロ人材を探す
ノウハウ・素材を探す
ブログを探す
仕事・求人を投稿して募集
エージェントに人材を紹介してもらう
受注・働きたい方
出品する
単発の仕事を探す
継続 (時給/月給) の仕事を探す
エージェントに仕事を紹介してもらう
カテゴリ一覧
イラスト作成・漫画制作
デザイン制作
Web制作・HP作成・EC構築
動画編集・映像制作
集客・マーケティング相談
NEW
ビジネス代行・事務代行
音楽制作・ナレーション
IT相談・システム開発
ライティング・翻訳
コンサルティング・士業
生成AI活用・開発・制作
占い
悩み相談・カウンセリング
学習指導・資格・キャリア相談
住まい・美容・生活相談
オンラインレッスン・習い事
ハンドメイド制作
出張撮影・出張サービス
資産運用・副業の相談
NEW
弁護士検索・法律Q&A(法律相談)
サポート
はじめての方へ
ご利用ガイド
お困りのときは
ログイン
会員登録
サービスを探す
イラスト作成・漫画制作
>
デザイン制作
>
Web制作・HP作成・EC構築
>
動画編集・映像制作
>
集客・マーケティング相談
NEW
>
ビジネス代行・事務代行
>
音楽制作・ナレーション
>
IT相談・システム開発
>
ライティング・翻訳
>
コンサルティング・士業
>
生成AI活用・開発・制作
>
占い
>
悩み相談・カウンセリング
>
学習指導・資格・キャリア相談
>
住まい・美容・生活相談
>
オンラインレッスン・習い事
>
ハンドメイド制作
>
出張撮影・出張サービス
>
資産運用・副業の相談
NEW
>
>
プロ人材を探す
>
ノウハウ・素材を探す
ブログを探す
>
求人募集を投稿する
人材を紹介してもらう
仕事を探す
出品する
仕事を探す
仕事を紹介してもらう
出品する
仕事を紹介してもらう
求人募集を投稿する
人材を紹介してもらう
ブログを投稿
会員登録で10%割引クーポンを獲得!
会員登録で10%割引クーポンを獲得!
ココナラブログ
ホーム
ブログトップ
ブログ
IT・テクノロジー
プログラミング独学方法
記事
IT・テクノロジー
taiki1133
2020/12/17 21:53
①HTML/CSSを学ぶ
②JavaScript(jQuery)を学ぶ
③模写
④ポートフォリオを作る
①HTML/CSSを学ぶ
まずプロゲートでHTML/CSSの初級編をやります。初級編は無料なので一番最初に勉強を始めるならプロゲートからがいいと思います!
そこで、もっと勉強したいと思ったらプロゲートの有料版に登録して上級編までやってしまいましょう!有料版は月額約1000円で登録できるので1ヶ月有料版で勉強し2ヶ月めまでに解約するというのもありです!(自分は1ヶ月だけ有料版をやりました)
プロゲートで大切なのは、分からなくてもどんどん先に進むことです。最低でも2周したら次に進みましょう!
書いていくうちに自然とわかるようになっていきます。
HTML/CSSは1週間、2週間で終わらせて、JavaScriptとjQueryに進みましょう!
②JavaScript(jQuery)を学ぶ
プロゲートのHTML/CSS編が終わったら上級編で静的サイトを作くれるようになったと思います。
次はそういった静的サイトに動きをつけることができるJavaScript・jQueryを学びます(スマホ表示の時のハンバーガーメニューやトップに戻るボタンを押したらスクロールで戻るなど)。
こちらもプロゲートで基礎を身につけることができます。
そしてここがとても難しくてなかなか次に進めなくなってしまいます、自分がそうでした!
しかしここも2周ほどしたらどんどん進んで大丈夫です!
理由はよく使うアニメーションのコードは一度書いてしまえばコピペで使いまわせるし、ググればコピペできるコードもでできます。そうして使っていくうちにこれも覚えていくのでどんどん進みましょう!
そして合計1ヶ月でHTML/CSS/JavaScript/jQueryを終わらせてしまいましょう!!
あとはググりつつ模写でアウトプットしていけばすぐに慣れていきます。
③模写
プロゲートが終わったら次はすでにあるサイトを真似して、見た目だけ同じサイトを作りましょう。
まずエディタ(コードを書く場所)をダウンロードします!
これはVScode一択です。(無料です)
これもググったりYouTubeで調べるとすぐにダウンロドできると思います。
VScodeに0からコードを書いていきます。
最初はすごく時間がかかるともいます。
そもそも最初から手が動かないかと思います。
そこで、YouTubeで『HTML/CSS コーディング』『HTML/CSS 模写』などで調べて、いろんな動画が出てくるので、それと一緒に手を動かして少しずつ1からコードを書くのに慣れましょう!
3つほど模写したら次に進みましょう。
④ポートフォリオを作る
模写で1からサイトを作れるようになったら自分のポートフォリオを作りましょう!
Twitterなどでいろんな人のポートフォリオをみてそれを参考にしながら、模写サイトを過去の制作物として掲載して作りましょう!
お疲れ様でした!!
ここまでできればもう営業に移れるのでクラウドソーシングなどに登録して営業していきましょう!
#プログラミング
#プログラミング 独学
一覧に戻る
このブログを見た人にオススメ
ソート・探索・計算量 ― プログラムとアルゴリズムの基礎を身につける【データサイエンスを...
記事
IT・テクノロジー
Urunta
2026/08/17 08:29
React × Three.js × GSAPで「映像を魅せるブランドサイト」の構築
記事
学び
平田 信一
2026/08/11 10:43
「見る」から「体験する」Webサイトへ|映像×アニメーションで高品質なブランドサイト・ポ...
記事
IT・テクノロジー
平田 信一
2026/08/08 16:01
エラーをAIに直してもらうだけでは実力にならない
記事
IT・テクノロジー
Tammpro ホームページ制作
2026/08/07 06:57
エラーが怖くなくなるとプログラミングは一気に楽になる
記事
IT・テクノロジー
Tammpro ホームページ制作
2026/08/06 05:22