Vueとvue-routerのドキュメントを読了したので、ついにプログラムを書き始めます。笑
とりあえず認証まわりは後にするとして、ページ切り替えの部分を、正確な理解をした上で実装しましょう。
ドキュメントを読んだ上で参考ページを見ると、動きがわかりやすいですね。とりあえず
ナビゲーションバーを使ってページを切り替えるのをやってみたいところです。
単一ファイルコンポーネントっていう仕組みもあるので、それも活用したいところですが、Vuexまでいきなり手を出すとパンクしそうなにおいがしたので、Vuexについては次のプロダクトで学習、って感じになりそうですね。
流し見しただけの知識ですが、Vuexってのは状態管理のためのライブラリっていう認識です。変数をストアにぶっこむことで、僕(開発者)がどんな変数を受け渡すかとかそういうのをあんまり考えないようにするためのライブラリなんですかね・・・・・・?まぁ実態はつかめませんけど、結構長い記述を必要としそうで、簡単なプロダクトには不向きだそうなので、今回は学習を見送ることにした、って感じです。
まず、基本思想ですが、SPA、つまりシングルページアプリケーションということで、その「シングルページ」の部分がhtmlファイルですね。
htmlファイルの中に、ルートとなるid="app"のdiv要素があり、その中にrouter-linkでリンクを貼り、router-viewを更新していく、と。これはオッケーそうですね。
で、次によくわかんないのが
app.jsなるファイルですが、中身を見るとプロジェクト全体で使うファイルをインポートするためのjsファイルなんだろうか・・・・・・?
どこでこのファイルを呼び出しているのかわからないんですが、もしかするとnpmで使ってる、つまりビルド時に使用するだけで、表示する時には使ってない、って解釈でいいのか・・・・・・???
ということで、なんとなくの理解ができたので、routerを使い、なんかしらのサイトを模倣するところからはじめたいと思います。
僕は放置プレイでも稼げそうなビジネスとして、家庭教師斡旋システムを、と考えているのでまずは有名なTo-Lastさんの模倣からはじめようかなって思います。って思ってましたが、そういえば拙作カクテルデータベースのほうが適任なので、そっちをリファインするついでにVueを学ぶという方針に変えます笑
んで、とりあえず簡単なやつを実装しようと思ったんですが・・・・・・
はぁ・・・・・・うざ・・・・・・(嫌な予感)
進捗なかったので日記はここで途切れている・・・・・・(笑) ぼくは一体いつになったら開発が進むんだろう・・・・・・。
いまネックとなってるのが、サンプル通りに記載するとどうしてもnot foundになるファイルがあって、その解決策がわからないので仕方なくlaravel自体を再インストールしました(笑)
それでうまく行ったらうまく行ったでむかつくんですけど(笑)、いいかげんコーディングの段階に入らせてくれないもんですかねえ、、、
まじでさ、サンプル通りに書けばそのとおりに動く、っていうのがどの言語やる時もうまく行ってくれないのほんとなに・・・・・・なんでライブラリが壊れてんの・・・・・・意味がわからない・・・・・・ああ・・・・・・