【毎朝1時間】プログラミング初心者のオヤジが、Web制作とセールスライティングを学んで、案件をゲットするまでのブログ

コーディングの知識がほとんどないオヤジが独学で仕事をゲットするまでの日記です。目標は、売れるLPを企画からデザイン、コーディングまでできるオヤジです。

【90日】コーディング開始してから90日が経ちました。次の90日は…

ありがとうございます。
みなさんの励ましの言葉やさまざまな助言をいただいて、90日間「毎日」コーディングの勉強を続けることができました。

ありがとうございました。

これまでの90日

4月の初めはまだ寒さも残っていた起床時間の3時半でしたが、最近では明るく窓も開けて学習を始める陽気になりました。私の学習スタイルは、毎朝かならず4時から1時間学習するというものです。現在私の本職は、休業補償を活用して出社が週に2回だけとなっています。そのため、「毎朝かならず」そして夕方1時間程度の学習時間が確保できてきました。おそらく90日間で140時間程度学習したと思います。

コーディングの勉強をしたい、と思った時、オンラインでも学校に通うという選択肢があったかもしれません。はじめたうちはまだ、コーディングの勉強が続くのかどうかわからず、何万円も投資するわけにはいかなかったことから、毎月1000円でドットインストールの有料会員になりました。ドットインストールは今までに、html/css/javascriptと学習してきました。ドットインストールだけで基礎的な力がつくわけではありませんが、コーディングで大切なのは「書いたことがある」という経験であることを考えると、効率よく「書く」経験ができます。

5月以降は、codestepを中心に学習しています。入門、初級と終わり、現在中級と格闘しています。ひとつひとつ、とても勉強になるサイトですので、オススメですよ。

6月に特筆すべきは、「みんなでポジティ部」でしょう。web制作で意欲的な人たちが集まって、切磋琢磨するこの集団は、私のモチベーションをより高いところに挙げてくれています。ありがとうございます。

codestep中級課題にフリー素材の写真と文章を入れ込みました

これからの90日

ここまでの学習内容は、過去ログに譲るとして、これからの90日について考えてみました。

そもそも私がコーディングを始めたのは、ライティングだけじゃなくてコーディングとのコラボレーションで仕事がしたい、というのがあります。

その意味から、これからの90日は次のようなことを目標にしていきます。

  • 現在勉強中の「jQuery標準デザイン講座」を終わらせます
  • codestepの課題を中心に、成果物をまとめます
  • ポートフォリオサイトを作ります
  • 「セールスライティングハンドブック」をまとめます
  • コーディングで営業活動をします

[itemlink post_id="4390"]

[itemlink post_id="4414"]

この90日間は、自分が毎日変わっていくことがとても楽しかったです。これからも90日もわくわくしながら、活動していきます。

【89日目】12万字を書いた6月の振り返りと7月の目標

さて7月になりましたね。
4月からはじめたコーディングの学習も4ヶ月めとなりました。
6月の振り返りと7月の目標をまとめておきましょう。

6月の振り返り

毎日のコーディングの学習時間をしっかり確保しようと工夫した結果、毎日だいたい同じパターンの生活を繰り返すようになりました。生活がパターン化してくると、日々の予定が立てやすく、予測もつきやすくなるのでオススメです。

ライティングについては、一つのクライアントさんから大量にオーダーをいただくこととなりました。
結果的に、他のクライアントさんのお仕事を断って、このクライアントさんだけで月間で12万字程度を書いた計算になります。
とてもうれしいお話ではあるのですが、ライターとしてクライアントさんが1つというのは、それはそれでリスキーでもあり、7月の改善点です。

コーディングについては、javascriptjQueryをはじめました。どちらも大切なのですが、jQueryのほうが実務的ということもあり、「jQuery標準デザイン講座」を購入し、学習を進めています。

[itemlink post_id="4390"]

7月の目標

7月の目標をまとめておきます!

ライティング

  • クライアントさん複数化
  • ココナラ受注

コーディング

7月もはりきっていってみよ~

【88日目】週休5日のルーティン

