背景 バグ改修をせっせとやっていた時の話 その一つに「XSS発生の対応」があった その時に見事にやらかした話 言語はLaravel バグ状況 状況はこんな感じ 管理画面でユーザーの注文一覧を見れる この各注文に管理者が「メモ」を書けるようにしていた この「メ…

https://qiita.com/yukibe/items/f49fcb935363200916fe computed 算出プロパティ 以下のような可読性の悪いテンプレート内のコードをすっきりさせる ↓before <div id="example"> {{ message.split('').reverse().join('') }} </div> ↓after <div id="example"> <p>Original message: "{{ message }}"</p> <p>Compu</p></div>…

はじめに 業務でVueを使っており、「動的コンポーネント」という概念が原因でうまくタスクが進まなかったことがあった 具体的には、共通JSであるapp.jsに書いたjQueryが、Vueから呼び出せない、という事象 尚、Vueではv-forを使っていた 当時の実装イメージ …

https://jp.vuejs.org/v2/style-guide/#優先度B-のルール-強く推奨-読みやすさの向上 コンポーネントのファイル 悪い例 コンポーネントのグローバル登録＋そこで処理を書く main.jsとかに全部のコンポーネントの処理を書くイメージ Vue.component('TodoList'…