今まではLaravelのスターターキットで実装されていたナビゲーションメニューを使って機能を切り替えていました。それをSidebarコンポーネントに変更します。 比較的実装はシンプルで取り扱いしやすいと感じました。...
Laravel + inertia ＋ Vueスターターキットでshadcn-vueのData Tableを使う
shadcn-vueのData Tableコンポーネントを使ってみた所感です。クライアントサイドでデータを操作するためデータを読み込みは一度だけです。実装も比較的簡単でソースの見通しも良いです。...
Laravel + inertia ＋ Vueのスターターキットで作成されるソースをTypescriptで書き換える
スターターキットでTypescriptの選択肢を選んでいるのに構築されたソースはTypescript対応になっておらずJavascriptでの構成でした。そこでスターターキットのソースに対してTypescriptを設定する手順を調べてみました。...
Reactでアプリケーション開発（ユニットテスト編～Jestを利用）
ユニットテストはプログラムで記載した処理に対して与えた情報（引数など）に想定した通りの結果が返るかをプログラムでチェックします。 手を加えたところは必ずテストするのが原則です。ユニットテストがあるとテストを実行することで想定したテストすべてチェック出来て継続的な開発でデグレーションを未然に防ぐことが出来ます。...
Reactでアプリケーション開発（Atomic Designでコンポーネント設計編）
Reactで作成したコンポーネントを組み合わせて画面を作ります。 どのようにすれば再利用やデザイン変更しやすくなるのでしょうか。 自分で一から考えると相応の時間がかかります。書籍を参考にして自分の実力を底上げしましょう。 Atomic Designついて理解したことを紹介します。...
Reactでアプリケーション開発（ReactとTypeScriptの知識編）
Reactはいざ開発するとなると何からして良いか分からなくなりました。 Reactだけでなく、JavascriptのES6の仕様、フック、他のライブラリの知識も必要になってきます。 様々な知識を総動員しないと開発出来ない印象です。 しかし、一度アプリケーションを開発すれば機能拡張やチーム開発がスムーズにいくそうです。...