動画視聴
A試験_ネットワーク再生リスト 4周
【A試験】ネットワーク_基本情報技術者試験 - YouTube
A試験_A/D変換再生リスト 2周
【A試験_A/D変換】01. アナログデータとデジタルデータ | 基本情報技術者試験 - YouTube
今回の勉強を実務に活かすなら、
A試験_ハードウェア再生リストの視聴
A試験_ソフトウェア再生リストの視聴
「キタミ式基本情報技術者試験」をchapter0~3まで練習問題を解きながら読み進めました。
今回の勉強を実務に活かすなら、
暗記系の問題はyoutubeの動画を流し聞きして歩きながら勉強しても良さそうです。
電車での通勤時間は過去問道場の暗記系問題を解くのに良さそうだと思います。
紙にメモする必要がある問題は、まとまった時間で家で勉強の方向で進めたいなと思います。
システム構成要素（ハードウェア、ソフトウェア、データベース、ネットワーク、情報セキュリティ）の暗記を背景知識を含めて行う。
外出先ではスマホで過去問道場を解き、自宅で参考書を読む切り替えで進めます。
一度プログラマーを辞める前までは、実務として2年弱プログラマー兼プログラミング講師として働いていました。開発は長くて連続6ヶ月強の案件しか経験したことがありませんでした。決して良い経歴とはいえないと自覚しています。
単発の開発と不定期な機能追加依頼を対応していた、案件先が契約を守らなかった、自己管理不足で体を壊したことが理由としてあります。
今までの自分の選択が、今の自分の実力の結果と強く認識しています。
今の職場は職務内容、人間関係ともに過去最高の環境です。
現在は心身、家庭ともに落ち着き、自分の現状を客観視することが出来ています。
「今の職場で少しでも速く、主戦力として、働きたい」と考えると自分の問題点が見えてきました。
「体系的な基礎知識を身につける姿勢」です。
復帰前までは納期を理由に、その場しのぎの情報収集と開発を繰り返していました。
基礎知識がないと、問題解決のヒントの手札がそもそも少ないと実感します。
稀に誰よりも特定の知識が豊富に見える場面もありますが一時的なものです。持っている知識の歪さが自分で一番わかるようになります。
理解の階段を飛ばして問題解決を図ると、たいてい手戻りや失敗を経験します。
依頼を頂いた開発をするにあたり、職場のライブラリの影響範囲や権限別の機能制限を把握する前に実装をし、手戻りを経験することもあります。
「一定水準の基礎知識を身につける習慣と姿勢」を改めて身につけるために、
まずは期間と点数のある勉強こそ最適ではないかと考えました。
そして今まで心の何処かで軽視してきた「基本情報技術者試験」に目をつけました。
目的はあくまでも「今の職場で少しでも速く、主戦力として、働きたい」の実現です。
（自分が手段を目的にしないようにするためハッキリ書いておこうかと思いました...）
基本情報技術者試験は速い人で1ヶ月で合格出来るらしいのですが、
私はコツコツ続けることを方針とするので、7月中の合格を目指します。
約3ヶ月間の勉強内容と、仕事の反省点を今後ブログに残していこうかなと思います。
コツコツと、てくてくと、歩きます！
下記3つの情報を参考にすれば1~3時間で、
Docker + Laravel10(認証機能付き) + React + TypeScript の環境構築が出来ます。
下記の前提で記事を書いています。
「Docker環境でLaravelで少しでも開発したことがある」に当てはまらない人は、
Dockerを知るところから始めることをおすすめします。
基本的に記事の説明通りに作業すれば、LaravelがDocker環境上で動かせました。
Qiita記事の著者様ありがとうございます。
これからReactを追加する際に重要となるポイントだけ先に触れておきます。
また、
/src/node_modulesフォルダと/src/vendorフォルダはボリュームマウントから外してます。これは依存ライブラリ群をマウント対象から外すことで動作の高速化を狙ってします。Viteを使った開発環境ではその特性上★超重要★で、これをしないとページのロードに平気で1分とかかかります。https://qiita.com/hitotch/items/869070c3a9f474a358ea#docker-composeyml
このボリュームマウントから 「/src/node_modules」 外す作業は、
react を導入した際に不都合があります。
どんな不都合なのかは、次の React + TypeScript 導入にて説明しますね。
次に React + TypeScript を導入するために、Laravel Breeze を利用します。
appコンテナに入ってLaravel
利用するコマンド
上記のコマンドで React + TypeScript を Laravel に導入すると2つの修正が必要になります。
React + TypeScript の導入時に、vite.config.js が書き換えられてしまいます。
reactの設定を追記するために上書きされホットリロードの設定が削除されます。
再度追記すると解決します。
何らかの工夫をしない限り、vscode が node_modules 配下の react を認識できず、
エディタ上にずっとエラーが表示されます。
前述した「ボリュームマウントから 「/src/node_modules」 外す作業」が影響して、
エラーが表示されています。vscode が node_modules にインストールされた react を認識出来ないことが原因です。
vite でのコンパイルは通りますが、開発中にエラーが表示され続けるのはちょっと...。
docker-compose.ymlの設定が原因なので、下記を削除またはコメントアウト。
改めて下記コマンドを実行してモジュールをインストールします。
これで vscode が エラーを出さなくなります。
「ボリュームマウントから 「/src/node_modules」 外す作業」をやめたことで、
viteのホットリードが遅くなります。
私の場合はダッシュボードの表示に約40秒かかることが確認出来ました。
解決策としてソースコードをフォルダごとすべてubuntu配下へ移動します。
詳細は参考記事を読んでほしいのですが、wsl上にファイルを移動させることで、
ファイルの読み込み量を減らすことが出来ます。
起動しているdockerを停止して、ソースコードをコピーまたは移動させます。
移動先で下記コマンドを実行し、画面の表示を試します。
npm install を実行すると、下記のエラーが出る場合があります。
root@-------:/src# npm run dev
> src@1.0.0 dev
> vite --host
/usr/bin/env: 'node': Permission denied
インストール権限がないことが原因で失敗するので、下記コマンドnpmを再インストールして解決します。
再インストールが出来たら改めて、下記コマンドで vite のホットリロードが動作するか確認します。
同じダッシュボード画面の表示速度は1秒未満になることが確認できました。
vscode が node_modules 配下の react を認識できず、エディタ上にずっとエラーが表示される原因を突き止めるのに1時間以上かかった...。
参考元のdocker-compose.ymlの記述をちゃんと読んでいないことで、表示されたエラー情報のみを参考に検索をして、的はずれな解決策を試して時間を使っていました。
参考元の情報で環境構築する際には「参考元が何をしているか」を少しでも知ろうとする姿勢があると、不具合の原因を見つけるヒントが得られると改めて認識できました。
