学習記録2025.1.5（冬期休暇74時間 開発・学習しました）
Posted date at 2025-01-05
冬期休暇と12月8日以降の学習で完了（一部途中）したコンテンツを共有します。
🚀サマリー
🐡合計学習時間
🐡学習内容詳細
🚀業務開発（15.75時間）
PV製造工程チェックシートアプリケーションの開発を行いました。チェックシートのマスタ（ひな型）作成機能が完了し、チェックシートの一覧を表示するページの作成に取り掛かりました。1月中リリースを目標に進めています。
以下を行いました。
〇設計・要件定義：
・チェックシートの登録、編集、削除機能（途中でパラメータを変更する方法、登録、編集、削除I）
・PDFの管理機能（複数のチェックシートを名寄せして表示する機能、履歴を管理、表示する方法）
〇実装：
・一覧画面の検索UI
・一覧画面での検索パラメータを保存する機能
・プロフィールでユーザが設定したページにリダイレクトする機能
🚀プログラミング学習（58.5時間）
プログラミング学習を行いました。SQLとデータベース設計について基礎を固め、デザイン（Html＋CSS）についても学びました。その他、Git、RAGの開発についても学びました。
今回からノートをとるようにしました。自分の言葉で説明するようにすると理解が深まりますし、記憶に定着しやすいです。知識の足場づくりの補助になると思います。自分で疑問に思ったこと、なるほどと思ったことを書くことで感情が動いたことがより脳に刻まれやすいと思います。
🐡データベース（SQLとデータベース設計）
以下3点の理由で受講しました。
・RDBで１からデータベース設計をしてアプリケーション開発をしたい
・WebエンジニアとしてSQLとテーブルの正規化くらいちゃんと知っとくべき（はずかしい）と思った
・周りにデータベースの原理、原則をしっかり理解している・知っている人間がいない（偏った経験と感覚でモノを言い合っている）。
【Udemy】3時間で学ぶ SQL ・データベース 超入門【丁寧な解説+演習問題で SQL データ抽出の基本が身につく】標準 SQL
感想：基本的な文法とSQLの実行順序について学べたのが大きかったです。とりあえず覚えたので、後は実践だと思っています。
【Udemy】はじめてのテーブル設計・データベース設計【わかりやすい解説 + 身近なテーマでレッスン】
感想：論理設計とは何か、特に正規化と正規形（第１～第３）の考え方と実際にどういう風にやるかが学べたのが非常に良かっです。思っていたより形式的（ルール的）であり、後は自分の課題で使うだけなので何かアプリを作りたいです。
🐡デザイン（Html+CSS）
2025年中に自分のスキルや成果物を紹介するポートフォリオサイトの完成を目標にしているため学んでいます。
【書籍】1冊ですべて身につくHTML & CSSとWebデザイン入門講座［第2版］
１番売れているHtml+CSSの本であることと、モダンなモダンなWebサイト制作を学びたい、著者の経歴やWebサイトを見てこの人が書いた本で学んでみたいと思って購入しました。
実践的な書き方だけではなくて、デザインのヒントが示されていたり、特にコラムで便利なサイトや参考になるデザインが多数記されている点がすごく有難かったです。
制作したWebサイト
【書籍】ほんの一手間で劇的に変わる HTML & CSS と Web デザイン実践講座
現在進行形ですが、こちらもコラムがめちゃくちゃ参考になります。CSSは知識の足場ができてきてやっとつかえる感じできていますが、この本にも助けられています。
🐡Git・GitHub
GitHubの基礎から学びました。そもそものGitとGitHubの仕組みからブランチを切ったり、プルリクエストをしたり、コンフリクトを解消したりする手順を学びました。
🐡Next.js・RAG開発
LangchainによるRAGの仕組みと開発手法について学び、実際に自分でも社内ドキュメントを試してみました。
🚀2024.12.8以降の学習内容
以降は冬休み以外の学習済の内容です。
🐡Webデザイン
【Udemy】Figma でレスポンシブ WEB デザイン作り方！Figma の基礎から WEB デザイン実践まで完全サポート
以下の理由から学びました。一通り使いかが分かり、モダンなWebデザインについても学べました。
・使い方がわからず、デジタル庁のデザインテンプレートがろくに見れない。
・アプリ開発を作るとき紙に手書きではなくて、Webデザインツールを使ってデザインカンプを作りたい。
【セミナー】デモンストレーションを見ながら学ぶ HTML/CSS の基礎（４）
パララックス（スクロール時のアニメーション）の手法について学びました。CSSでの実現方法や参考となるライブラリ、サイトが知れました。
🐡フルスタック（Next.js）
【Webサイト】Nextjs の考え方📒
AppRouterを扱ううえで知っておかなければならないことを学びました。基礎がわかっていること前提ですが簡潔に要点をまとめられており、とても参考になりました。理解度は6～7割くらいだと思います。
【Udemy】実例で学ぶ Next.js App Router の基礎とベストプラクティス完全マスター講座
上記のサイトの内容も含め、ShinCodeさんがさらに分かり易くベストプラクティスを解説してくれています。この講座の受講でAppRouterの基礎は大方頭に入ったと感じていますので、ある程度自信をもって実装していきます。
🐡AI駆動開発
AI駆動開発の手法を学びました。AIによる個人開発は今が始め時（先行者メリットが活かせる）そうです。自分も初めてライブラリを使うときのたたき台に使用しています。
ShinCodeさんの言うように、自分でUIや仕様を決められる個人開発との相性はよさそうです。
受託や社内開発みたいにお客さん（相手）の要望ありきの仕事だとポン出しでは使えないので、仕組みは理解して直せないと無理だし、大きなアプリになると設計が重要になるのでそのようなケースではまだAIにお任せは難しいと感じます。
🐡アプリケーション設計
〇良いコード/悪いコードで学ぶ設計入門
オブジェクト指向のアンチパターン（良くない設計）とそれをどうすればいいかについてコードレベルの解説で学びました。
技術的な話ではないですが、外面ばかりを重視して中身を軽視する組織文化（バグがないことや実装した機能などの見えるものにしか評価を置かない）が悪いコード、レガシーコードの生成に影響するという点に共感を覚えました（今までがそのような組織だったため）。
🚀まとめ
目標であった70時間はクリアしました。今年は技術面でWebエンジニアとしての平均値を超えます。デザイン、フロントエンド、バックエンド、DBで穴のない状態にした上で、自分の専門領域・強みをつくりたいです。現時点ではフロントエンドとデザインにフォーカスしようと考えています。
そのために差分を意識した継続を1年やり切ります。
←ホームに戻る