大ちゃんの駆け出し技術ブログ

RUNTEQ受講生のかわいいといわれるアウトプットブログ

vue

Slack社審査済みアプリ!社内プロフィール共有サービス「プロフちゃん」をリリースしました!

はじめに 今回ようやく個人開発のサービス「Slack App 社内プロフィール共有サービス プロフちゃん」をリリースしました!! 【本サービスサイト】 www.prof-chan.com 【Slack App Directory】 showprofilede-lr12072.slack.com 【Twitterアカウント】 twitt…

【Nuxt】プロジェクト立ち上げ

はじめに こんにちは!大ちゃんの駆け出し技術ブログです。 10日間ほど更新できていませんでしたので久しぶりの投稿となります。 今月はVue.jsのフレームワークであるNuxt.jsを中心に投稿していきたいと考えています。 Nuxt.js - ユニバーサル Vue.js アプリ…

【Firebase】【実装編】slack認証

はじめに こんにちは!大ちゃんの駆け出し技術ブログです。 先日Firebaseを使用したslack認証の設計についての記事の続きになります。 【Firebase】Sign in with Slackの実装方法(設計) - 大ちゃんの駆け出し技術ブログ 今回からいよいよ実装編ということでs…

【Vue】【Rails】selectタグのv-modelとActive Hashの更新

はじめに こんにちは!大ちゃんの駆け出し技術ブログです。 Active Hashを使用して出身地を登録するフォームを作っていたのですが、そこで少しつまずいたので備忘録として残しておきます。 つまづいた箇所 以下のようにActive Hashを使用して県名を登録して…

【Rails】【Vue】Form Objectとの連携

はじめに こんにちは!大ちゃんの駆け出し技術ブログです。 PF制作で使用したVueからForm Objectを使用した連携方法について記事が少なかったのでここに記事として残しておこうと思いました。 PF制作では以下のようなカードを実装したいと思いました。1つの…

【Vue】vee-Validatorのメッセージをリセット

vee-Validatorの副作用 こんにちは!大ちゃんの駆け出し技術ブログです。 今日は文章量少なめです PF制作時にvee-Validatorのフォームで少し困ったことがありました。 下記のように入力フォームにバリデーションをしていたとします。未入力の場合バリデーシ…

【Vue】【自戒】computedとmethodsの相違点

過ち こんにちは!大ちゃんの駆け出し技術ブログです。 今回はタイトルに【自戒】とあるように同じ過ちを繰り返さないために書いている記事になります笑 何をやらかしたのかというと、Vueファイルに下記のようなコードを書いた事です。 <template> ・ ・ {{ translateG</template>…

【Vue】moment-js

vue

moment-jsとは こんにちは!大ちゃんの駆け出し技術ブログです。 この記事では日付フォーマットを変換するプラグインのmoment-jsについて紹介します。自分のPF作成で使用したため忘れぬうちにアウトプットさせていただきます。 Moment.js | Home 今回自分が…

【Vue】VeeValidate

はじめに こんにちは!大ちゃんの駆け出し技術ブログです。 本日はveeValidateについてのアウトプットです。 これはフォームを入力時にフロント側でバリデーションしてくれる機能ですね。 これを使うと以下のようにリアルタイムでバリデーションのメッセージ…

【Vue】axios - Base URLの指定方法

Base URLの必要性 こんにちは!大ちゃんの駆け出し技術ブログです。 本日のショートアウトプットはaxiosのbase URLの指定方法です。 axiosとはvue.jsでAPI通信によるJSON取得時に使われるHTTPクライアントです。 axios を利用した API の使用 - Vue.js アプ…

【Vue】slot

はじめに こんにちは!大ちゃんの駆け出し技術ブログです。 今月は主なアウトプットとしてvueを題材にしたものを書きます 大体が短いアウトプットで終わると思うので、いつもみたいな長い記事ではないかなと思います。 基本的な用途 本記事ではslotについて…