Motomichi Works Blog

その日学習したことについて書いている日記です。誰かの役に立ったらそれはそれで嬉しいです。

Windows10でスクリーンショットをとる方法いろいろ

参考にさせて頂いたページ Windows 10 スクリーンショットの方法!範囲指定によるキャプチャもできるようになった! クリップボードに保存する クリップボードに保存したあとはペイントなどのアプリケーションにペーストすると良いでしょう。 ディスプレイ全…

vuexの公式ドキュメントにあるcounterアプリを作ったあとぐらいの頃に知りたかったことのまとめ その0001 | vuex3.xその0001

参考にさせて頂いたページ Vuex とは何か? | Vuex 今日の環境 vue 2.5.17 vuex 3.0.1 はじめに 近頃Vuexを導入するプロジェクトも社内で増えていたり、Vuexを使用する場合の基本的な書き方について聞かれることが増えてきました。 公式ドキュメントからリン…

vue-test-utilsを試してみる | vue-test-utils その0001

参考にさせて頂いたページ 公式ドキュメント(日本語版) vue-test-utils | Vue Test Utils 公式リポジトリ vue-test-utils GitHub - vuejs/vue-test-utils: Utilities for testing Vue components vue-test-utils-jest-example GitHub - vuejs/vue-test-util…

vagrantその0029 Windows10 Home + Vagrant + centos-7.3.boxで作った環境にdockerをインストールする

参考にさせて頂いたページ Vagrantのインストールについて Vagrant+Virtualboxを使いWindows10上にCentOS7.3+php7+MySQL5.7の環境を構築する centos7にdockerをインストールする手順について CentOS7にDockerをインストールする railsの環境構築について Doc…

Windows 10 Homeでdocker入門 Hello Worldの次の段階をやってみる | Windows 10 Home + WSL + Ubuntu 16.04 でdocker その0002

参考にさせて頂いたページ Docker入門(第二回)~Dockerセットアップ、コンテナ起動~ | さくらのナレッジ 今日の環境 Windows10 Home WSL + Ubuntu 16.04 はじめに 2018年09月08日現在で、WSLではコンテナ内に入れなくて解決できないので諦めてvagrantのce…

Windows 10 Homeでdocker入門 Hello Worldまでやってみる | Windows 10 Home + WSL + Ubuntu 16.04 でdocker その0001

参考にさせて頂いたページ Windows 10 HomeでWSL越しにDocker for Ubuntu+Re:VIEWを使う(VM不要) 今日の環境 Windows10 Home WSL + Ubuntu 16.04 はじめに 2018年09月08日現在で、WSLではコンテナ内に入れなくて解決できないので諦めてvagrantのcentos7.3…

WSL(Windows Subsystem for Linux)入門 その0001 導入 Getting Started

参考にさせて頂いたページ 「Windows Subsystem for Linux(WSL)」セットアップガイド【スクリーンショットつき解説】 | Linux Fan 今日の環境 Windows 10 Home (バージョン1803) Windows 10 のバージョンについて WSL(Windows Subsystem for Linux)を使うに…

Homebrewでmacにpostgresqlをインストールして使う

sql

参考にさせて頂いたページ MacにPostgreSQLをインストール MacにPostgreSQLを導入する方法&初期設定をおこなう | vdeep PostgreSQLへの接続 - PostgreSQLへの接続と切断 - PostgreSQLの使い方 はじめに すぐにわからなくなってしまうのでメモします。 都度追…

Windowsでwebpack4とwebpack3を任意で選択して実行する

はじめに Windowsでグローバルにwebpack4をインストールしていて、プロジェクトのディレクトリにはwebpack3をインストールしているので、これを実行したい。 今日の環境 Windows10 node v8.11.1 npm 5.8.0 webpackのバージョンを確認する グローバルにインス…

material-components-web入門 その0002 導入 Getting Started

css

はじめに 入門の入門ぐらいの感じで、導入してみようと思います。 公式リポジトリのREADMEからリンクされているGetting Startedを読んで、ちょっとCSSを適用してみます。 公式リポジトリ GitHub - material-components/material-components-web: Modular and…

material-components-web入門 その0001 個人的インデックス

css

はじめに material componentsが色々公開されているのですが、web版です。 jQueryにも依存していないライブラリで、どういった環境にも組み合わせやすそうなので良さそうな印象です。 まだ全然理解できていないので、少しずつ学習して試しながらブログに書い…

webpack4.xでjsをビルドする前にeslintで構文チェックをする

参考にさせて頂いたページ eslint-loaderについて GitHub - webpack-contrib/eslint-loader: eslint loader (for webpack) .eslintrcについて ESLint 最初の一歩 - Qiita 今日の環境 Windows10 node 8.11.1 npm 5.8.0 webpack 4.8.1 プロジェクトディレクト…

webpack4.xでscssファイルをコンパイルする

参考にさせて頂いたページ 設定全般 最新版で学ぶwebpack 4入門 - スタイルシート(CSSやSass)を取り込む方法 - ICS MEDIA ExtractTextPluginをwebpack 4 で使用する方法について Webpack 4 · Issue #760 · webpack-contrib/extract-text-webpack-plugin · Gi…

webpack4.x+vue.js 2.x+vue-loaderでビルド環境を構築する その0001 導入

参考にさせて頂いたページ vue-loaderを使うときのwebpack.config.jsの記述内容について Getting Started | Vue Loader .babelrcについて 1年前に作ったフロントエンド環境を色々新しくした 包括的にwebpack 4 入門 webpack 4 入門 包括的にもう一つ 最新版…

vue.js 2.x その0004-02 アコーディオンを作る(jQueryのslideToggleみたいなものを作る)

