Public Constructor

はじめに この記事は Laravel #2 Advent Calendar 2018 の14日目の記事です。 内容 今回はLaravelでテストコードを書く際に、普段使っている処理をまとめてみました。 LaravelにはHTTPリク...

GraphQLについては名前くらいしか聞いたことがなく、どういうかは全く知らなかったのですが、最近調べる機会があったので、GraphQLを調べた際に知った特徴をまとめました。 GraphQLのことをこれから調べようと考えている方は、下記の...

この記事はVue.jsの算出プロパティについて、「メソッドとの違い」や「算出プロパティの使い所」がよくわからない、と混乱したことがある人向けにまとめた内容です。 算出プロパティとは Vue.jsではテンプレート内に計算や式を記述すること...

今回はFlexboxを使って、要素を上下や左右に中央揃えする方法を紹介します。 まずFlexboxを使用するためには、要素に対して"display: flex"を設定する必要があります。 そして、調整したい位置によって"display:...

Laravelでは、ファクトリーファイルを使って、テストデータを簡単に準備することができます。 そんなファクトリーファイルですが、難点はファクトリーファイルに設定するカラム名を自分で定義しなければならないことです。 ファクトリーファイル...

PHPの"json_encode()"は配列を与えられたときに、エンコード結果のJSONを配列として出力する場合とオブジェクトで出力する場合があります。 "json_encode()"でエンコードされるJSONの形式の条件がわからずハマっ...

今回は"Vue.js"アプリの開発に使用する公式ツール、「Vue CLI」のインストール方法を紹介します。 Vue.jsでは、Vue CLIを使って、プロジェクトの作成やプラグインの追加を行うことが可能です。 この記事で扱うVue CL...

この記事では、フッターを画面の最下部（一番下）に固定して表示する方法を紹介します。 「フッターが画面の最下部に表示できず、困っている」という方は、以降で紹介している方法を試してみてください。 まずは、次のCodePenのHTMLをご覧く...

この記事では、「画像の上にアイコンや文字、画像を重ねて表示する方法」を紹介します。 まずは次の画像をご覧ください。 この画像では、右下に「いいね」ボタンを表示しています。 この表現はCSSの"position: absolute"...

この記事では、MacにNode.jsとnpmをインストールして、npmコマンドを使えるようにする方法を紹介しています。 npmとは npmは「Node Package Manager」の略称です。その名前の通り、Node.jsのパッケー...