Motomichi Works Blog

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

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の記述内容について Vue Loader | Getting Started .babelrcについて 1年前に作ったフロントエンド環境を色々新しくした - Qiita 包括的にwebpack 4 入門 webpack 4 入門 - Qiita 包括的に…

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マ…

Herokuその0001 Windows10でHerokuにデプロイするまで

参考にさせて頂いたページ Heroku初心者がHello, Herokuをしてみる - Qiita 今日の環境 Windows10 Home Heroku CLI 6.14.36 アカウント作成 アカウント作成はすぐできました。 参考にさせて頂いたページはスクリーンショットも付いて解りやすいですね。 クラ…

railsその0003-003 任意のactionを作成してroutingの設定をする

参考にさせて頂いたページ 第1章 ゼロからデプロイまで | Rails チュートリアル Rails のルーティング | Rails ガイド はじめに rails 5のチュートリアルをやってみる日記です。 今日はここまで読んだとか、ここまでやったとかそんな感じの日記です。 今日の…

railsその0003-002 任意のgemをproduction環境、development環境、test環境それぞれ分けてインストールする

参考にさせて頂いたページ Ruby on Rails チュートリアル:実例を使って Rails を学ぼう 第1章 ゼロからデプロイまで | Rails チュートリアル Bundlerでgemを実用的に扱うためのまとめ - Qiita はじめに rails 5のチュートリアルをやってみる日記です。 今日…

railsその0003-001 RailsTutorialを始めてみる

はじめに 技術ブログというか日記です。 最近は全然勉強していなかったり、 勉強していたとしても記録を残していないので、なんか前に進んでる感が無くて、 成長していない自分にただただ焦りを感じているので、 久しぶりにコツコツ前に進んでる感を自分で感…

Electronその0001 HelloWorldまでやってみる

参考にさせて頂いたページ electron electron/docs-translations/jp at master · electron/electron · GitHub 【2017年1月版】今からでも遅くない!Electron入門 - Qiita 環境 Windows10 node 6.11.4 npm 5.5.1 electron 1.7.9 プロジェクトのディレクトリを…

webpack-dev-serverのCannot find module addDevServerEntrypointsを解消する

参考にさせて頂いたページ node.js - webpack-dev-server Cannot find module 'webpack' - Stack Overflow webpack-dev-serverを実行してエラー bin/webpack-dev-serverを実行したときに以下のようなエラーが出ました。 Error: Cannot find module '../lib/u…

vagrantその0028 ファイルをゲストマシンからホストマシンに同期する

参考にさせて頂いたページ vagrantでゲストOSからホストOSにファイルを同期する - Qiita 実行する前に注意すること 同期なので、ゲストのファイルで上書きされたり、ホスト側のファイルが削除されたりすることにもなると思うので、実行する前には注意が必要…