読者です 読者をやめる 読者になる 読者になる

oauth認証で突然動作不良が起きたら… Received HTTP status code [401] with message "<?xml version="1.0" encoding="UTF-8"?> <hash> <error>The given URL is considered malware</error> <request>/oauth/request_token</request> </hash> " when getting temporary credentials.

oauth認証が突然出来なくなった → 原因: ドメインがSpamhausのブロックリストに登録されたため 確認方法: oauth認証先のセッティング画面でcallbackURLを変えてみる 例えばtwitterでは… とアラートが出るのでシステムの問題ではなくドメインブロックの問題…

Laravel5.4 + VueJS CSRF token error: TokenMismatchException in VerifyCsrfToken.php line 68:

middleware->('auth')を使用時form関連を扱うときtokenが必要 純粋なLaravel App なら blade templateの {{ csrf_token() }} からtokenを取得して <input type="hidden" name="_token" value="7YC0Sxth7AYe4RFSjzaPf2ygLCecJhblahblah"> をセット、または <input type="hidden" name="_token" value="<?php echo csrf_token(); ?>"> で解決できるがvueの場合や外部のパッケージを利用し…

twitter setting

Laravel5.4 Laravel-Mix issue

Error: Module build failed: Error: Couldn't find preset "es2015" relative to directory laravel-mixがes2015を認識していない npm install babel-preset-es2015 --save-dev プロジェクトのroot directoryに.babelrc { "presets": ["es2015", { "modules…

Laravel + vue-router vue spaページのREST化

基本 app.jsで記述したpathをlaravel側のweb.phpにも記述。その際、returnするviewはvueの起点ページにする。 Route::get('/profile', function() { return view('home'); }); → home.blade.phpにvue componentのprofileがある場合、profileがレンダリングさ…

Vue chips いろいろ

htmlタグ内では{{ }}は使わないで v-bindまたはコロンで下記のように記述 data() { return { img: "http://~~~~" } } <img :src='img'> vuexでstateを設定した後、各componentでstateを呼び出したいとき ページがレンダリングした時に同時に取得したいならcomputed created()…

Laravel Database Seed

create a Seed file php artisan make:seeder UsersSeeder register Seed file @DatabaseSeeder.php use Illuminate\Database\Seeder; class DatabaseSeeder extends Seeder{ public function run() { $this->call(UsersSeeder::class); }} define UsersSeed…

Laravel Migration file 操作

php artisan make:migration create_messages_table --create="messages" Schema::create付きのmigration fileが生成される。 function up → php artisan migrate した時の動作 funciton down → php artisan migrate:rollback した時の動作 migrateをやり直…

Laravel 5.4 Database Structure

Relationships model A: User protected $fillable = [ DBのカラム] public function messages) { return $this->hasMany(Message::class); } model B: Message protected $fillable = [ DBのカラム] foreign_key は登録しなくてOK public function users() …

Vue 2 debugger

stateのツリーのトップフォルダが各stateが所属するjsファイルになる。 例えば... ▼ user: Object ▶ user: Object ▼ stream: Object ▶ messages: Array ▶ streamGroup: Array の場合、userはuser.js、messages, streamGroupはstream.jsに記述してある。

cloud9上のLaravelアプリケーション内のnode server(今回はredis)とsocket.ioでLaravelアプリケーション内のVueJSからwebsocket通信をするとき

