やりたいこと React + Laravelで簡単なTodoアプリを作ってみる 以前Vue版を書いたが、そのReact版。正直まとまり悪いです。すみません。あと、参考ですがRedux利用版も書いてみました。 Laravelのプリセットを(Vueから)Reactに切り替える Laravelは標準でVueの利用環境が組み込まれていますが、5.5からはReactにも対応しています。 今回はReactを利用したいのでプリセットをVueからReactに切り替えます。 composer create-project laravel/laravel laravel-react cd laravel-react php artisan preset react npm install && npm run dev 切り替えが完了したら、一度npm installおよびnpm run devで正しくビルドで
ここではLaravelの環境設定後、初めてLaravelを学ぶ人向けに説明します。 プロジェクト作成 laravel newによりプロジェクトを作成します。プロジェクト名は自由ですが、これから作るWebサービスの内容が分かる命名をします。(今回は勉強用でdemoで始まる命名にしています) コマンド投入後出来上がるディレクトリに移動し、内容を確認します。 app・・・・・・Webアプリケーションのプログラム本体の置き場所。開発はここが中心。 bootstrap・・・起動の最初に行われる処理が入っている。 database・・・データベース関連のファイルが入っている。 resources・・・ビュー(Blade)など画面に関するファイルが入っている。開発はここも対象。 tests・・・・・ユニットテストに関するファイルが入っている。 config・・・・・設定に関するファイルが入っている。 p
1. ajax利用時にCSRFトークン利用が必須 下記が該当Issue https://stackoverflow.com/questions/46466167/laravel-5-5-ajax-call-419-unknown-status bladeファイルでCSRFトークンを生成し、ajax利用するJSファイルでその値をヘッダに付加する必要がある.
・・(一部抜粋)・・ DB_CONNECTION=mysql DB_HOST=127.0.0.1 DB_PORT=3306 DB_DATABASE=????? DB_USERNAME=????? DB_PASSWORD=????? なお、これらの環境変数はconfig/database.php ファイルの env()の箇所で使われます。ですので、config/database.phpの方はデフォルトのままでいいです。 モデルとマイグレーション DBを扱うクラスをモデルクラスと言います。基本的にテーブル1つに対し1つのモデルクラスを作ります。 モデルクラスはコマンドで雛形を作成します。 今回は商品を扱うので、Itemという名前にしました。
DB接続内容を設定します 編集するファイル:.env 休日モデルを作成します アプリが扱うリソースの名前を決めて、その名前でモデルクラスを作成します。カレンダーアプリなので、休日を扱うリソース(テーブル)を持たせます。
前提 AWSアカウント取得・Cloud9環境の利用 AWSより「まずは無料で始める」をクリックして名前やメールアドレス、電話番号、クレジット決済情報などを入力します。 自動音声通話による電話認証があります。 GitHubアカウント取得 Cloud9からGitHubへgitコマンドでcommit&pushできるようにしておきます。 Herokuアカウント取得 Herokuより「新規登録」をクリックして名前やメールアドレスを入力します。Herokuからメールが来るので、そこからアカウント登録完了します。 HerokuでMySQLを使いたい場合、ClearDB(=MySQL)をアドオン(追加)する必要があり、クレジット登録が必要です。ただClearDBはFree(無料)のプランで利用できます。クレジット情報は「Account setting」の「Billing」に入って登録します。 Heroku
目的 VSCodeでLaravel bladeをフォーマットしたい 環境 OS: MacOS Mohave IDE: VSCode 作業内容 VSCodeのコード整形プラグインであるBeutifyをインストール Alt + Shift + Fキーで、コード整形ができるようになるはず しかし、laravelのbladeファイルはこれでは整形されなかった 類似事例 下記に同様のIssueがあったので、回避策を試してみる https://stackoverflow.com/questions/41330707/how-to-format-php-files-with-html-markup-in-visual-studio-code/48339700#48339700 回避策 原文 I added to my user config"beautify.language": { "js": { "
筆者は2018年の夏にAWSから高額請求を受けました。 とある開発合宿の夜、LaravelでS3に画像をあげ、CroudFront経由で表示させるための実装を行っていた時の出来事です。 AWSのコンソール画面とにらめっこしていた時に、ふと左サイドバーの履歴の項目に、気になる項目が目に付きました。 ん? 請求? 普段はこんな項目出て来ないため、気になったのでクリックしてみました。その瞬間、恐ろしい現実を目の当たりにしたのです。 請求を押した時に開かれた画面が、以下の通りでした。 【請求画面の画像】 及び10000$!日本円にして、約124万円の請求が来ていました。 何かの間違えだと思ったが、少し怖くなったのでひとまず、こういった事例がなぜ起こるのか、自分に当てはまる原因がないかを調べるため、「AWS 高額請求」などでググってみました。 すると、いくつか記事が早速上位にヒットしました。 htt
MVCについてまとめる 2018年10月13日時点での自分が理解しているなりのMVCモデルについてまとめてみます。 特に調べずに自分の理解だけを記録するので、間違って解釈しているところもあるかもしれないです。 Laravelについてのことがちょくちょく出てきますが、Laravelを使用していない人はそこらへんは無視してください。 (未来に振り返った時に何か変わるかもしれないしね。) MVCとは MVCとは、Model、View、Controllerの頭文字をとってMVCモデルという。 MVCモデルはフレームワークを利用した開発をする際によく用いられる開発手法の1つです。 Model、View、Controllerをデータが行き来します。 上にMVCモデルを簡単に表現した図を入れてみました。 ここからは1つ1つ詳しく解説していこうと思います。 Model ModelはDBとやりとりするクラス
この記事について Laravel, Lighthouse, Vue.js, Apollo の組み合わせで GraphQL を試してみました。 各種ライブラリのインストールと、ひとまずクエリ(一覧取得)とミューテーション(追加)が動作するところまでやります。 はじめに GraphQL とは Facebook が開発し、2015年に公開され OSS となった、データ問い合わせと操作のための言語です。 REST を代替し、より効率的で強力かつ柔軟なウェブサービスのアーキテクチャをつくることができると謳っています。 簡単に言うと、クライアントから「このリソースのこのプロパティをこの条件で抽出してくれ」、みたいなクエリを書くと、サーバーでよしなにデータを構築して返してくれる仕組みで、プレゼンテーションのバリエーションによって、必要なデータセットが異なるような場合に、都度サーバーサイドにそれ用のエンド
参考にしたリンク https://urashita.com/archives/8848 https://qiita.com/solt9029/items/a8ec1c5aef130962253c TwitterにAPIの申請を行う 申請が通るまで2週間ぐらいかかったような気がします。早めに申請しておくのをオススメします。 アプリの説明を「これまで」ってくらいまでしたほうがいいと思います。Twiiterの何の機能を使いたいかなど書くと伝わりやすいかも? 申請が通ったら、作成するアプリの情報を設定する 「申請が通ったよ!」っていうメールが来たら、Twitterのdeveloperサイトに移動します。「Create an app」という案内があるはずなので、適宜作成します。下記のサイトを参照。 https://urashita.com/archives/8848 実装開始 socialiteの導
Creating heroku-postgresql:hobby-dev on ⬢ sholovelaravel... free Database has been created and is available ! This database is empty. If upgrading, you can transfer ! data from another database with pg:copy 一応うまくいってる? ●参考文献 【Heroku Postgresql】アドオンを追加し、テーブル操作を行う どうもここではHeroku Postgresアドオンが自分のHerokuページに載るらしい。 アドオンがあるからOKみたい!次は設定。 ●参考文献 Laravel + Heroku + HerokuPostgres でDB設定をサクッと環境変数に突っ込む これをみるとDBの設
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く