【プログラミング初心者】初案件を獲得するまでのロードマップ

プログラミングで初案件を獲得できていない方は本記事で非常に重要な内容を解説しているので、

ぜひ最後までご覧になってください。

 

本記事の内容

上記の内容を解説していきます。

本記事は『プログラミング初心者が初案件を獲得するまでのロードマップ』です。

おにちゃん塾がプログラミングで初案件を獲得した証拠

世の中には初案件を獲得していないのにも関わらず、獲得アピールをする痛い人がいるので念の為証拠を載せておきます。

おにちゃん塾のランサーズのホームページを確認してみてください。

2案件目がプログラミングの初案件になります。

→最近の話なので、まだ初案件を獲得できていない方は僕を参考にしてみてください。

 

プログラミングで初案件を獲得するまでの道のり

私はTwitterで色々な情報を発信しているのでそれらをまとめると、かなり内容の濃い情報を収集することが可能です。

 

11月：プログラミングスタート

プログラミングを本格的に学んだ日は2020年の11月19日からです。

→ただ、私は完全な初心者ではありません。

→要は、完全な初心者ではないがほぼ初心者という感じです。

ブログの次はプログラミングです😌

会社でスキルを学ぶのではなく、
スキルを学んでから会社に行く。

大学生の内に役立つ人間目指します

いきなりPHP行きます🥰#ブログ初心者 #駆け出しエンジニアと繋がりたい pic.twitter.com/IELeQDD5Fi

— おにちゃん@Web制作 (@onityanzyuku01) November 19, 2020

→僕はHTMLの基礎知識があったのでいきなりPHPに挑戦しました。

 

👨🏻‍💻エンジニアの方に質問です👨‍💻

→bootstrapっておすすめですか？

試してみたら、コード量も少なく、便利な気がするんですが、、

案件取る時とか実務で使えるのかな！？🤔

分かる人教えてください🙇‍♂️#駆け出しエンジニアと繋がりたい pic.twitter.com/m92XiRuOPW

— おにちゃん@Web制作 (@onityanzyuku01) November 20, 2020

PHPでサービスを作成した翌日にはBootstrapを扱っています。

この時はCSSを理解していなかったのですが、いきなりCSSを簡単に使えるフレームワーク(Bootstrap)を使用しました。

 

【ガチ勉強を始めて３日間】

①PHPで掲示板作成（コピペ）
②ProgateのHTML・CSS
③ドットでbootstrap
④bootstrapでWebページ公開

現状は基礎知識皆無なので、一旦インプットに時間を費やします。

WEBページはプロフィールから見れます。しょぼいけど許して☺️#駆け出しエンジニアと繋がりたい

— おにちゃん@Web制作 (@onityanzyuku01) November 21, 2020

Bootstrapをドットインストールで学んだ翌日には自分のデザインを形にしていました。

↑上記サイトはBootstrap公式サイトが難しい方向けのコンテンツになっています。

 

本日はjQueryの勉強をしています。
インプット少しして、それからポートフォリオに組み込んでみます。

インプット→すぐアウトプットがプログラミングは1番良いかもです。

WordPress→PHP→HTML→CSS→bootstrap→jQueryとめちゃくちゃですが楽しいです😌#駆け出しエンジニアと繋がりたい

— おにちゃん@Web制作 (@onityanzyuku01) November 22, 2020

めちゃくちゃハイペースですね。笑

WordPressを学んだというよりはWordPressブログを経験したことがある程度です。

上記の行動も無駄ではありませんが、それよりも、模写などに力を入れることをおすすめします。

 

✅４日間のアウトプット作品

①Progateの模写
②オリジナルサイト作成
③bootstrapの模写
④bootstrap使ったオリジナルサイト
⑤WordPress開設←今ここ

この4日間で圧倒的なアウトプット

今後も、思考停止しないように進み続けます☺️#プログラミング初心者 #駆け出しエンジニアと繋がりたい

— おにちゃん@Web制作 (@onityanzyuku01) November 23, 2020

