waikiki

大学生。文系。フロントエンドはVue,バックエンドはDjangoを使って日々勉強中。 …

waikiki

大学生。文系。フロントエンドはVue,バックエンドはDjangoを使って日々勉強中。 Vueやdjangoについて残しておきたい事をメモします。

cronで自動実行をする。

　cronを用いて、データを自動で取ってくるやり方をメモしておきます。 まず、実行するスクリプトを書きます。 #!/bin/bash#data.shd=`date "+%H/%M/%S"`url="https://query1.finance.yahoo.com/v7/finance/download/7203.T?period1=1593070617&period2=1624606617&interval=1d&events=history&includeAdjuste

waikiki

    • ファイルを一括でrenameする。

      unixコマンドでファイルを一括で変更する方法をメモします。 rename 's/\.今の拡張子$/.変更したい拡張子/' *.今の拡張子 これを任意のディレクトリでコマンドを打てば、拡張子を変更することができます。 ファイル名の一部を変更したい場合は、 find ファイル名の一部* -type f | sed 'p;s/変更したいファイル名の一部/変更した後のファイル名の一部/' | xargs -n2 mv を実行すれば良いです。

      waikiki

      • vue-chart.jsのpropsを使ってみる。　（メモ）

        vue-chart.jsを使っていく中で、チャートの数値をpropsで呼び出した上でのチャートの描写を行なったので、メモしておこうと思います。 まずは、子コンポーネント。<script>//Chart.vueimport { Radar } from 'vue-chartjs';export default {extends: Radar,name: 'chart',props: { chartdata : { type: Array }}, data () {

        waikiki

        • vuetifyでtabを作る　（メモ）

          vuetifyでタブを作った際、少々手こずったので、メモしておきます。 まずはtemplate。<template><v-app id="app"> <v-container fluid class="ml-10"> <v-row justify="center" class="mt-10 mr-15"> <v-col cols="9"> <v-sheet height="250px" color="rgb(255, 255, 255, 0.2)" r

          waikiki

        cronで自動実行をする。

        waikiki

          djoserとvuexでログインをしてみる。　（メモ）

          DRFとVueを用いてログインの実装を行なったので、そのときの事をメモしておこうと思います。 まずは、djoserの設定。settings.pythonとurls.pyを以下のように設定します。INSTALLED_APPS = [ 'django.contrib.admin', 'django.contrib.auth', 'django.contrib.contenttypes', 'django.contrib.sessions', 'django.

          waikiki

          djoserとvuexでログインをしてみる。　（メモ）

          waikiki

          vue-chart.jsでグラフを描いてみる。　（メモ）

          vue.jsを勉強していく中で、グラフ描写をしたくなりました。そこで、vue-chart.jsというライブラリを用いてみることにしました。 まずはvueのcomponentsに以下のvueファイルをそれぞれ配置。<script>//BarChart.vueimport { Bar } from 'vue-chartjs';export default { extends: Bar, name: 'chart', data () { return { data:

          waikiki

          vue-chart.jsでグラフを描いてみる。　（メモ）

          waikiki

          Django Rest Frameworkのgenerics　（メモ）

          DRFのgenericsについての理解をメモしておきたいと思います。 モデルは作られている前提です。 まず、serializers.pyに以下の文を追加。from rest_framework import serializersfrom .models import Modelclass SampleSerializer(serializers.ModelSerializer): class Meta: model = Model fields

          waikiki

          Django Rest Frameworkのgenerics　（メモ）

          waikiki

          NESTしたAPIを作成する　（メモ）

          django rest frameworkでAPIを作る際に、ForeignKeyで繋いだModelをネストした形で送る方法をメモしておきたいと思います。 まずはmodels.pyfrom django.db import models#modelsclass University(models.Model): name = models.CharField(max_length=255) address = models.CharField(max_length=

          waikiki

          NESTしたAPIを作成する　（メモ）

          waikiki

          Vuetify でdialogの検索欄を作る　（メモ）

          Vue でnavバーを作っている中で、広い検索欄を作りたくなりました。 そこでVuetifyのdialogを使って作ってみました。 まずはtemplate。<template> <v-dialog v-model="dialog" persistent max-width="750"> <!-- nav --> <template v-slot:activator="{ on, attrs }"> <v-card color="grey li

          waikiki

          Vuetify でdialogの検索欄を作る　（メモ）

          waikiki

          djangoのカスタムユーザー作成　（メモ）

          djangoで簡単なwebアプリケーションを作成していると、djangoに初めから入っているUserモデルをカスタムしたくなりました。 その時の作り方をまとめておきます。 まずはmodels.pyを以下のように編集。#models.pyfrom django.db import modelsfrom django.contrib.auth.models import ( BaseUserManager, AbstractBaseUser)#modelsclass My

          waikiki

          djangoのカスタムユーザー作成　（メモ）

          waikiki