2019-08-01から1ヶ月間の記事一覧

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('/…

【Vue】text "module.exports = "\n" outside root element will be ignored.を解決したい

vueファイルのここに問題が。 <template lang="html"> こうすれば解決! <template> 参考 Making a simple vue project · Issue #149 · electron-userland/electron-webpack · GitHub</template></template>

【Laravel5.8】Storageクラスを用いてファイルを参照・編集したい

アプリケーションによっては、ファイルを利用してデータを管理することもあります。アプリケーション内に、あるファイルを読み込んだり、ファイルにデータを保存するなどして、ファイルを利用したデータ管理を行うことはよくあるでしょう。こうした場合、Lar…

【Laravel5.8】 Middlewareを使ってControllerを簡潔に書きたい

特定の変数を複数のアクションで用いる際にはMiddlewareを利用していきましょう! Middlewareの作成 php artisan make:middleware HelloMiddleware /app/Http/Middleware/にMiddlewareが生成されます。 Middlewareを編集 Middlewareが生成されたての時は以下…

【Laravel5.8】RouteServiceProviderを使ってControllerを簡潔にしたい

GETパラメータで$idを受け取って、Controllerで該当クラスのレコードを受け取ると普通なら以下のような書き方になります。web.php Route::get('/hello/{person}','HelloController@index2'); HogeController.php use App\Person; //省略 public function ind…

【Laravel5.8】404Errorページを編集したい

Laravelを触っているとおなじみのこちらの400Error 実はこちらも/resource/viewsのbladeファイル同様に、layoutとbladeによって作られているのです。 Errorページの大元は? /vendor/laravel/framework/src/Illuminate/Foundation/Exceptions/views これが40…