おはようございます。

日記を読み返していたら、もう昨年の4月から週休5日体制(勤務は週に2日)になっていて、「家でできることは家で!」という日常がつづています。

コロナ以前から続けているwebライティングの比重が高まるとともに、この春からはweb制作(コーディング)の学習が始まり、このところ毎日のだいだいのルーティンが固まっています。

毎日のルーティン

  • 03時30分 起床
    コーヒーを淹れる(最近はアイス)
    昨日の日記を書く
    今日の一日の流れを確認
    ツイッターを確認~朝の挨拶
    ポジティ部~朝の挨拶
    体重・血圧・体温測定
  • 04時00分 コーディング学習
  • 05時00分 朝食を作る
  • 05時10分 奥さん起きてくる
  • 05時40分 朝食
  • 07時00分 奥さん出社
         ブログ、ココナラ確認と修正
  • 08時00分 ライティング業務1
  • 11時30分 昼食
  • 12時30分 ライティング業務2
  • 15時00分 エニタイム
  • 16時30分 jQuery学習
  • 18時00分 夕食作る
  • 21時00分 就寝

人間の時間は24時間と決まっていますので、できることは限られていますね。
そのなかで、コツコツと続けていくだけですね。

春からのhtml/cssの学習経験から、簡単なコーディング作業を出品することにしました。

簡単なHTML/CSSコーディングを格安で行います HTML/CSSに特化したコーディングを低価格で提供!


【87日目】営業について考える

目標としてきた90日が目の前に迫った来ました。
「web制作ができるようになる」として始めてきたhtml/cssですが、いつまでも学習ばかりしていても仕方ありません。そろそろ営業について考えてみました。

じつは、自分の「皆さんの役に立ちそうなスキル」をココナラに並べています。

あなたの会社のベネフィットを伝える架空対談作ります お任せください!どんなシチュエーションでも対談を作成します

終活ガイドが終活を広める記事を最大10記事書きます 終活に関する記事を、終活ガイドの私が丁寧に執筆いたします

ペライチでランディングページを3日で作成します 維持費や手間を掛けずに、ランディングページを持ちたい!

ココナラでhtml/cssに特化した作業を提供してみようと思います。

簡単なHTML/CSSコーディングを格安で行います HTML/CSSに特化したコーディングを低価格で提供!

営業についても、手探りですが、がんばっていってみよっ

【86日目】お久しぶりです!続いてますよ!

お久しぶりです。
6月12日の70日目から更新がなかったこのブログでしたが、ぼちぼち再開します。
「あいつ、消えたな」いつのまにかフェードアウトする人もいるweb制作あるあるに埋もれないよう、がんばります。

推奨「今日のミルフィーユ」

まずはここまでのコーディングのお勉強をまとめておきましょう。
ツイッターなどではよく「積み上げ」と言っていますが、この言葉使いたくないんです。
なんだか煉瓦のような重たいものを、汗かきながら、上に載せていくイメージないですか?
今にもバテそうな気がして。

そこで私は「積み上げ」のかわりに「ミルフィーユ」言っています。
毎日少しづつでもいいので、一枚一枚載せていくことで、いつか美味しく食べられますよ。

https://twitter.com/pocochallenge/status/1406029294875283457

今日までの学習振り返り

そろそろ90日になるので、ここまでの学習振り返ってみましょう。

  • 04月01日からコーディング学習スタート
  • 3ヶ月後の6月30日にhtml/css + αのスキルを身につけることを目標
  • 4月:ドットインストールのhtml/cssを終了
  • 5月:codestepの練習問題の精読開始
  • 5月:javascriptの学習を開始
  • 5月:jQueryの学習を開始
  • 6月:書籍『jQuery標準デザイン講座』購入、精読開始
  • 6月:書籍『セールスライティングハンドブック』購入、精読開始
  • 6月:codestepの入門編、初級編の精読終了
  • 6月:ココナラにコーディングスキル販売開始 ←ダメ元
  • 6月:クラウドワークスでコーディング案件 ←ダメ元