これまでWordPressブログを運営していましたが、この日初めて自分のコーディングでWordPressサイトを作成しました。

Plusersを活用して1からサイトを作ってみてください。格段にWordPressの能力がアップします。

 

#今日の積み上げ

✅WordPress子テーマ作成
✅WordPressのチート印刷
✅ブログ新記事作成

WordPress開発の案件でお金が稼げるように毎日頑張って行きます。

どんな偉業も1日にして成らず

皆さん今日も一日お疲れ様でした😌

— おにちゃん@Web制作 (@onityanzyuku01) November 24, 2020

この日にWordPress案件をクラウドワークスで発見し、1案件10万円で受注できることを知りました。

10万円のインパクトのおかげで、かなりプログラミングのやる気が出ました。

 

HTML→WordPress化できました☺️
プロフィール欄から閲覧できます。

PHPを初日に触っててよかった。
なんの抵抗もなく入れた。

後はそれぞれの言語の理解を深めていけばWordPressの案件獲得が出来る気がする〜。

1週間以内に超簡単な自作テーマ開発します笑#22卒

— おにちゃん@Web制作 (@onityanzyuku01) November 25, 2020

HTML&CSSで作成したコード→WordPressに対応したコードに置き換える作業を行いました。

上記の記事はかなり神記事でした。

26日&27日はコードを一切書かず、これまで積み上げたコードをリーディングしていました。そこで分からないものはググって知識をインプットしていました。

 

今日の模写コーディング終了です。

✅本日の収穫

→CSSを知った気になってるだけでした。細かい部分の調整難しずきる笑

ただ、1週間で着実にステップアップはできているので、この調子で頑張ります。

今日は細かい部分を動画で学びます😭#駆け出しエンジニアと繋がりたい pic.twitter.com/GG9zz6rp8V

— おにちゃん@Web制作 (@onityanzyuku01) November 28, 2020

iSaraの模写はWEB制作で稼ぎたい方の登竜門ですよね。笑

 

プログラミング開始から約10日目

→ポートフォリオ作成しました🎉

プロフィール欄に貼っておきます。細かい所は順次修正していきます。

プログラム書くための体力×知識がある程度付いたので、今後は案件を獲得しに行きます。

半年は結果出ない前提で行きます😌#駆け出しエンジニアと繋がりたい

— おにちゃん@Web制作 (@onityanzyuku01) November 30, 2020

11月のスキル感は下記の通りです。

11月の学習を振り返って良かった所

 

12月：ガンガン手を動かす

 

#今日の積み上げ

・WordPressのテーマ模写
・記事の大幅リライト
・CSSの勉強

今日は手が痛かったので、少し抑えめでした😌

これから動画でWordPress制作について学んでいきます🔥 pic.twitter.com/5bYyxOQBOU

— おにちゃん@Web制作 (@onityanzyuku01) December 2, 2020

12月は全体的にWordPressの基本設定を学んでいました。

マナブログの模写をしていました。

 

マナブログの模写してます‼️
WordPress自作は楽しいですが
手を休めます😭#今日の積み上げ

①最近はレベルの高い案件を見る
②足りないスキルをメモる
③調べつつ構築してみる

できるものが増えると自信に繋がりますよね。

この調子で案件獲得頑張る😤#駆け出しエンジニアと繋がりたい pic.twitter.com/7l8FF8iRSl

— おにちゃん@Web制作 (@onityanzyuku01) December 7, 2020

先ほどと同じ様に、マナブログの模写をしていました。

WordPressのループ&サブループに関する機能を理解できると比較的簡単に実装可能です。

 

手が不調な時はブログ→プログラミングに切り替えます。

プログラミングは分からない所の答え探し時間があるので、手を休めながら進められるんですよね。

今日は絞り込み検索を独自実装してました。

ここからは、CSSの勉強です😌#昼レンジャー21211dk #駆け出しエンジニアと繋がりたい pic.twitter.com/UlQkft9Rrk

— おにちゃん@Web制作 (@onityanzyuku01) December 11, 2020

