この記事はVue.js #2 Advent Calendar 2018の18日目の記事です。 Vue.jsを使った開発では、特別な理由がない限り.vueファイルで記述するのが主流かと思います。.vueの場合、テンプレートの定義は<template>で行うことになるでしょう。 自分も何の疑問が湧くことなく<template>を</template></template>…

Nuxt.jsビギナーズガイドを著者の@potato4dさんよりいただきましたので、読んでみての客観的な感想を記しておきたいと思います。 Nuxt.jsビギナーズガイド―Vue.js ベースのフレームワークによるシングルページアプリケーション開発作者: 花谷拓磨出版社/メー…

Vue.js入門を@kazu_ponさんより頂きました。ありがとうございます。 遅くなりましたが、読んだ感想を残しておきたいと思います。 Vue.js入門 基礎から実践アプリケーション開発まで作者: 川口和也,喜多啓介,野田陽平,手島拓也,片山真也出版社/メーカー: 技術…

はじめてのサークル参加 技術書典4で一般参加して「なんか出す側のほうが楽しそうだなぁ」と思ってサークル参加してみた。 大変なこともあったけど、結果的にめちゃくちゃ楽しめた。 頒布したもの Vueのコンポーネント設計の本。テストのしやすさという観点…

湯河原にあるまいきゃっとという旅館でねこちゃんと一晩を過ごしてきた www.mycat-yugawara.com この旅館では併設されている猫カフェのねこちゃんを部屋に招いて一緒に泊まれる。控えめにいっても最高の体験&経験だった ねこちゃんのトライアル ねこちゃんと…

Nuxtでプレゼンツールが作れないもんかと試してみたときにたどり着いた副産物。 作ったのはこれ。（数ヶ月前に作ってもう飽きてる github.com スクショ TL;DR Nuxtをexpressのmiddlewareで動かす コンテンツの取得はexpressでAPI ファイルの監視はchokidar …

BOSEから発売された眠るためのイヤホン、BOSE SLEEPBUDSを購入してから3週間ほど経ちました。このエントリは自分にはそこそこ効果があったよというレビューです。 BOSE NOISE-MASKING SLEEPBUDS ノイズマスキングイヤープラグ出版社/メーカー: BOSE発売日: 2…

Dockerでホストしてるページ、pcで localhost とかでアクセスできるやつにiOS端末実機から開こうとしたらできなかった（同一ネットワークでpcのローカルipをURLに入れて） 。 webpackとかのローカルサーバだと同一ネットワーク内ならip入れればアクセスでき…

import firebase from "firebase" すると It looks like you're using the development build of the Firebase JS SDK. When deploying Firebase apps to production, it is advisable to only import the individual SDK components you intend to use. とw…

MBPを15インチから13インチに変えた影響で作業領域が若干せまくなりました。出先でやる気を出したいときに作業領域を広げたいので小さめなモニタを探しました。 いろいろ見た結果、購入したのはこれ。 cocopar モバイルモニタ ２０１８最新13.3インチフルHDI…

vuex-connectはVuexでReduxのconnectのようにstoreとコンポーネントを繋ぐやつ。 www.npmjs.com コンポーネントとstoreを繋ぐ部分を切り離せて宣言的に書けて気に入ってる。mapStateとかVuexが用意してるやつ使わなくてもstoreの値を取り出せて注入できる。 …

デスク付きのエアロバイク FlexiSpot V9 を購入した。 FlexiSpot V9 (2018 CES Innovation Awards 受賞) フィットネスバイク エアロバイク スタンディングデスク 組み立て不要 無段階調整 移動と収納簡単 (ホワイト)出版社/メーカー: Loctek Visual Technolo…

弊CodeGridにてVueの2.1から2.5で追加された機能からいくつかピックアップして解説した記事を書きました。 CodeGridで入門シリーズを連載したVue.js 2.0。その後のアップデートをおいかけ、特に注目したい機能を選んで解説します：キャッチアップ Vue.js - 2…

WebStormのJest連携便利 WebStormはエディタの中でJestによるテストを走らせられる。テスト全体ではなく、テストケースごと(it,test)やdescribe単位でも走らせられる。 （左のくるくる記号をクリックするとテストが走る） テストケース増やしたときにそこだ…

VueのSFCでのCSSの命名について以前書いた。 nakajmg.hatenablog.com このSFCSSをやってくうえでクラス名を記述するのをなんとか楽できないか考えた。 この記事はその試行錯誤の軌跡である。 はじめに結論 コンポーネントのnameからクラス名を付与するディレ…

タイトルの通り、背景が透明なSlackクライアントを開発合宿で作った。 モチベ 画面共有してるときにチャット見える状態にしたい(ウィンドウのサイズは小さくしたくない) 作業集中するとき公式クライアント終了させたいけど、案件のチャンネルとか見ておかな…

1月の中頃から8泊9日で金沢を満喫しつつ仕事してきた。 三度目の金沢 金沢に行くのは三度目。前回の訪問が1年半前くらいで、観光地はほとんど訪問済み。 それでも金沢に行きたい理由は日本酒とご飯。金沢の日本酒好きだし、どこでお寿司食べてもだいたい美味…

追記(2019/02/12) vue-cli v3向けにはプラグインがある github.com テスト用にdata-test属性を使ってる VueコンポーネントのテストをJest + vue-test-utilsで書いてる。 dataとかpropsの値によって状態が変化する要素のテストをするとき、要素の特定のために…

config.yml の environment で TZ: Asia/Tokyo を指定する version: 2 jobs: build: docker: - image: node:8.9.0 environment: TZ: Asia/Tokyo