こんにちは!むちょこです。 今日はリクエストでいただいたsocialiteを使ったOAuth認証の実装方法について書いてみようと思います☆ 既にたくさんの類似記事があるのですが、私の周りには「読んでもよくわからなかった…」という方がたくさんいたので その方々の疑問にできる限り丁寧に答える形で書きました。たぶんこれ以上丁寧な記事はないと思います……! その代わりかなり長いので、不要なところはどんどん飛ばして読んでくださいね。 1. 前提条件 環境 Laravel Framework 5.7.13 要件 通常のパスワード認証と共存する。認証方法に関わらず、メールアドレスが一致すれば同一人物とみなす。メールアドレス情報は必須とする。SNSの情報を認証以外には使用しない。今回の対象プロバイダはTwitterのみだが、今後Facebookなど他のプロバイダを追加する可能性がある。 実装済みの機能 以
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community. Pick a username Email Address Password Sign up for GitHub By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails. Already on GitHub? Sign in to your account
sudo apt install php7.2 php7.2-common php7.2-cli php7.2-fpm php7.2-mysql php7.2-dev php7.2-mbstring php7.2-zip $ sudo apt-get install php-xdebug $ sudo vim /etc/php/7.2/cli/php.ini php.iniの最後に↓を追記 zend_extension = "/usr/lib/php/20151012/xdebug.so" xdebug.remote_enable=on ちょっと確認。 $ php -v Cannot load Xdebug - it was already loaded PHP 7.2.3-1+ubuntu16.04.1+deb.sury.org+1 (cli) (built: Mar 6 2018 11
2014/12/08 (更新日: 2016/08/17) 【保存版】Laravelで掲示板を作成する方法【チュートリアル】 Laravel PROGRAMMING Laravelで掲示板を作成する方法をまとめました。 当記事をマスターすることで、2チャンネルのような掲示板を作れるようになります。 類似記事も書いています。以下の記事のほうが難易度が高いです。 LaravelでCMSを作成する方法【チュートリアル】 Laravelでつくる掲示板の仕様 投稿一覧の表示 単一投稿の表示 コメントの表示 特定カテゴリーに属する記事一覧の表示 Laravelでつくる掲示板のイメージ スクリーンショットでご紹介します。 投稿一覧の表示 投稿記事の表示 投稿ページ 投稿のバリデーション コメント投稿/表示/バリデーション 当記事をとおして得られる知識 Laravelの初期設定 マイグレーションの方法 モデ
I am trying to paginate Model result, but I am getting "Method paginate does not exist.". Here is my code: $user_dispatches = Dispatch::all()->where('user_id', Auth::id())->paginate(10); I need to get all records where users id equals current authenticated users id. Works well without paginate() method.
渡邊です。 AWSでWebサイトをHTTPS化 全パターンを整理してみました の記事ではAWSを使ってWebサイトをHTTPS化するパターンを一通り紹介しました。 今回はそのパターンの1つ、『ELB(+ACM発行証明書)→EC2』の構成を検証してみます。 構成 構成図は次の通りです。 最もスタンダードでお手軽なパターンです。 SSL終端はELBとなります。SSL証明書はACM(AWS Certificate Manager)で発行したものを利用することができ、AWSだけで必要なリソースをすべて揃えることができます。 構築の流れ 今回の検証では、弊社ナレコムクラウドのWebサイト用のドメイン(kc-cloud.jp)にサブドメインを作成して 使用します。 次のような流れで構築を進めます。 [1] Route 53にサブドメイン作成 [2] ACM証明書設定 [2.1] ACMからの証明書発行
こんにちは。ふっくんです。 Vuexを使用していて Action や Mutation に第三引数を渡したいときありますよね? 私は少しハマったのですが、結論から言うと**Action や Mutation に第三引数は渡せません!** ドキュメントにもちゃんと書いてますね。 API リファレンス · Vuex ストアにミューテーションを登録します。ハンドラ関数は第一引数に state を常に受け取り(モジュール内で定義されていれば、モジュールのローカルステートを受け取り)、指定されていれば第二引数に payload を受け取ります。 action , mutation ともに 指定されていれば第二引数を受け取る とあり、第三引数のことは書いていませんね。 そう、Action や Mutation に第三引数という概念がありません! Action, Mutation に引数として複数の値を
Vue.jsを使っていると 「子に渡したpropsの値を変更したら親側の値も変更されるようにしたい!」 というシーンに割とよく直面する。 propsの値はそのままv-modelでは使用できないという制約もあり、回避策の知識がないと割と困ってしまうものである。(公式に書いてあるけどというツッコミは無しな!) なので今回は子のComponentで変更された値を親に反映する方法を紹介します。 実行結果だけ知りたい人はSandboxが一番下にあるのでスクロールしてね☆ modelプロパティを指定する Vue.js 2.2.0 からmodelプロパティが追加された。 詳しくは公式にかかれているが、正直わかりにくかったのでここでも解説する。 子のComponentで以下の宣言をする export default { model: { prop: 'propData', event: 'input' }
Material Designを使用してみたいけど、時間がない、手間をかけたくない、という人にぴったりな、Material Designが採用された商用でも個人でも無料で利用できるBootstrap 4ベースの新作テンプレートを紹介します。 企業向けサイト、プロダクトのランディングページ、ポートフォリオやギャラリー、ブログ用のテンプレートが揃っています。 Material Design for Bootstrap 4 MDB- GitHub Bootstrapの特徴や基本的な使い方は、下記の記事を参考にどうぞ。 参考 Bootstrap 4の主な特徴、IE8のサポート終了、Sassに移行、CSSの単位はremとem採用 Bootstrapのグリッドシステムの基本な使い方 新しくなったBootstrap 4の基本テンプレート、ナビゲーション、コンポーネントのまとめ ではMaterial De
今回は、無料ダウンロードできる高品質HTML5/CSS3テンプレート素材をまとめてご紹介します。どの素材も高品質なだけでなく、テキストエディタで編集しやすい仕様となっており、サイト制作が捗るアイテムが揃っています。 ここで紹介するHTMLテンプレートは、どれも無料で、Bootstrap 4フレームワークを中心にした、デザイントレンドもうまく取り込んだ、あらゆるウェブデザイン案件に対応してくれます。2018年のウェブデザイントレンドもうまく取り入れているので、サイト開発のデザインやレイアウトの参考にもいかがでしょう。 レイアウトで選ぶウェブデザイン・HTMLテンプレート厳選40個総まとめ 2018年版 Argon Design System Bootstrap 4フレームワークを利用し、100種類を超える独自コンポーネントを揃えたテンプレート。ウェブサイトに必要なパーツはもちろん、サンプルペ
最近、Vue.jsとmarked.jsとhighlight.jsを使ってマークダウンエディタを作ったので、使い方等をBlogにまとめておこうと思います🙇 はじめに まずはテンプレートを用意する。 marked.jsを使ってマークダウンテキスト→HTML変換を行う highlight.jsを使ってシンタックスハイライト機能を追加する。 おまけ:マークダウンのデザインを調整する おわりに 参考 はじめに まず作ろうとしているのは、こんな感じです。 普通のコードシンタックスハイライト機能付きのマークダウンエディタというような形です👀 まずはテンプレートを用意する。 まずは、今回のマークダウンエディタ用のテンプレートを用意します。 入力用のテキストエディタ(#editor)とプレビュー用(#preview)の要素を持つ単一ファイルコンポーネントを下記に記載しました。 また、テキストエディタには
スペースを含んだファイル名を bash で操作しようとした時にハマったので、メモ。 基本はls *.txtなどの出力を文字列として扱わず、ファイルパスとして扱えば良い。 例えば、下記のような bash があったとする。
function (context) { // ユニバーサルなキー const { app, store, route, params, query, env, isDev, isHMR, redirect, error, $config } = context // サーバーサイド if (process.server) { const { req, res, beforeNuxtRender } = context } // クライアントサイド if (process.client) { const { from, nuxtState } = context } } ユニバーサルなキー これらのキーは、クライアントサイドとサーバーサイドの両方で使用できます。 app app (NuxtAppOptions) すべてのプラグインを含むルート Vue インスタンスのオプション。たとえば i
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く