Programming

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

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

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

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

 

本記事の内容

  • 初案件までの学習内容
  • 初案件までの学習方法
  • 初案件の内容

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

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

おにちゃん
おにちゃん

僕自身、2021年の1月20日に初案件を獲得したばかりなので、かなり再現性の高い方法を伝授することが可能です。

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

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

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

プログラミングの初案件

  • 単価10000円
  • LP制作
  • 制作時間は12時間程度
  • 納品まで15日程度

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

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

おにちゃん
おにちゃん

僕は2020年11月末にプログラミングを始め、初案件を獲得したのは2021年の1月末です。

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

 

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

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

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

初案件までの流れ

  • 30日目:HTML&CSS&JavaScript&WordPress&PHPを学ぶ
  • 60日目:HTML&CSSを重点的に学ぶ

 

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

11月の勉強日数:11日/13日

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

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

おにちゃん
おにちゃん

大学1年生の時、WEB営業をしておりHTMLやCSSなどをかじったことがありました。

大学2年生や3年生の時にもPythonに手を出していますが、挫折

大学3年の9月にHTMLやCSSに挑戦するも、手を痛め中断。

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

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

おにちゃん
おにちゃん

正直、全部コピペで全く知識としては役に立っていませんが、

ちゃんとしたサービスが自分でも作れることで自信には繋がりました。

 

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

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

おにちゃん
おにちゃん

Bootstrapに関しては、公式サイトのみで事足ります。

 

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

おにちゃん
おにちゃん

このツイートを見ていただくと分かる通り、基礎知識は全然ありませんでしたが、ググりながら制作していました。

役に立った動画:Youtube
→Bootstrapで作成するサイト入門

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

 

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

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

おにちゃん
おにちゃん

プログラミング挫折を何回もしていますが、初めて今回継続できました。

理由は自分のアイデアを形にする喜びを最初の段階から体験したからだと思っています。

参考サイト:なつ記メモ
→スクロールアニメーションで参考にすべきサイト記事

注意点:僕がプログラミングに挫折した際の行動パターン

  • プロゲートを何周もする
  • ドットインストールを何周する

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

 

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

おにちゃん
おにちゃん

WordPressブログを運営していたので、WordPressはすんなり理解できました。

参考サイト

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

 

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

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

おにちゃん
おにちゃん

チートテーマを活用することで簡単にコーディングが可能になりました。

 

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

おにちゃん
おにちゃん

激ムズでしたが、10時間位ググっていたらいつの間にかうまくいってました。

HPcode→HTMLからWordPress化について学べます

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

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

 

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

おにちゃん
おにちゃん

よく見ると細かい所はひどいですね。

ただ、1週間程度本気で学んで完璧になるはずがないので、ある程度で問題ないです。

メモ:isaraの模写に関する詳しい解説は後日記事にします。

 

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

  • HTML:分かる
  • CSS:超基礎は分かる
  • JavaScript:分からない
  • PHP:分からない
  • WordPress:そこそこ分かる

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

おにちゃん
おにちゃん

完璧を求めなくなった所。

プログラミングに挫折したときの私は完璧を求めていました。しかし、今回はチートシートなどの存在を知り、考え方が変わりました。

 

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

勉強日数:10日/31日

 

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

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

おにちゃん
おにちゃん

マナブログはシンプルな構成で出来ていますので、初心者の方におすすめです。

WordPress カスタマイズ』と検索すると、沢山の情報に触れられるのでおすすめです。

 

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

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

 

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

おにちゃん
おにちゃん

2021年2月19日追記情報

絞り込み検索に関して、クライアントに求められるケースがあるのでこの機能は必ず実装できる様にしておきましょう。

参考サイト:うぇぶファン

→WordPress初心者でも簡単に理解できます。

 

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

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

おにちゃん
おにちゃん

知りたい方は『data-lity 使い方』と検索してみてください。

 

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

おにちゃん
おにちゃん

正直、javascriptのアプリ開発は初心者では必要ないです。

初心者であれば、javascriptを活用したアニメーションなどを勉強した方が良いです。

参考記事:javascriptでできること

javascriptの動きは割と案件にも使われるので、最初のうちから意識しておきましょう。

 

ポイント:ハンバーガーメニューに関しては後日分かりやすい記事を公開します。

 

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

おにちゃん
おにちゃん

案件を閲覧しても、応募可能な依頼が少なかったので途中から見なくなりました。

→落ち込むだけで時間の無駄だと思ったからです。

 

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

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

登録がお済みじゃない方はぜひ登録してください。

 

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

  • HTML:emmetを活用できるレベル
  • CSS:アニメーションも実装可能
  • Javascript:調べればそこそこ問題なし
  • PHP:出来ない
  • WordPress:そこそこできる

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

おにちゃん
おにちゃん

12月は手の不調+学校の課題で思うように学習ができませんでした。

手の不調に関しては2021年2月現在でもあります、、、

 

1月:初案件を獲得する

勉強日数:14日/25日

 

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

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

おにちゃん
おにちゃん

WordPressの知識があると、WordPressカスタマイズ案件に提案できるので、おすすめです。

 

訂正:Python→Laravel

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

おにちゃん
おにちゃん

作りたいものが4つほどあるので、年内に1つはローンチしたいと思っています。

 

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

どの記事がどのくらい読まれているのかなどを把握することができます。

 

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

おにちゃん
おにちゃん

まだ、作成していない方は下記の記事を参考に作成してみてください。

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

 

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

おにちゃん
おにちゃん

XDについて分からない方は下記の記事を参考にしつつ、ノウハウを蓄えてみてください。

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

 

おにちゃん
おにちゃん

ようやく、初案件を獲得できました。

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

プログラミング初心者の方が、ここまで紹介した流れをそのまま真似しても確実に成長できるはずです。

 

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

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

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

おにちゃん塾が使用したもの

  1. Progate
  2. ドットインストール
  3. 侍エンジニア塾のメディア

progateよりドットインストールの方をおすすめします。

侍エンジニア塾に関してはjavascriptに関する情報が豊富なのでおすすめです。

無料で活用できるもの

最近は無料体験を行なっているスクールが多いので活用してみることをおすすめします。

プログラミング教室って良い噂を聞きませんが、僕がお金を持っていれば間違いなく活用します。

 

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

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

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

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

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

おにちゃん
おにちゃん

技術に自信がある方はWordPressなどの案件を狙ってもいいかもしれません。

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

 

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

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

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

おにちゃん
おにちゃん

本当に初案件獲得できるのだろうか。

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

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

 

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

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

*随時追加予定

ABOUT ME
アバター
鬼澤龍平(20)
■弊サイト『おにちゃん塾』運営者です。年内に月間PV数20万目指しています。現在1万PV程度*7月時点