【React入門①】Node.js・Reactパッケージインストール事始め

こちらの記事は、React入門チュートリアルです。Reactが初めての私がReactを実装していく流れとなるため、初心者の方のつまずきやすいポイントを一通りフォローアップできる内容となっています。 作業用ディレクトリの準備 Reactのインストール npmを利用す…

【Laravel】Homestead上でLaravelのプロジェクトを複数扱いたい

HomesteadでLaravelを扱い始めたのですが、複数のプロジェクトをどのように出し分ければいいのか分かりませんでしたので、ひとまず解決方法をまとめていきます。 デフォルトでは、indexの読み取りパスは以下のようになっています。/Homestead/Homestead.yaml…

開発環境・検証環境・ステージング環境・本番環境ゆるふわまとめ

開発環境 WEBアプリやネイティブアプリ、WEBシステムなどの開発段階で用いる環境を「開発環境」と言います。特に手元のパソコンのローカルサーバで開発する環境を「ローカル開発環境」と呼びます。チーム開発の場合には、GitHubなどのリモートリポジトリを用…

【ブランチ戦略】git-flowとGitHub Flowゆるふわまとめ

git

ブランチ戦略の主な2つのワークフローである「git-flow」と「GitHub Flow」についてまとめていきます! 2つのブランチ戦略 git-flow メインブランチ master develop サポートブランチ release hotfix feature git-flowの運用イメージ GitHub Flow 2つのブラ…

【VSCode】ソース管理に「5K」表示された時の解決方法

[:1000] 誤ってホームディレクトリ内で「git init」してしまったばっかりに、VSCodeのサイドメニューがこんな感じになってしまいました。 Macの冷却ファンがけたたましく回っていて、アクティビティモニタを見ると「.git」がCPUの80%も占有していました。 …

node.jsをVSCodeに導入したい

[:1000] node.jsをVSCodeに導入したかったので、手順を詳しく説明していきます。 前提 VSCodeをインストールしていること 詳しくはこちらの記事にインストール方法が書かれているのでご参照ください。 node.jsのダウンロード まずはnode.jsを公式サイトから…

【図解付き】gitコマンドTweetまとめ

git

Learn Git Branchingを使用してgitコマンドを勉強したので、Git branchingについて学べるこちらのサイト、かなり素晴らしいです。git init ~ git commit ~ git push の流れを1度でも体験したことがあれば、その次のステップとして丁度いいかも。https://t.co…

VSCodeのインストール【Githubへのpushまで解説】

VSCodeのセットアップ、VSCodeへのGitインストール方法、ローカルリポジトリ作成〜ローカルリポジトリコミット〜Githubへpushまでの手順についてまとめていきます。 VSCodeのインストール VSCodeの日本語化 Gitのセットアップ Gitの初期設定 VSCodeとGitの連…

【React】create-react-appでcommand not foundが吐き出される

$ npm install -g create-react-app をしたにも関わらず、 $ create-react-app test2 bash: create-react-app: command not found となってしまう。この問題を解決するには、以下のコマンドを使用することができます。 $ npx create-react-app my-app Happy …

【React】npm startでPermission deniedが吐き出される

$ npm start > sigfox-react-visualizr@0.1.0 start /home/ec2-user/environment/sigfox-react-visualizr > ./bin/start.sh sh: ./bin/start.sh: Permission denied npm ERR! code ELIFECYCLE npm ERR! errno 126 npm ERR! sigfox-react-visualizr@0.1.0 sta…

エラー「Updates were rejected because the remote 〜」が吐き出される

git

ec2-user:~/environment/dev.wedewlawns.com (master) $ git add . ec2-user:~/environment/dev.wedewlawns.com (master) $ git commit -m 'xxxxxxxxxx' [master 0d3d66f] Edit construct on SubscriptionController 2 files changed, 22 insertions(+), 16 …

【Laravel5.8+Stripe⓪】ECサイト作成チュートリアル概要

概要 LaravelにStripeを導入し、ECサイトを作成しました。LaravelへのStripe導入チュートリアルは稀少なため、特に初心者の方には導入ハードルが高いかと思います。そのため1からコードを記載し、コピーアンドペーストでも作成できるような形で解説を進めて…

【Laravel5.8+Stripe⑥】Laravel CasherとStripeを導入して管理者権限を設定する その2

こちらの連載記事では、LaravelとStripeを使用して企業サイト兼Eコマース(ECサイト)を作成していきます。Laravelのプロジェクト作成からStripeの実装まで行い、最終的に単発決済・サブスクリプションの実装までを目指します。 シリーズ 【Laravel5.8+Strip…

【Laravel5.8+Stripe13】ショッピングカートの実装

こちらの連載記事では、LaravelとStripeを使用して企業サイト兼Eコマース(ECサイト)を作成していきます。Laravelのプロジェクト作成からStripeの実装まで行い、最終的に単発決済・サブスクリプションの実装までを目指します。 シリーズ 【Laravel5.8+Strip…

【Laravel5.8+Stripe12】クーポン機能を実装する

こちらの連載記事では、LaravelとStripeを使用して企業サイト兼Eコマース(ECサイト)を作成していきます。Laravelのプロジェクト作成からStripeの実装まで行い、最終的に単発決済・サブスクリプションの実装までを目指します。 シリーズ 【Laravel5.8+Strip…

【Laravel5.8+Stripe11】Webhookの実装

