活動記録(2021/04/19)

04/19/2021(04/19/2021)

はじめに

進展状況の報告として、学習した内容を活動記録に残す。 目的は、以下である。

  • 活動証明、記録

    • 進展状況の可視化

  • モチベーションの維持

    • 小さな成長、進展を可視化
    • 達成度の数値化

  • 難しい部分の対応力を高める

    • 難易度が高い、時間がかかるつまずきポイントを記録

      • 解決策調査のため

  • ブログのネタ探し

    • つまずきポイントの解決策を記事にまとめるため

  • 反省

    • 過去の活動記録と比較
    • 目標の修正
    • 行動内容の改善
    • 学習内容の洗い直し

学習内容を可視化し、そこから次に学習することを洗い出したい。 また、どこが大変だったかを記録に残し、今後の行動内容を修正したい。

結論

  • 数値評価: 84.1％（(235+50+10+50)/(300+50+10+50)）
  • 達成度評価: 55.0％（440/800）

ブログ を公開して、1 週間経過する。 前回で、SSG の Gatsby.js(React) を学習し、ブログとして完成させた。

次のステップとして、 Web Application 開発目的で Next.js の学習を開始した。 以下の手順である。 動画視聴の目的は、全体の開発の流れを知り、知識のインデックスを頭の中に入れるためである。 機能追加と再実装の目的は、写経した学習内容を理解し、応用できるかを確認するためである。 また、型を付けて、エラーを検知できるようにするためである。

ブログ投稿のために、以下を行った。

  • ブログ記事のテンプレート作成

    • 10pt
    • 達成感（90 / 100）
    • 一貫した形式にするため
    • ブログ執筆時間を短縮するため

  • 活動記録含め、ブログ記事 5 つ投稿

    • 10pt x 5
    • 達成感（60 / 100）

  • 免許皆伝：コピーライティング | Udemy 137 動画視聴 / 202

    • 達成感（85 / 100）
    • ブログ記事のリンクをクリックしてもらえる、一定の人に刺さるタイトルと説明文を作るため

就職活動対策のために、以下を行った。

注意点

つまずきポイント

免許皆伝：コピーライティング | Udemy

  • 13.5 時間と動画時間が多い
  • ベネフィットを考えて、Qualify のヘッドラインをタイトルと説明文にするのが難しい

ブログ記事作成

  • ブログ記事のテンプレート

    • どの内容をブログに記載するべきかを考えたこと

    • どの順番とするのか考えたこと

      • どの内容をファーストビューにするべきか（今回は、前置きと結論とした）

  • ブログ執筆

    • 1 つの記事を書くのに、最低でも 3 時間かかり、他の学習の妨げになっていること

      • 現段階で、2 日に 1 記事のペースで、ブログ執筆の時間の割合が大きいため

    • 想定しているターゲットがクリックするタイトルと説明文を考えるのに時間がかかる

      • ベネフィット、 Qualify、ヘッドラインの技術を利用するため

    • パラグラフラインティングで、流し読みでも意味が分かる説明を作るのに時間がかかる

      • トピックセンテンスとサポーティングセンテンスをどの内容にするのかが分からないため
    • PNG、SVG 画像を探したり、 GIF（PNG）画像を作成するのに時間がかかる

Next.js

Firebase

動画を見ただけである。

反省

過去の活動記録と比較

なし。

目標の修正

なし。

行動内容の改善

他に良い Next.js のチュートリアルが存在しない場合、時間がかかっても『Next.js Project 2 (Blog + Todos 編)』を完成させる。 エラーハンドリングまたは型についての学習でない場合、Next.js の実装をせず、見るだけにする。 面接の回答を作成した場合、一度他の人にその内容を添削してもらう。

次回より後の予定

6 つ以上面接の回答を作成した場合、一度模擬面接を行ってみる。

学習内容の洗い直し

  • 『Next.js Project 2 (Blog + Todos 編)』

    • 写経
    • Firestore、TSX、可能なら GraphQL で置換（想定難易度高め）
    • 問題が出たらメモを取り、解決したら参考 URL を保存しておく

  • 面接対策

  • 就職活動

    • Twitter にブログリンクを追記し、Wantedly、Forkwell に自己紹介文を追加

    • Wantedly、Forkwell で条件に会う会社を 3 つ探す（想定難易度高め）

      • IR 情報で比較（他の人に手伝ってもらう予定）

  • ブログ記事執筆 3 つ、活動記録 1 つ投稿

    • 執筆時間を削減することを意識する

  • 『りあクト』シリーズを読む

    • エラーハンドリングと Concurrent Mode についての理解を深める
    • Suspense、SWR 等を使い、エラーハンドリングを TSX で実装できるやり方を知る（想定難易度高め）

次回より後の予定

まとめ

ブログについては、コピーライティングとブログ記事投稿での行動をした。 Web Application 開発については、Firebase 学習、 Next.js 学習をした。 就職対策については、面接対策の学習をした。

大きな問題は、2 つある。 エラーハンドリングのやり方が分からない問題とブログ執筆に時間がかかる問題である。 エラーハンドリングの問題は、Next.js（TSX）と GraphQL の実装や『りあクト』シリーズの理解で改善する。 ブログ執筆に時間がかかる問題は、1 つでも多くテンプレートに沿ったブログを書き、慣れるしかない。

補足として、GraphQL API サーバが存在しない場合、REST API サーバと fetch で型付けするか GraphQL サーバを立てるしかないだろう。