今まではLaravelのスターターキットで実装されていたナビゲーションメニューを使って機能を切り替えていました。それをSidebarコンポーネントに変更します。 比較的実装はシンプルで取り扱いしやすいと感じました。...
Laravel + inertia ＋ Vueスターターキットでshadcn-vueのData Tableを使う
shadcn-vueのData Tableコンポーネントを使ってみた所感です。クライアントサイドでデータを操作するためデータを読み込みは一度だけです。実装も比較的簡単でソースの見通しも良いです。...
Laravel + inertia ＋ Vueのスターターキットで作成されるソースをTypescriptで書き換える
スターターキットでTypescriptの選択肢を選んでいるのに構築されたソースはTypescript対応になっておらずJavascriptでの構成でした。そこでスターターキットのソースに対してTypescriptを設定する手順を調べてみました。...
Laravel でリレーションを設定してWebアプリケーションっぽくする
Laravel のリレーションを設定し一般的なアプリケーションによくある機能を実装します。 1対多、多対多のリレーションを実装する経緯やソースも掲載しています。...
Laravel + inertia + vue 環境でshadcn-vueを使う
Laravel + inertia + vue 環境でshadcn-vueを使ってみました。コンポーネント開発ではまず部品を作り始めることになると思います。部品を使い回すと開発速度が上がるようですが最初から作るとなると相応に開発工数がかかります。shadcn-vueは部品をソースで提供してくれるイメージです。...
Laravel + inertia ＋ Vue スターターキットで作成されるソースで仕組みを理解する
Laravel でシングルページアプリケーションを作成するにあたって、スターターキットを利用してフロントエンドにVueを使う環境を構築、そのソースからinertiaの役割について確認したことを書いてみます。...
ES6(ECMAScript 2015)について ～いくつかのES6以降の仕様を説明！
JavaScript の基本部分の仕様を定めているのが ECMAScript です。 ES6 以降もJavascriptはどんどん進化していて、いろいろな機能が追加され続けています。それを知っていないとプログラムの理解に時間がかかったりするので、ブラッシュアップが必要です。...
Vue3のドキュメントで理解したこと～Vueを知らないエンジニアがドキュメントで理解出来ること
Vue3の公式ドキュメントでEssentials項目について理解したことを紹介します。こちらはSFC形式で私が理解した内容です。ローカル環境にVue3をインストールして手を動かして理解することをおすすめします。Reactを調べたことがあり似ているところがありますが直感的にはVueが使いやすい印象です。...