11/25の記録がない笑

 

まあいいや。

 

 

ついに150日。一旦未経験は抜けた感はある。

★調べればある程度のロジックの理解

★エラーが起きても見たことあるっていう既視感増える

 

11/26 トルココーヒー。モーダル。オーバーレイ

 

axios理解してDBのデータから特定のユーザ情報だけ取り出す

色々やりかたはあるんやけど

自分で見つけたのは2つ

 

 

 

laravelのデータをvueに渡すっていう考え方で行けるんじゃね??

https://cpoint-lab.co.jp/article/201906/10190/

↑やろうとしてることはわからんでもないが少し難しかった。。。。

 

https://larapet.hinaloe.net/2017/03/10/vue-bind-entity/

この記事が自分が理解した2つ目の方法。

 

<router-view :user = "{{$user}}"/>

 

v-bind:user = “{{$user}}”

ってやったげて

 

そこからpropsで渡してあげる

今思ったら親から子への値渡しまんまやん

 

親にv-bindで値を示す

それを子がpropsで保管

その保存したデータを子で使ってあげる

https://reffect.co.jp/vue/vue-js-table-cell-editable

 

昼休み

https://kumiko-jp.com/archives/273942.html

トルココーヒー

直近の夢に追加

★トルコに行って至高のトルココーヒーを飲む

 

トルココーヒーは夢の一つに加わりました。

見た目にも味も文句なしで、最高のコーヒーです。

 

model内のfillable部分に変更可能なカラムを書いていないと変更はできない

↑深く調べてみる

https://qiita.com/toro_ponz/items/b33c757cb7ba5bb48ed4#pros

https://qiita.com/henriquebremenkanp/items/cd13944b0281297217a9

 

何回変更加えても変わらないな思ってたらModel内にfillableを付け加えていない問題

まじでこれで時間取られるのは違う

 

http://exrecord.net/how-to-create-overlay-and-modal-window-in-jquery

画面にサイドメニューを表示させて他の部分をクリックした時に元の画面に遷移する

 

画面オーバレイとモーダルウィンドウの作り方

 

modal

 

overlay

上のセレクタをアクティブに表示させてあげれば

画面全体が上のコンテンツになります。

 

肝は

★z-index height width  position:fixedかな

 

 

★応用編★

 

$( function(){
  // モーダル領域をクリックでフェードアウトさせる
  $( '.modal' ).click( function(){
    $( this ).fadeOut();
  } );
  // がしかし、画像をクリックでキャンセルさせる
  $( '.modal__img' ).on( 'click', function( e ){
    e.stopPropagation();
  } );
} );

 

モーダル外の黒く表示されてる部分をクリックした場合モーダル消える

(画像クリックではモーダル消えない)

 

で指定した要素に対しては

関数が適用されないという指定ができます。

 

11/28

 

laravel の表示されるファイルは

指定しない限り public配下

 

 

基本的に外からファイルが見えないようにするために

可視可能なファイルはpublic配下だけみたいです。

 

 

https://qiita.com/yuba/items/567f8f47c9bb5a20200e

データの男女の型は数字で判断

 

data内にman woman

とか的確な値を入れるという方法もあるのですが

正直これだと仕様変更になった場合やごちゃごちゃデータが

入り乱れてしまった場合に対応が難しいです。

 

なので、数値にしましょうってお話です。

 

 

https://www.ritolab.com/entry/25

laravelのmigrationの文字数とか制限とかについて書かれてる

 

 

http://recipes.laravel.jp/recipe/224

Routeの指定し方

 

Formファサードを使う機会があって調べた。

Form::open Form::closeだけで簡単にform作成できるのはありがたすぎる。

 

 

https://qiita.com/zushi_0905/items/a21212a205b755cff2db

FacadeのForm使えるように

 

 

11/28

 

Confirm画面に遷移した際に持ってく内容と表示(View Controller)

環境構築 www配下でアクセスできない問題の解決

モデル作成して入力する値の制御

Validationの設定

 

 

https://qiita.com/fagai/items/9904409d3703ef6f79a2

laravel valideできる内容

 

validationにはいろんなやり方があるがlaravelでは予め設定されてる物があって

とてつもなく便利。それの名前を指定してあげるだけで標準装備のウエポンが使えるって感じ

 

名前というnameのとこには

required =入力必須  max = 最大文字数10文字

 

https://readouble.com/laravel/5.8/ja/validation.html

laravel error発生時に表示させる書き方

 

$error->nameみたいに

$errorのアロー関数でその後inputなどにつけたname部分を引っ張ってきてあげれば

その部分にどんなエラーが発生してるか確認することができる。

 

 

https://qiita.com/sakuraya/items/42fffe0f171d49ee74a0

Config配下に変数の配列を渡すことができる

 

どこからでも呼び出せるリストを作るって考え方

 

自分のべんり辞書作っていこ

 

エンジニアって個人個人で便利辞書的なの持ってるか調べてみたが

持ってるっぽい

 

https://dara-blog.com/enginner-productivity-tool

 

同じコードを何度も書くのはレベル50になったとき

一番最初の村の近辺で敵キャラを倒すのと同じやからね。

 

Boostnote

 

methodsの中にアカウント取得のロジック

getAccounts: function(){

   var url = '/accounts'

   axios.get(url).then((response) => {

       this.accounts = response.data

   })

},

 

んで持ってcreatedかmountedで

それを呼び出してあげるとページ読み込みの際にアカウントが

データ配列の中に入ってきてる状況を生み出せる。

 

これは知ってよかった。ガシガシつかっていく。

 

11・29 ウォーレンの優先事項

 

やりたいこと25こ出してそこから5個に絞る

それがその人のできる最大限のタスク

その一年間でそれだけを念頭に行動する。

 

・筋トレにまつわること(侍みたいな筋肉)

・声にまつわること

・プログラミングにまつわること

 

http://am1tanaka.hatenablog.com/entry/2016/06/20/235407

フォーム入力値の保存

    {{old(nameに設定した値)}}

でpostしたときに残っていた値が表示される。

 

 

https://qiita.com/zaburo/items/45567503b5cda739fcc9

 

 

bladeの多重継承

https://qiita.com/kamikoloss/items/b7ec871657d25a00ef67

 

多重継承に関しても親子と同じ

親子孫で

親にyield 子にextends section

子にyield 孫に extends section

 

記入できる

 

 

11/30 スマホ対応

 

.sidebar-smaho{

@include media-breakpoint-up(sm){

display:none;

}

}

sm以上のときは表示させない

up と downの違い

downは数値以下のときに適用 upは数値以上のときに適用

 

sm xs

breakpoint-upの時はそれより大きいサイズのときには適用

breakpoint-downの時はそれより小さいサイズのときに適用

 

なるほどって感じ

 

でもスマホ対応させて画面から消えるっていうのは 

かっこいいし快感。

 

 

まとめ

 

今週の学び・できたこと

 

  • Laravel Formの作り方
  • modalとoverlay
  • 辞書作り始めた
  • 本1.5冊読めた

 

今日から12月

 

最後の一月やりきる。やりきる!!

 

今週のお気に入りツイート

 

 

 

おすすめの記事