はじめに 以下の記事で書いたコードを少しマシな感じに書き直しました。 vue.js 2.x その0004 アコーディオンを作る(jQueryのslideToggleみたいなものを作る) - Motomichi Works Blog サーバーサイドから動的な値がwindow.itemsで書き出される想定で書いてい…

RSpec+Capybaraその0002 radioやcheckboxの状態を検証する

参考にさせて頂いたページ RSpecについて 使えるRSpec入門・その1「RSpecの基本的な構文や便利な機能を理解する」 - Qiita Capybaraについて 使えるRSpec入門・その4「どんなブラウザ操作も自由自在!逆引きCapybara大辞典」 - Qiita Capybaraチートシート -…

RSpec+Capybaraその0001 インデックス

参考にさせて頂いたページ RSpecについて 使えるRSpec入門・その1「RSpecの基本的な構文や便利な機能を理解する」 - Qiita Capybaraについて 使えるRSpec入門・その4「どんなブラウザ操作も自由自在!逆引きCapybara大辞典」 - Qiita Capybaraチートシート -…

railsその0003-011 第九章、第十章完了

rails 5のチュートリアルをやってみる日記です。 今日はここまで読んだとか、ここまでやったとかそんな感じの日記です。 昨日と今日で第九章、第十章のコード書き終えました。 永続的ログイン、ユーザー情報の更新、ユーザーの削除などができるようになりま…

railsその0003-010 第七章、第八章完了

rails 5のチュートリアルをやってみる日記です。 今日はここまで読んだとか、ここまでやったとかそんな感じの日記です。 第七章、第八章のコード書き終えました。 会員登録、ログイン、ログアウトができるようになりました。

railsその0003-009 第六章完了

今日の日記 rails 5のチュートリアルをやってみる日記です。 今日はここまで読んだとか、ここまでやったとかそんな感じの日記です。 第六章のコード書き終えました。 Userモデルを作成して、name、email、passwordフィールドのバリデーションとそのtestを作…

webpack3.x+vue.js 2.x+vue-loaderでビルド環境を構築する

参考にさせて頂いたページ Vue.js Vueコンポーネントのユニットテストを書いてみよう - Qiita 最新版で学ぶwebpack 4入門 - BabelでES2017環境の構築(React, Vue, Three.js, jQueryのサンプル付き) - ICS MEDIA ベーシックなWebpackの導入と設定 - Qiita 過…

railsその0003-008 第五章完了

今日の日記 rails 5のチュートリアルをやってみる日記です。 今日はここまで読んだとか、ここまでやったとかそんな感じの日記です。 平日の電車の中とか寝る前とかにコツコツ読んで、読み終えました。 第五章のコード書き終えました。 routes.rb書いたり、ra…

絵を描くことについて考えてみる その0003 写真や絵を線で分割してから模写する

はじめに 絵心が無いとはよく見聞きしますが、多くの場合は以下の2点が大きな要因であると考えています。 絵を描くための学習、練習に費やした時間が少ない 費やしている時間は多いが効果的な学習方法、練習方法でない 効果的な学習方法、練習方法とはどうい…

JSでテストコードを書く その0002-02 sinon.jsのstubでapiのテストを書いてブラウザでテストを実行する

参考にさせて頂いたページ sinon.jsのstubを使ったajaxテスト - Qiita 以前書いた記事 mochaとchaiを使うことについて以前書いた記事です。 この続きという感じでsinon.jsのstubを使っていきます。 JSでテストコードを書く その0002-01 mochaとchaiでテスト…

railsその0003-007 第四章完了

今日の日記 rails 5のチュートリアルをやってみる日記です。 今日はここまで読んだとか、ここまでやったとかそんな感じの日記です。 平日の電車の中とか寝る前とかにコツコツ読んで、読み終えました。 第五章も読み終えたけど、第五章は読むだけじゃなくてコ…

railsその0003-006 controllerをgenerateしてtestを書く 第三章完了

参考にさせて頂いたページ Ruby on Rails チュートリアル:実例を使って Rails を学ぼう はじめに rails 5のチュートリアルをやってみる日記です。 今日はここまで読んだとか、ここまでやったとかそんな感じの日記です。 今日の日記 testを実行するために必…

railsその0004 vagrantの仮想環境内でbundle installが失敗する問題を解決する

参考にさせて頂いたページ Vagrant上のRailsプロジェクトでbundle installするとrubygems.orgでエラー - Qiita bundle installしたらエラーが出た bundle installをしようと思ったら以下のようなエラーが出ました。 Could not fetch specs from https://ruby…

railsその0003-005 scaffoldでアプリケーションを作成して概要を学ぶ 第二章読んだだけ

参考にさせて頂いたページ Ruby on Rails チュートリアル:実例を使って Rails を学ぼう はじめに rails 5のチュートリアルをやってみる日記です。 今日はここまで読んだとか、ここまでやったとかそんな感じの日記です。 今日の日記 scaffoldで作成したアプ…

railsその0003-004 Herokuにデプロイして第一章完了

参考にさせて頂いたページ 第1章 ゼロからデプロイまで | Rails チュートリアル Herokuにデプロイした記事 Herokuその0001 Windows10でHerokuにデプロイするまで - Motomichi Works Blog Motomichi Works Blog はじめに rails 5のチュートリアルをやってみる…

Herokuその0002 Windows10でHerokuにrails アプリケーションをデプロイする

前回の記事 Herokuその0001 Windows10でHerokuにデプロイするまで - Motomichi Works Blog 参考にさせて頂いたページ sqlのgemについて 第1章 ゼロからデプロイまで | Rails チュートリアル 初心者向け!HerokuでRailsアプリを公開する方法 | TechAcademyマ…