WordPressの絞り込み検索について詳しく学んでいきました。

 

ポートフォリオを掲載しました😌

画像をクリックすると画像キャプチャが表示されるようになっています。

・data-lity

上記を活用しています。

プロフィール欄から閲覧できるのでよかったらどうぞ🙇‍♂️#駆け出しエンジニアと繋がりたい pic.twitter.com/TJykdJLv77

— おにちゃん@Web制作 (@onityanzyuku01) December 14, 2020

この機能は必須機能ではないので興味がある方はご自身で検索してみてください。

→案件で要求されないと言うクチコミが多いです。

 

JavaScriptのお勉強

・addEventListener
・Math.random();
・if文

これだけで確率のあるおみくじが完成できるんですね☺️

今日はストップウォッチとタイピングゲームを作ってみます。#昼レンジャー21216ds #駆け出しエンジニアと繋がりたい pic.twitter.com/w23JAg7gep

— おにちゃん@Web制作 (@onityanzyuku01) December 16, 2020

ドットインストールにてJavaScriptの勉強をしていました。

 

jQueryを使って🍔ハンバーガーメニューを作成中。

ローカルではうまく行くのに、エックスサーバーにアップすると上手くいきません😭

悪戦苦闘中、、、、

原因解決できる猛者の方プロフィール欄から閲覧できるので、ご協力よろしくお願いします🙇‍♂️#駆け出しエンジニアと繋がりたい

— おにちゃん@Web制作 (@onityanzyuku01) December 17, 2020

 

プログラミング本格開始から今日で1ヶ月経ってました〜。

・HTML＆CSSの理解
・JavaScriptの基礎
・よく使うjQueryの理解
・WordPressの基礎

ここら辺を学びました。

2ヶ月目は少し難易度を上げて、案件獲得できるように頑張っていきます😌#駆け出しエンジニアと繋がりたい

— おにちゃん@Web制作 (@onityanzyuku01) December 19, 2020

1ヶ月間は基本的に案件は見ないで最低限のスキル習得をしていました。

 

おしゃれな感じで出来てます

現状はトップ画面のレスポンシブが完成しました。

今日の内に、検索結果の画面＋記事内のデザインなどを完成させて、今週にはβ版の被リンクサービスを出します〜

HTML&CSS&JavaScript&WordPressで頑張っています😌#ブログ初心者 #駆け出しエンジニアと繋がりたい pic.twitter.com/brPbblq5WA

— おにちゃん@Web制作 (@onityanzyuku01) December 22, 2020

→プログラミングの初心者でありながらWordPress自作テーマで作成した被リンクサービス。

【新サービス】被リンクを獲得できるブログ図鑑を開発しました【無料】ブログ図鑑という被リンクサービスを開始いたしました。ブログのドメインパワーを向上させたい方はぜひ、ご活用ください。...

 

５日間休んでいました😌

明日から活動を再開します。

被リンクサービスも作ったので、
気になる方はDMください。

無料で登録可能にします〜

イメージとしてはHTML名刺やペライチからの被リンクみたいな感じです#ブログ初心者 #駆け出しエンジニアと繋がりたい

— おにちゃん@Web制作 (@onityanzyuku01) December 28, 2020

12月のスキル感は下記の通りです。

12月の学習を振り返って良かった所

 

１月：初案件を獲得する

 

WordPress学習の最適化

・WordPressブログを始める
・HTML &CSSを触れる
・flexboxを理解
・WordPress関数を学習
・WordPressの自作テーマ作成

僕がやった手順です。

＋JavaScriptやると良いかもです#ブログ初心者 #駆け出しエンジニアと繋がりたい

— おにちゃん@Web制作 (@onityanzyuku01) January 1, 2021

WordPress×javascriptで自サービスを強化しました。

Swipe.jsを実装したことにより、かなりデザインの幅広がりました。

 

AWSの登録完了〜

WordPressで案件獲得できるレベルまできたので、今後は下記のように進行します。

・WordPressの案件獲得
・Pythonの勉強

