Motomichi Works Blog

モトミチワークスブログです。その日学習したことについて書いている日記みたいなものです。

vue/singleline-html-element-content-newlineのルールを無視するタグを追加する

参考にさせて頂いたページ eslint-plugin-vue/singleline-html-element-content-newline.md at master · vuejs/eslint-plugin-vue · GitHub eslint-plugin-vue/singleline-html-element-content-newline.js at master · vuejs/eslint-plugin-vue · GitHub タ…

sendmailコマンドでメールを送信する

参考にさせて頂いたページ sendmailコマンドで送信してみる 以下のように sendmail [送りたいメールアドレス] を入力してenterを押します。 とりあえず自分のメールアドレスにでも送ってみるのが良いと思います。 $ sendmail hoge@example.com 続けて以下の…

Rails5 erbで画像パスを取得する

参考にさせて頂いたページ ActionView::Helpers::AssetUrlHelper はじめに image_tagメソッドみたいにタグが出力したいわけではなく、src属性に入れるパスだけ欲しかった。 サンプルコード 以下のような感じに書きます。 <%= image_path 'hoge/foo.png' %> …

docker-composeとnginxのdocker imageで簡素に始める

参考にさせて頂いたページ docker-composeを使ってnginx上でVueアプリケーションを動かす - Qiita ディレクトリ構造 以下のようなディレクトリ構造です。docker-compose.ymlからの相対パスで色々指定しています。 hoge/docker-compose.yml hoge/nginx/Docker…

任意のユーザーを一時的にdockerグループに所属させる(カレントグループの確認と変更)

参考にさせて頂いたページ gpasswdについて dockerコマンドをsudoの付与無しに実行できるようにする – guro_chanの手帳 newgrpについて Dockerでユーザーをdockerグループに追加することの危険性を理解しよう - Qiita http://www.turbolinux.co.jp/products/…

任意の子コンポーネントを入れ子にしてテストする | Vuex + vue-test-utils その0003

参考にさせて頂いたページ マウンティングオプション | Vue Test Utils はじめに テスト対象のコンポーネント内部に子コンポーネントを配置していて、shallowMount()の引数として特に設定を追加していない場合は、本来自分が配置しているコンポーネントでは…

this.$storeを参照している子コンポーネントを単体でテストする | Vuex + vue-test-utils その0002

参考にさせて頂いたページ マウンティングオプション | Vue Test Utils はじめに 子コンポーネント単体でテストをしたいけど、this.$storeを参照しているcomputedなどがあり、テスト実行時にエラーが出たのでどうにかしたかったという経緯があります。 サン…

computedでglobal変数をreturnしているvmをvue-test-utilsでtestする | Vuex + vue-test-utils その0001

参考にさせて頂いたページ Mounting Options | Vue Test Utils 要約すると 要約すると「任意のcomputedを上書きしてからtestを実行する。」ということになります。 例 例えばプロダクトのコードで、 window.gon = { hoge: 'example_value' } を用意して、こ…

環境構築 | Ubuntu18.04 + docker-composeでrailsアプリケーション開発 その0001

参考にさせて頂いたページ docker-composeのインストール Docker Compose のインストール — Docker-docs-ja 17.06.Beta ドキュメント dockerとdocker-composeのインストール(Linux編) - Qiita docker daemonの起動とか systemd と Docker の管理・設定 — Doc…

| Ubuntu18.04 + dockerのCentOSイメージでrails その0001

はじめに 全くまとまってい ない自分用メモです。 この手順通りやっても動くかどうかもわかりません。 そのうち暇なときにまとめ直そうと思います。 dockerのインストールとHelloWorld まず以下の記事の手順でHelloWorldまでやりました。 ubuntu18.04でdocke…

Vue.jsでもデザインと振る舞いを分ける(Presentational ComponentとContainer Component について)

参考にさせて頂いたページ Vue Loader公式 SFC Spec | Vue Loader 色々 React/Reduxを約三年間書き続けてきたので知見を共有します - Qiita Presentational ComponentとContainer Component について 日本語訳: Presentational and Container Components – …

node-sassでディレクトリごとwatch(監視)する

