Vue.js/Nuxt.js

Nuxt.jsのmethodsでページ遷移

Nuxt.jsのmethodsでページ遷移をする方法を備忘録として書いておきます。 (多分素のVue.js + Vue-routerでも使えます) export default { methods:{ redirec...
Web

CloudFlare経由でのアクセスでNginxが受け取るIPアドレスを正しくする方法

CloudFlare経由でNginxへのアクセスがあった際に本物のIPアドレスを取得する方法を紹介します。Nginxの設定ファイルに下のように追加することでヘッダーのX-Forwarded-Forに正しいIPアドレスが入ります。No...
Vue.js/Nuxt.js

Vue-routerで動的リンクを生成してみる

Vue-routerで動的なリンクを生成する方法をメモルーティング { path:"/test/:id" name:"test", component:test } パラメーターの取得 test.vue met...
Vue.js/Nuxt.js

Vue.jsで外部のスクリプトを読み込む方法

Vue-cliで開発していてCDN経由で外部のスクリプト(recaptcha)を読み込もうとした際にハマったのでメモmain.js mounted(){ let recaptchaScript = document.create...
Vue.js/Nuxt.js

NetlifyにVue-cliで作ったサイトをデプロイする

NetlifyにVue-cliを使って作ったサイトをデプロイする方法を紹介します。 build はじめにVue.jsのアプリをビルドします。 npm run build デプロイにはgitのリポジトリが必要なのでビルドで生成されたdistフ...
日記

決済機能を導入できるAPIを比較してみる

今回は決済系のAPIを4社比較してみます。今回は次の4社を比較します。 Stripe Pay.jp Omise Komoju Stripe 公式サイト Stripeはアメリカの企業が運営しているクレジット決済サービスです。 対応ブランド...
Node.js

Node.jsでbcryptを使う方法

今まで作っていたサイトをDjangoからNode.js(Express)に書き換える事になったので備忘録として残しておきます。 インストール npm install bcrypt 読み込み const bcrypt = require("b...
Go

Go入門ー変数型

今回は変数について解説します。GoはPython等と違って静的型付けなので変数を定義するときに型を設定する必要があります。 論理値型 論理値型は真(true)偽(false)のどちらかが入ります。 var 変数名 bool 整数型 整数...
Go

Go入門-「hello world」

一年前ぐらいにGo入門記事を書こうと思っていたのですが、完全に忘れていたので続きを書きます。今回は、Hello Worldと文字入力をやってみます。 ハローワールド package main import "fmt" func ma...
Django

Django + GCSでファイルアップロード&ダウンロードを実装してみた

はじめに PythonからGCSにアップロード・ダウンロードするためにはAPIキーが必要になるのでコンソールから予め取得しておいてください。Django APIキーを用意できたら適当にプロジェクト・アプリを作成してsetting.py...
タイトルとURLをコピーしました