こちらの連載記事では、LaravelとStripeを使用して企業サイト兼Eコマース(ECサイト)を作成していきます。Laravelのプロジェクト作成からStripeの実装まで行い、最終的に単発決済・サブスクリプションの実装までを目指します。 シリーズ 【Laravel5.8+Strip…

【Laravel5.8+Stripe⑩】サブスクリプション中止機能の実装

こちらの連載記事では、LaravelとStripeを使用して企業サイト兼Eコマース(ECサイト)を作成していきます。Laravelのプロジェクト作成からStripeの実装まで行い、最終的に単発決済・サブスクリプションの実装までを目指します。 シリーズ 【Laravel5.8+Strip…

【Laravel5.8+Stripe⑨】サブスクリプションプラン変更機能の実装

こちらの連載記事では、LaravelとStripeを使用して企業サイト兼Eコマース(ECサイト)を作成していきます。Laravelのプロジェクト作成からStripeの実装まで行い、最終的に単発決済・サブスクリプションの実装までを目指します。 シリーズ 【Laravel5.8+Strip…

【Laravel+Stripe】swap()やcancel()でClass 'User' not foundが吐き出される

Laravel Cashierのswap()やcancelなどのメソッドを使用した際に、Class 'User' not foundが吐き出されてしまいました。 解決策としては、/config/services.phpを改変することです。 'stripe' => [ 'model' => \App\User::class, //ここを改変 'secret' => en…

【Laravel5.8+Stripe⑧】請求書ダウンロード機能の実装

こちらの連載記事では、LaravelとStripeを使用して企業サイト兼Eコマース(ECサイト)を作成していきます。Laravelのプロジェクト作成からStripeの実装まで行い、最終的に単発決済・サブスクリプションの実装までを目指します。 シリーズ 【Laravel5.8+Strip…

【Laravel5.8+Stripe⑦】サブスクリプション決済の作成

こちらの連載記事では、LaravelとStripeを使用して企業サイト兼Eコマース(ECサイト)を作成していきます。Laravelのプロジェクト作成からStripeの実装まで行い、最終的に単発決済・サブスクリプションの実装までを目指します。 シリーズ 【Laravel5.8+Strip…

【Laravel+Stripe】No such payment_methodが吐き出される

##原因 Laravel Cashier10.xCashierのcreate()メソッドでは、最初のパラメーターとしてpaymentMethodを受け入れます。一方、Cashier 9.xのcreate()メソッドでは、stripeTokenを最初のパラメーターとして受け入れます。そのため、Cashier10.xを導入した上…

【Laravel5.8+Stripe⑤】Laravel CasherとStripeを導入して管理者権限を設定する その1

こちらの連載記事では、LaravelとStripeを使用して企業サイト兼Eコマース(ECサイト)を作成していきます。Laravelのプロジェクト作成からStripeの実装まで行い、最終的に単発決済・サブスクリプションの実装までを目指します。 シリーズ 【Laravel5.8+Strip…

【Laravel5.8+Stripe④】ディスカウントページを作成する

こちらの連載記事では、LaravelとStripeを使用して企業サイト兼Eコマース(ECサイト)を作成していきます。Laravelのプロジェクト作成からStripeの実装まで行い、最終的に単発決済・サブスクリプションの実装までを目指します。 シリーズ 【Laravel5.8+Strip…

【Laravel5.8+Stripe③】ユーザー認証機能のカスタマイズ

こちらの連載記事では、LaravelとStripeを使用して企業サイト兼Eコマース(ECサイト)を作成していきます。Laravelのプロジェクト作成からStripeの実装まで行い、最終的に単発決済・サブスクリプションの実装までを目指します。 シリーズ 【Laravel5.8+Strip…

【Laravel5.8+Stripe②】メールフォームの実装

こちらの連載記事では、LaravelとStripeを使用して企業サイト兼Eコマース(ECサイト)を作成していきます。Laravelのプロジェクト作成からStripeの実装まで行い、最終的に単発決済・サブスクリプションの実装までを目指します。 シリーズ 【Laravel5.8+Strip…

【Laravel5.8+Stripe①】ベースプロジェクトの作成

こちらの連載記事では、LaravelとStripeを使用して企業サイト兼Eコマース(ECサイト)を作成していきます。Laravelのプロジェクト作成からStripeの実装まで行い、最終的に単発決済・サブスクリプションの実装までを目指します。 シリーズ 【Laravel5.8+Strip…

【Vue.js】vue-awesome-swiperを使いたい

インストール $ npm install vue-awesome-swiper 次にコーディングしていきます。 main.js import Vue from 'vue' import VueAwesomeSwiper from 'vue-awesome-swiper' import 'swiper/dist/css/swiper.css' Vue.use(VueAwesomeSwiper, /* { default global …

【CSS】文字の部分に画像を表示させて、オシャレ文字感を出したい

CSSに以下を追加します。 .title{ color: rgba(0,0,0,0); background-image: url(画像のファイルパス); -webkit-background-clip: text; }完成イメージ…

【Laravel5.8】どんなURLでも同一のbladeを返すルート定義がしたい

Route::get('/{any}', function() { return view('layouts'); })->where('any', '.*'); これで解決です。ちなみに第一引数のanyとwhere内のanyが同一のキーワードであれば、どんなものが入っても構いません。例えば以下のものでも構いません。 Route::get('/…