初心者の私が、PHPを勉強していて少し気になったことを自分用にメモしています。 少しずつ足していきます。 phpのスコープ phpでfor文やif文の中はブロックスコープになりません。 関数の中はブロックスコープになります。 もしfor文などの中で変数を定義し…
複数行にまたがる文字列を扱うときに便利なヒアドキュメントやNowdoc。 EOMは他の文字でもOK(開始と終了が同じ文字なら)。 よく使われるのがEOM(End Of Message)みたい。
定数の定義 定数定義にはdefineかconstを利用します。 defineとconstの違いは、defineはnamespaceの影響を受けないけど、constは受けるだけなのでしょうか。。。 define define('ABC','ほげほげ'); echo ABC; // ほげほげ const const ABC = 'ほげほげ'; ech…
Laravelでのjwt-auth利用する為の自分用のメモです。 Laravelの認証機能を利用してテーブルを作成 $ php artisan make:auth $ php artisan migrate jwt-authをインストール composer require tymon/jwt-auth configファイル生成 php artisan vendor:publish …
VuePressのメモです。 VuePressの基礎基礎の続きです。
VuePressとは Vue.jsベースの静的サイトジェネレーターです。 静的サイトジェネレーターとは、Markdownなどで書かれたファイルからHTMLやCSS、JSを生成してくれるツールです。 DBの準備などはいらず、全て静的なファイルになる為、簡単に安心なサイトが作成…
Eslintの設定は基本的には"extends": "eslint:recommended"などを利用しているので、あまり個別に設定することはないのですが、 少し変更するときに毎回調べているのでメモしておこうと思います。 有効・無効の設定 値 内容 0 無効 1 有効(警告) 2 有効(エラ…
LaravelのFilesystemsを利用することで、ファイルストレージを簡単に設定することができます。 今回は「Local Storage」に保存してみたいと思います。 PHP初心者の私には割と時間がかかってしまったので忘れないようにメモしておきます。 S3に保存するのを試…
Phpstorm&PHP初心者ですが、リモートデバックが上手くいかず時間がかかりました。 次回の為のメモです。
Laradocを利用して、以下のコマンドでdockerイメージを作成した際に、エラーが発生したのメモです。 docker-compose up -d --build nginx mysql workspace error E: Failed to fetch http://security-cdn.debian.org/debian-security/pool/updates/main/g/gh…
Laravelでクロスオリジン(CORS)に対応する為のメモです。 LaravelはCORS用のライブラリがあるのでそちらを利用します。
テーブルを作成したのは良いが、データが何も無い状態だと、何も試すことができません。 そこで、ダミーのレコードを用意する為にシーディングという機能を利用します。
Laravelではマイグレーションファイルでデータベースを管理する。 マイグレーションとは、データベースのバージョン管理機能です。
Laravelでcontrollerを利用するためのメモです。
Routeの書き方 LaravelでのRouteの書き方のメモです。 基本 Route::get(アドレス,関数など)
git pullをしようとしたら、↓のエラーがでました。 また同じことが起きたときの為にメモです。 error: Your local changes to the following files would be overwritten by checkout:hogehoge.rb Please commit your changes or stash them before you swit…
Figmaを利用するときに便利だったことのメモです。
Houdiniを始めるにあたって、最初にやっておいたほうが使いやすいと思われる設定を学んだので備忘録として記載しています。 とは言っても3つしかないです。。。
準備 vue-cliでプロジェクトを作成する Jestを利用する。 vue-test-utilsを利用する(vue-cliでプロジェクトを作成した場合はインストール済み)
Laradockで開発環境を構築したら、次はAPIを作ってみたいと思います。 メモレベルなので、分かりづらいかもしれません。
mixinで共通化をする mixin機能を利用することで、複数のコンポーネントで処理を共通化することができます。 使い方 例えば、以下のようなコンポーネントがあり、createdの処理と、methodsを共通化する為mixinにしたいと思います。 <template> <div :style="style">{{ name }} </div> </template> <style> </style> <script> export …
カスタムディレクティブ v-xxxのようなオリジナルのディレクティブを作成することができる。 ディレクティブのオプション オプション 内容 bind ディレクティブが対象の要素に紐付いたときに1度だけ実行される inserted 紐ついた要素が挿入されたタイミング…
vueではtransitionコンポーネントを利用することで、わりと簡単にアニメーションを実現することができます。 公式を見たほうがより詳しいので、公式を見ることをおすすめします。
webpack-dev-serverでローカルにサーバーを立てた場合、localhostではなくIPでアクセスすると見ることができませんでした。 PCなどはlocalhostでアクセスすれば問題なかったりするのですが、スマホでの動作など外部のデバイスから動作を確認したい場合に少し…
Vueを利用している場合に、scopedを利用して、CSSをカプセル化するのが普通だとおもいますが、その場合bodyやhtmlに値を適応することができませんでした。 グローバルにCSSを設定するのに少し悩んだのでメモしておきます。 1. App.vueのscopedを外す scoped…
自分用のメモです。 現在開発中のサービスが、サブドメインによってページを出し分けるような仕様です。 その為ローカルの開発環境の場合、http://localhost:8000のようになる場合、都合が悪かったです。 そこで、/etc/hostsファイルをいじって、特定のドメ…
いつもグローバルにnode.jsをインストールして、利用していましたがndenvというのを利用すると、プロジェクトごとにnodeのバージョンを管理することができるようなので、利用してみよと思います。 ndenvをインストールする場合はanyenvというツールを利用す…
Vueで親コンポーネントから子コンポーネントのスタイルを変更する方法です。
無料の範囲でFont Awesomeを利用する方法です。 理解に地味に時間がかかったのでメモしておきます。 fontawesome
Vuexを使うためのメモ。 部分的にしか書いてないので、あまり参考にならないと思います。