1日1%成長するブログ

毎日成長するために仕事/プライベートで得た学びをアウトプットするブログです

2020-11-01から1ヶ月間の記事一覧

Buefyで3列のグリッドレイアウトを作る

tonyo.design こちら勉強になった。こんな感じにするだけで3列のグリッドレイアウトになって、 溢れた分は折り返してくれる。 ul.columns.is-multiline li(v-for="(todo, index) in todos" :key="index" class="column is-4")

Vue.jsのルートインスタンスとコンポーネントの違いを理解する

ルートインスタンスとコンポーネントの違い ルートインスタンスは既存のHTML要素のID属性で紐付ける * そのためelオプションがある VueコンポーネントもVueインスタンスなのでelオプション以外は同じオプションを受けられる グローバルコンポーネントとロー…

Firebase Authで匿名ログインを実装して作成したuserデータを取得する

Userドキュメント用のTypeを用意する import firebase from "firebase" export type User = { id?: string name: string createdAt: firebase.firestore.Timestamp updatedAt: firebase.firestore.Timestamp } export const initialUser: User = { name: "",…

PaypalのAPIでRailsのアプリケーションと決済を照会できるようにする

Paypalの管理画面で表示される取引IDを取得するのは以下の通り。 このIDをRailsの管理画面で見れるようにしておけば決済の成功有無を参照できるようになる。 実際に運用し始めてから照会する方法が無いと困り、見つけた方法。 カード払い用のAPIの場合 devel…