node_server側 プロジェクト直下にmkdir node_server npm init → entry point は server.js npm install redis express socket.io @/node_server/server.js var app = require('express')();var server = require('http').Server(app);var io = require('soc…

Laravel Socialite + php artisan make:auth integration

scotch.io $table->string('provider')->nullable(); $table->string('provider_id')->unique()->nullable();

Laravel tinker Basic Usage

テスト用データベースを作成 php artisan make:model Test -m php artisan migrate tinkerを起動 php artisan tinker tinker console内で... $test = App\Test::create(); => App\Test {#715 updated_at: "2017-05-08 05:43:30", created_at: "2017-05-08 05…

*error

laravel make:auth と socialite のintegration error provider と provider_id を nullableまたはmake:auth経由のデフォルトの値を設定 auth後http通信に切り替わる(cloud9が共有SSLだから???) 参考: qiita.com

cloud9 redis start up

cloud9にはredisがプリインストールされているので起動するだけ sudo service redis-server start redisにアクセス redis-cli

jenssegers/laravel-mongodb installation PHP7.1 on cloud9 未解決

*エラーでworkspaceにアクセスできなくなることがあるのでworkspaceをクローンして実行 mongodbのsetup $ sudo pecl install mongodb → error Warning: Invalid argument supplied for foreach() in Command.php on line 249 Warning: Invalid argument sup…

5/6~ web-socket 実装へ

next (^ω^) 検討中: Laravel5.4 + mongoDB + VueJS + express + socket.IO + redis mongoDBがlaravel公式でサポートされていないのでredisに変更 目標:15日まで

Vuex

...mapGettersはcomputedとセットで

LaravelMixのVueJSにES6 syntax spread operator

npm install --save-dev babel-plugin-transform-object-rest-spread add .babelrc in your project directory { "plugins": ["transform-object-rest-spread"] } 参考: can't compile object spread operator unexpected token error · Issue #76 · Jeffre…

Vue JSを使ってcomponent内にsummernoteを挿入するときの注意事項

表示:vueライフサイクル上のmounted()を使う <template> <div class="vue-message-composer"> <div class="mail-text h-200"> <div class="summernote" ></div> </div> </div> </template> <script> import summernote.min.js; export defalut { mounted() { $('.summernote').summernote(); } } </script> ここでsummernoteの表示、非表示をv-ifで実装し…

*Bootstrap TypeError: $(…).tooltip is not a function

jqueryが必要なので先にjqueryを読み込む 順番が違うと一部エラー (コンソールに TypeError: $(…).tooltip is not a function とエラーが出力されるがほとんど動作に影響ないがsummernoteなどでエラー)

純粋SPA VS バックエンドにSPA JSフレームワークを埋め込む

純粋SPAで大規模サービスの場合、初回起動時すべてのJS,CSSファイルを読み込むためパフォーマンスに影響が出る。 バックエンド埋め込み型SPAの場合、バックエンドのルーティングでサブドメインごとにSPAの起点ページを振り分けられるので読み込むファイルを…

Laravel5.4 と Vue2 のcomponentsの連携

環境:cloud9上にPHP7、laravel5.4をインストール。laravel内に設置したvueファイルの表示に関して。 *vueファイル内にlaravelのdirectiveは混ぜられない(コンパイル時エラーが発生する) vueで作成したファイル内にlaravelのmiddlewareやproviderを通したデ…

Laravel5.4 + Vue2 npm run dev error

環境:cloud9上にPHP7、laravel5.4をインストール。laravel内に設置したvueファイルの表示に関して。 Vueのコンポーネントが表示されない・vueファイルの編集が反映されない → 読み込むファイルに/public/js/app.jsを設置しているか確認 → body内に<div id="app">を配置し</div>…

Laravel 5.4 Laravel Mix error: SyntaxError: Block-scoped declarations (let, const, function, class) not yet supported outside strict mode

cloud9上のubuntuのnodeのversionが古いため発生。 → nvm install stable ・・・nodeをupdate → npm run dev ・・・正常に動作

Laravel5.4 + laravel/socialite google oauth issue

googleAPIにリクエストを投げた後、適切にcallbackURLを設定しているのにも関わらず下記のエラーが発生した時 "ClientException in RequestException.php line 107: Client error: `GET https://www.googleapis.com/plus/v1/people/me?prettyPrint=false` re…

Laravel5.4 configuration file が更新されないissue

/config以下のファイル内容の更新が反映されない場合 → php artisan cache:clear または、php artisan config:clear にて解決

Laravel5.4 + cloud9 php artisan migrate error

php artisan migrate → [Illuminate\Database\QueryException] SQLSTATE[42000]: Syntax error or access violation: 1071 Specified key was too long; max key length is 767 bytes (SQL: alter table `users` add unique `users_emai l_unique`(`email`))…

Laravel5.4 php artisan make:migration エラー処理

php artisan make:migraiton create_xxx_table 入力時のエラー include(/home/vagrant/Code/Laravel/database/migrations/2015_05_24_211527_create_articles_table.php): failed to open stream: No such file or directory 一旦作ったmigrationファイルを…

Laravel 5.4 laravel-mix issue

laravelインストール後 →npm install →npm run dev →ミックスされたapp.js生成 →TypeError: Cannot read property 'csrfToken' of undefined →もう一度npm run dev→error: jsにエラーがあるため 各々のファイルに ① <script> window.Laravel = <?php echo json_encod</script>…

cloud9にphp7とLaravel5.4をインストール

sudo add-apt-repository ppa:ondrej/php sudo apt-get update sudo apt-get install libapache2-mod-php7.1 sudo a2dismod php5 sudo a2enmod php7.1 sudo apt-get install php7.1-dom php7.1-mbstring php7.1-zip php7.1-mysql php7.1-common (rm README.m…

git + cloud9 備忘

cloud9のコードをgithubで管理 githubでレポジトリ作成 cloud9でレポジトリを使ってプロジェクトを作成 cloud9でコード編集 cloud9ターミナル上でgit commit -a git push -u origin master