KYO

auth-moduleの挙動がよくわからんで泥沼にはまっている

2019年3月17日

Nuxt.jsとLaravelでWebアプリを作っています。 ログイン機能にauth-moduleを使っています。 というか、本当にこいつが原因なのかも不明なのですが、多分こいつなんです。 結論からいうと、Trying to get property of non-object というあるあるエラーが起きてしまうのですが、 バックエンドが...

NuxtからLaravelに画像ファイルをアップロードする個人的メモ

2019年2月18日

今回の内容は、開発中の物に対する個人的なメモです。   [crayon-5c93122780148248291700/] fileに対してv-bindは使えないというのはvue界隈では有名なお話なので、変更があった際にファイルを設定してあげるようにするのが定石です。 [crayon-5c9312278014d790022612/...

Cannot read property ‘selected’ of undefined

2019年1月27日

よくわからんエラーが起きたとりあえず参考になる記事があった。 Cannot read property 'fuga' of undefined とは [crayon-5c931227802b6402643573/]   [crayon-5c931227802bb698522319/]   こんな感じで都道府県を選択した...

Nuxt.jsをサーバーで動かす時の設定

2018年11月28日

npm run generateでdistフォルダが出来上がるが、それをサーバーに置くとどうなるのか実験しました。 とりあえず何も考えずに超絶シンプルなものを作る [crayon-5c9312278053c518615678/] pages/hoge.vue [crayon-5c93122780541321630636/] assets/...

Nuxt.jsでaxiosとvuexを使ってみる

2018年11月27日

最近Vue.jsが面白くて勉強して、Nuxt.jsも勉強し始めたのでメモします。   キーワードを入力するとQiitaから関連する記事を取得してきて表示するというシンプルなサイトを作ってみました。 ただ作るのはあれなんで、厨二病っぽいデザインにしました これでスタバにいってドヤ顔しましょう 英語はよくわかんないので強そうなワード...

JavaScriptでトランプを作る

2018年9月17日

javascriptでトランプを作る トランプはハート、ダイヤ、スペード、クローバーで1~13の数字があります。 [crayon-5c93122780aaa641500467/] markにはハートとか種類を入れておき、それらに対して13回ループをかけます。 このtypeはmarkの中身が順番に入ってきます。 スペードを13回ループした後...

vue-cliで作る時にjQueryを導入するまでとビルド後にエラーが起きた時

2018年9月7日

vue-cliというすごいものがあると知ったんですが、npmとかいまいちよくわかっていませんでしたので、遠ざかっていました。しかし、Laravelとの連携を考える時に必要な知識になってくるのではないかと思い簡単に入門してみたのでそのまとめです。 プロジェクトを作成する [crayon-5c93122780cea773695124/] これ...

Vue.jsでコンポーネントの基礎を整理します

2018年9月2日

Vue.jsを勉強していますが、ちょっとコンポーネントの部分で躓いたので、整理もかねてメモを残します。今回はコンポーネントを定義して、そっから定義元であるメソッドを呼び出すという処理を行います。引数の受け渡しも同時に整理していきます   まずはこんなjsを用意しました。 [crayon-5c93122780fba41451002...

CSS

cssデザインメモ。自分の勉強用

2018年8月27日

cssでちょっとしたデザインをメモしていきます。背景画像系はまだまだ面白く操作できそうだ。 ボックスの左上と右下にアイコン画像を設置して、引用文などに使えるデザイン [crayon-5c9312278131a272505158/] [crayon-5c9312278131f214274267/] リストの右橋にアイコンをつける [cray...

JavaScript自分用メモ配列の扱い

2018年8月27日

配列と子要素の削除と追加などを勉強したのでメモ。配列の中に配列があったり、連想配列があったりするパターンがごちゃごちゃになるのでその辺も。 あとはquerySelectorAllの挙動とかの確認的なメモです [crayon-5c93122781672178037929/] [crayon-5c93122781677651164905/] ...