おにちゃん塾の商品一覧

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

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

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

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

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

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

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

おにちゃん

僕自身、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万円のインパクトのおかげで、かなりプログラミングのやる気が出ました。

WordPressのチートテーマ

おにちゃん

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

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

おにちゃん

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

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

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

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

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

おにちゃん

よく見ると細かい所はひどいですね。
ただ、1週間程度本気で学んで完璧になるはずがないので、ある程度で問題ないです。

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

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

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

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

ここにテキストを入力

[chat face=”IMG_2910-2.jpg” name=”おにちゃん” align=”left” border=”none” bg=”blue” style=”maru”]

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

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

[/chat]

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

勉強日数:10日/31日

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

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

[chat face=”IMG_2910-2.jpg” name=”おにちゃん” align=”left” border=”none” bg=”blue” style=”maru”]

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

[/chat]

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

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

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

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

[chat face=”IMG_2910-2.jpg” name=”おにちゃん” align=”left” border=”none” bg=”blue” style=”maru”]

2021年2月19日追記情報

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

[/chat]

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

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

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

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

[chat face=”IMG_2910-2.jpg” name=”おにちゃん” align=”left” border=”none” bg=”blue” style=”maru”]

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

[/chat]

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

[chat face=”IMG_2910-2.jpg” name=”おにちゃん” align=”left” border=”none” bg=”blue” style=”maru”]

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

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

[/chat]

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

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

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

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

[chat face=”IMG_2910-2.jpg” name=”おにちゃん” align=”left” border=”none” bg=”blue” style=”maru”]

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

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

[/chat]

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

あわせて読みたい
【新サービス】被リンクを獲得できるブログ図鑑を開発しました【無料】 皆さん、こんにちは!!おにちゃん塾を運営している鬼澤龍平です。今回は僕がWordPressの言語を学習して開発した被リンク獲得サービス『ブログ図鑑』について詳しく解説...

[chat face=”IMG_2910-2.jpg” name=”おにちゃん” align=”left” border=”none” bg=”blue” style=”maru”]

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

[/chat]

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

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

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

[chat face=”IMG_2910-2.jpg” name=”おにちゃん” align=”left” border=”none” bg=”blue” style=”maru”]

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

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

[/chat]

1月:プログラミングの初案件を獲得する

勉強日数:14日/25日

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

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

[chat face=”IMG_2910-2.jpg” name=”おにちゃん” align=”left” border=”none” bg=”blue” style=”maru”]

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

[/chat]

訂正:Python→Laravel

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

[chat face=”IMG_2910-2.jpg” name=”おにちゃん” align=”left” border=”none” bg=”blue” style=”maru”]

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

[/chat]

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

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

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

[chat face=”IMG_2910-2.jpg” name=”おにちゃん” align=”left” border=”none” bg=”blue” style=”maru”]

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

[/chat]

あわせて読みたい
【プログラミング初心者】おしゃれなポートフォリオの作り方【大公開】 本記事の想定読者プログラミング初心者でおしゃれなポートフォリオを作成したいポートフォリオの作り方を詳しく教えて欲しい本記事では『プログラミング初心者向けにポ...

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

[chat face=”IMG_2910-2.jpg” name=”おにちゃん” align=”left” border=”none” bg=”blue” style=”maru”]

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

[/chat]

あわせて読みたい
【完全版】AdobeXDデータでコーディングする方法【有料動画紹介】 AdobeXDデータからコーディングをしたい方『XDでコーディングってどういうこと。デザインツールの知識なんてないから俺には絶対無理だ』本記事では『AdobeXDデータでコ...

[chat face=”IMG_2910-2.jpg” name=”おにちゃん” align=”left” border=”none” bg=”blue” style=”maru”]

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

[/chat]

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

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

プログラミングの初案件までに活用すべきサービス

プログラミングの初案件までに活用すべきサービス

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

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

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

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

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

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

無料で活用できるもの

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

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

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

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

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

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

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

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

[chat face=”IMG_2910-2.jpg” name=”おにちゃん” align=”left” border=”none” bg=”blue” style=”maru”]

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

[/chat]

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

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

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

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

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

[chat face=”IMG_2910-2.jpg” name=”おにちゃん” align=”left” border=”none” bg=”blue” style=”maru”]

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

[/chat]

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

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

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

あわせて読みたい
【今年の抱負】WordPressエンジニアのフリーランスを目指します WordPressエンジニアのフリーランスになりたい。どんな仕事内容でどのくらいの単価なのだろうか。本記事では『WordPressエンジニアのフリーランスになる方法』に特化し...

*随時追加予定

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

この記事が気に入ったら
フォローしてね!

よかったらシェアしてね!
URLをコピーする
URLをコピーしました!
目次
閉じる