Laravel + inertia + vue 環境でshadcn-vueを使ってみました。コンポーネント開発ではまず部品を作り始めることになると思います。部品を使い回すと開発速度が上がるようですが最初から作るとなると相応に開発工数がかかります。shadcn-vueは部品をソースで提供してくれるイメージです。...
Laravel でデータベース操作の基本であるCRUD(Create（作成）」「Read（読み取り）」「Update（更新）」「Delete（削除）)を実装する
Laravel のスターターキットで開発環境を構築したあとに、データベース操作の基本であるCRUD(Create（作成）」「Read（読み取り）」「Update（更新）」「Delete（削除）)を実装し、Laravel のフレームワークとinertiaでシングルページアプリケーションを作った所感を記事にしました。...
Laravel + inertia ＋ Vue スターターキットで作成されるソースで仕組みを理解する
Laravel でシングルページアプリケーションを作成するにあたって、スターターキットを利用してフロントエンドにVueを使う環境を構築、そのソースからinertiaの役割について確認したことを書いてみます。...
Laravel でシングルページアプリケーションを作る場合の課題と一つの回答
Laravel でシングルページアプリケーションを作る場合の課題をあげ、その解決策としてinertiaを紹介します。inertiaはLaravelのスターターキットでVueやReactを使う場合に利用されています。...
WSL + Laravel + sail でスターターキットを利用するには
Windows環境は汚さないで開発環境を作りたいのでWSLを使った Laravel の開発環境を作りさらに、Laravel のインストールでスターターキットも利用する方法...
ES6(ECMAScript 2015)について ～いくつかのES6以降の仕様を説明！
JavaScript の基本部分の仕様を定めているのが ECMAScript です。 ES6 以降もJavascriptはどんどん進化していて、いろいろな機能が追加され続けています。それを知っていないとプログラムの理解に時間がかかったりするので、ブラッシュアップが必要です。...
Reactでアプリケーション開発（ユニットテスト編～Jestを利用）
ユニットテストはプログラムで記載した処理に対して与えた情報（引数など）に想定した通りの結果が返るかをプログラムでチェックします。 手を加えたところは必ずテストするのが原則です。ユニットテストがあるとテストを実行することで想定したテストすべてチェック出来て継続的な開発でデグレーションを未然に防ぐことが出来ます。...
Reactでアプリケーション開発（Atomic Designでコンポーネント設計編）
Reactで作成したコンポーネントを組み合わせて画面を作ります。 どのようにすれば再利用やデザイン変更しやすくなるのでしょうか。 自分で一から考えると相応の時間がかかります。書籍を参考にして自分の実力を底上げしましょう。 Atomic Designついて理解したことを紹介します。...
Reactでアプリケーション開発（ReactとTypeScriptの知識編）
Reactはいざ開発するとなると何からして良いか分からなくなりました。 Reactだけでなく、JavascriptのES6の仕様、フック、他のライブラリの知識も必要になってきます。 様々な知識を総動員しないと開発出来ない印象です。 しかし、一度アプリケーションを開発すれば機能拡張やチーム開発がスムーズにいくそうです。...
Vue3のドキュメントで理解したこと～Vueを知らないエンジニアがドキュメントで理解出来ること
Vue3の公式ドキュメントでEssentials項目について理解したことを紹介します。こちらはSFC形式で私が理解した内容です。ローカル環境にVue3をインストールして手を動かして理解することをおすすめします。Reactを調べたことがあり似ているところがありますが直感的にはVueが使いやすい印象です。...