[itemlink post_id="4392"]

[itemlink post_id="4390"]

精読とは

5月から、codestepというコーディング学習サイトの課題を「精読」しています。

外国語の学習で「多読と精読」ということがあります。
「多読」は、たくさんの文章を理解することで、その外国語の感覚を身につけようという学習方法です。
いっぽうで「精読」は、一行一行の文章の文法や言い回しを、畑を耕すようにきちんと理解して読んでいこう、という学習法です。

コーディングの学習にも同じようなことが言えて、ツイッターでも「コードの理解は6割でいいからどんどんこなせ」という話をよく聞きます。
それもスキルアップには欠かせないでしょう。

しかし、私が最終的に目指すのは「お金になる案件獲得」です。
お金を払ってもらってコーディングをする際に「6割の理解で作成しました」とはとても言えない。
そんなお金のもらい方はしたくないのです。

そのために「その一行はなんで書かれているのか」を理解しながら学習する、それが精読です。
コーディング学習に多くの時間を割ける人は多読でも良いですが、「本業+副業+コーディング学習」の私のようにあまり時間がない人は、精読がよいのではないかなぁと思っています。
時間がないからこそ、時間のかかる勉強方法が「急がば回れ」な気がします。

しかし初学者でいきなり複雑なサイトは作れませんので、その意味でもcodestepのようなサイトは、ほんとうに助かっています。

https://code-step.com/

今後の予定

目標としている3ヶ月が経ちますので、今後の目標を立ててみました。

今年中に

ワクチン接種の増加につれて、コロナ禍の状況も変化してきました。
私の本業「航空、旅行業界」もだんだんと利用者が戻ってくることでしょう。
コロナ禍のおかげで「副業はライティング+コーディング」と考えることもできました。

コーディングスキルが上達してきて、ライティング同様副業として成り立つようになれば、本業との兼ね合いも考え直してもいいかなぁと思っています。

7月の目標

90日をめざして

いったんは、7月1日の90日目をめざして、がんばっていきます。
ミルフィーユのように薄く重ねていますが、コツコツとやっていきましょう。

簡単なHTML/CSSコーディングを格安で行います HTML/CSSに特化したコーディングを低価格で提供!

【70日目】ここまでの振り返り

4月の初めに

「ライティングスキル」と「コーディングスキル」を掛け合わせられるweb製作者になりたい

と思い始めたコーディング学習。ここまでを振り返っておきます。

5月10日にドットインストールのhtml/cssの講座終了→javascriptに進む
5月15日からcodestepの入門編模写を始める→現在初級編
6月04日にドットインストールjavascript講座終了→イマイチよくわからない
6月05日YoutubeしまぶーのIT大学」でjavascriptのイメージがかわる
6月05日ドットインストールで実践的javascript講座の受講を始める
6月08日javasriptでおみくじをつくる
6月09日progatejQueryの学習を始める
6月11日codestep初級編1を完成させる

これからの予定

codestep初級編:6月中に終わらせる
progate/jQuery:6月中に終わらせる

おかげさまで、みなさんに励まされ、おだてられながら、毎日欠かさず学習を続けられています。
ありがとうございます。

#codestep 初級編1 portfolio「画像のmedia属性」

 <div id="mainvisual">
        <picture>
          <source media="(max-width: 600px)" srcset="img/mainvisual-sp.jpg">
          <img src="img/mainvisual-pc.jpg" alt="テキストテキストテキスト">
        </picture>
      </div>

mediaリソースの志向するメディアのメディアクエリ。この属性は <picture> 要素の内部でのみ使用します。

https://developer.mozilla.org/ja/docs/Web/HTML/Element/source

CSSJavaScriptを使用していないことに注目をしてください。ポイントは、media属性です。media属性の値には、CSSのメディアクエリーで使用する値と同様の値を記載することができます。img要素には、デフォルトの画像ファイルを、そして2つのsource要素は、各media属性の値にマッチした条件下で使用される画像のファイルが指定されています。

https://www.internetacademy.jp/blog/ja/2016/04/20160417-hiroki.html