node-sassでディレクトリごとwatch(監視)する 例えば以下のような感じです。 $ node-sass src/entry_points/ -o public/stylesheets/ -w 一応解説すると以下の通りです。-w はwatchです。 $ node-sass [監視したいディレクトリ] -o [書き出したいディレクト…

webpackでビルドする前にeslintで.vueと.jsの構文チェックをする | webpack4.x+babel7+vue.js 2.x 環境構築 2019年3月版 ステップ0004

参考にさせて頂いたページ webpack.config.jsについて Configuration | webpack eslintについて Command Line Interface - ESLint - Pluggable JavaScript linter eslint-loaderのoptionsについて GitHub - webpack-contrib/eslint-loader: eslint loader (f…

.vueファイルの中にscssを書けるようにする | webpack4.x+babel7+vue.js 2.x 環境構築 2019年3月版 ステップ0003

参考にさせていただいたページ 【webpack】vue&amp;type=style&amp;index=0&amp;lang=scss - Qiita プリプロセッサの使用 · vue-loader TextField.vueを編集する src/javascripts/vue_applications/common/components/TextField.vueのtemplate に以下の通り…

vue-test-utils + jestを追加する | webpack4.x+babel7+vue.js 2.x 環境構築 2019年3月版 ステップ0002

参考にさせて頂いたページ テストを実行する環境の構築 GitHub - vuejs/vue-test-utils-jest-example: Example project using Jest + vue-test-utils together GitHub - babel/babel-bridge: A placeholder package that bridges babel-core to @babel/core.…

Vuexを使用する基本的なビルド環境を構築する | webpack4.x+babel7+vue.js 2.x 環境構築 2019年3月版 ステップ0001

はじめに Windowsでもできます。 MacやUbuntuなどでもできると思います。 これから何回かに分けてnpm initするところから、以下のようなことをできる環境を構築していきます。 webpack4 + babel7 を使ってビルド vue-test-utils + jest を使ってテスト実行 e…

IE9でも動くようにES6のシンタックスを使用していないことをeslintでチェックする

参考にさせて頂いたページ Configuring ESLint - ESLint - Pluggable JavaScript linter はじめに 業務でIE9に対応したJSを書くことになりました。 babelは導入されていないのですが、つい癖でうっかりES6のシンタックスで書いてしまいます。 それがそのまま…

gitその0002 マージ済みのブランチをローカルからまとめて削除する

参考にさせて頂いたページ 【 xargs 】コマンド――コマンドラインを作成して実行する:Linux基本コマンドTips(176) - @IT マージ済みのブランチをローカルからまとめて削除するコマンド git branch の実行結果を一つずつ引数にしてくれます。 このときmast…

dockerのCentOS7.3コンテナでFailed to get D-Bus connection: Operation not permittedになる問題を解決する

参考にさせて頂いたページ CentOS 7のDockerコンテナ内でsystemdを使ってサービスを起動する CentOS7.3にPostgreSQL9.6.3をインストールしてみた Failed to get D-Bus connection: Operation not permitted dockerのCentOS7.3コンテナにPostgreSQLをインスト…

RSpec+Capybaraその0003 非同期処理などの後で少し待ってから検証を続行する using_wait_time()

参考にさせて頂いたページ 河西 高明 Tech Blog: Capybara で一時的に非同期処理の待ち時間を調整する using_wait_timeを使う using_wait_time 5 do expect(page).to have_content 'なんかテキスト' expect(page).to have_css '#hoge' end

git diffやgit logで日本語がうまく表示されないので直す

git

参考にさせて頂いたページ git log、git diff、git showでの日本語の文字化けをまとめて対策 | WWWクリエイターズ .gitconfigと.bashrcを編集する 参考というかそのままやっただけですが、 ~/.gitconfig に以下の行を追加します。 [core] pager = less -cm q…

vimで日本語が文字化けしたので文字コードを設定する

vim

参考にさせて頂いたページ https://qiita.com/meio/items/08143eacd174ac0f7bd5 .vimrcを作成する ~/ に .vimrc を作成します。 記述内容は以下の通りです。 set encoding=utf-8 set fileencodings=iso-2022-jp,euc-jp,sjis,utf-8 set fileformats=unix,dos,…

ubuntu18.04を日本語でインストールした後で端末(ターミナル)を英語化する

参考にさせて頂いたページ コンソールの日本語表示を英語にする方法 .bashrcを編集する 以下のコマンドで設定できる言語一覧が表示できるようです。 locale -a .bashrcに以下の行を追加します。 export LANG=en_US.UTF-8 .bashrcの編集内容を反映します。 so…

Ubuntu18.04にChromeをインストールする

参考にさせて頂いたページ UbuntuにGoogle Chromeを簡単にインストールする方法 | カレリエ コマンドメモ sudo sh -c 'echo "deb http://dl.google.com/linux/chrome/deb/ stable main" >> /etc/apt/sources.list.d/google.list' sudo wget -q -O - https://…

GnuPGのこと

また後で追加で学習するのでちょっとメモ。 GPGキー | 日経 xTECH(クロステック)

ubuntu18.04インストールして必要最低限をセットアップ

参考にさせて頂いたページ sshキーを生成 公開鍵暗号を用いてのSSH接続(きほん) sshキーを生成する ssh-keygen -t rsa アプリケーションをインストール setup.sh ファイルを以下のような感じで作成します。 sudo apt-get update -y sudo apt-get upgrade -…

ubuntu18.04でdockerのHelloWorldまでやってみる

参考にさせて頂いたページ Docker入門 ~Tensorflowも超簡単に!!~ コマンド 参考にさせて頂いたページのinit_docker.shを実行するとHelloWorldができました。 init_docker.shの内容は以下の通り。 sudo apt-get update sudo apt-get install \ apt-transpor…

Ubuntuで簡易的に画像を編集する

参考にさせて頂いたページ Ubuntuで簡易画像編集するツール「Pinta」 - JavaScript勉強会 今日の環境 Ubuntu 18.04 pintaをインストール ターミナルで以下のコマンドを実行します。 $ sudo apt-get update $ sudo apt-get install pinta

Ubuntu18.04でアプリケーションを選択して起動する(ターミナルを起動する)

アプリケーション一覧を表示する 左下の「アプリケーションを表示する」をクリックします。 アプリケーションを選択して起動する 下部のすべてをクリックします。 右の円をクリックしてページを切り替えます。 今回はターミナルを例とします。 「端末」をク…

Windows7を削除してUbuntu18.04に変更する

参考にさせて頂いたページ Ubuntuをインストールする方法 Windowsを削除してUbuntuをUSBからインストールする - YoshinoriN's Memento コマンドでwifiに接続する方法 Ubuntu標準コマンドでWiFiの状態を確認する 【Linux】コマンドラインからネットワーク接続…