お金を稼ぎつつ、新しい言語に挑戦してみます

割と有意義な生活が出来そうです😌#ブログ初心者 #駆け出しエンジニアと繋がりたい pic.twitter.com/2eQp7s9n70

— おにちゃん@Web制作 (@onityanzyuku01) January 3, 2021

訂正：Python→Laravel

WEB制作だけでなく、WEBサービスを開発できるように今年は頑張っていきます。

 

ブログ図鑑に機能を搭載します。

・閲覧数を取得
・ランキング形式で公開
・スライドショーを実装

スライドショーに関しては、jQueryとslick sliderの２つを使ってます😌

明日には機能を追加し、公開します

明日からは絞り込み検索〜#ブログ初心者 #駆け出しエンジニアと繋がりたい pic.twitter.com/9xhBt7w3fr

— おにちゃん@Web制作 (@onityanzyuku01) January 8, 2021

これまでスライダーの機能は自分で実装していたのですが、これからはslick sliderを活用していきます。

 

ポートフォリオに必要なもの

・HTML＆CSS
・JavaScript
・Googleアカウント
・SNSアカウント
・制作した画像データ

ここら辺があると、
そこそこの自作ポートフォリオが出来上がるはずです。

ポートフォリオが出来ると、
モチベが高まりますね😌#駆け出しエンジニアと繋がりたい

— おにちゃん@Web制作 (@onityanzyuku01) January 16, 2021

ポートフォリオサイトがあるとかなり受注率が上がるみたいです。

【プログラミング初心者】おしゃれなポートフォリオの作り方【大公開】プログラミング初心者向けのおしゃれなポートフォリオサイトの作り方について詳しく解説しています。...

 

20時からＸDの模写コーディングを始めます

比較的簡単な模写なので数時間で終わりそうですが、

・余白の調べ方
・文字情報取得
・画像の書き出し

の辺りがまだいまいちなので、
少し苦戦しそうです🤏

頑張ってきます😌#駆け出しエンジニアと繋がりたい

— おにちゃん@Web制作 (@onityanzyuku01) January 17, 2021

クラウドワークスの案件に『XD→コーディング』が多いので対応するために自分でまとめてみました。

【完全版】AdobeXDデータでコーディングする方法【有料動画紹介】AdobeXDでコーディングをする方法を伝授します。本記事を読めば XDのデザインカンプからコーディングでの実装が可能になります。...

 

プログラミングでの初案件を獲得しました〜🎉

・LP制作
・約10000円
・1ヶ月半の学習
・HTML＆CSS＆JavaScript

クラウドソーシングでの初案件までに3ヶ月はかかると思ったけど、

思ったより早く獲得できた。

今年はエンジニアとして実績を積み上げます🥰#駆け出しエンジニアと繋がりたい

— おにちゃん@Web制作 (@onityanzyuku01) January 25, 2021

初案件までにクラウドワークス&ランサーズにて提案文を80名程送りました。

 

初案件までに活用すべきサービス

おにちゃん塾は格安教材&無料情報を軸にプログラミングの勉強をしていましたが、正直、無駄が多いです。

もし、有料教材を購入していればもっと早い段階で成長できていたはずです。

 

プログラミングで初案件を獲得する方法

プログラミングで初案件を獲得するのであれば下記の2つのサービスを活用しましょう。

私が最初に獲得した案件はLP制作でした。

『HTML・CSS』コーディングと検索してヒットしたものに応募していました。

営業文などに関しては後日記事にします。

 

プログラミングの初案件までは楽しむべきです

プログラミングの初案件獲得まで辛いのは当たり前です。

この不安はつきものです。ですので、その不安に押しつぶされるくらいなら、

『なんとかなるだろう』と楽観的に学習していた方が精神的に良いと思います。

 

おにちゃん塾がおすすめする記事

【今年の抱負】WordPressエンジニアのフリーランスを目指しますWordPressエンジニアの仕事内容、WordPressエンジニアでフリーランスになる方法について詳しく解説していきます。...

*随時追加予定