Laravel

【Laravel】テーブル定義からファクトリーファイルを自動生成するライブラリを作りました

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

【PHP】配列をjson_encode()でエンコードしたJSONが、配列になるときとオブジェクトになるときの違いを解説

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

【Vue.js】Vue CLI 3系のインストール方法

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

たった4行のCSSでフッターを画面の最下部(一番下)に表示する方法【flexbox】

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

【HTML】画像の上に画像やアイコン、文字を重ねて表示する方法【CSS】

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

MacにNode.jsとnpmをインストールする方法【初心者向け】

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

【HTML】aタグで作ったリンクのクリック範囲を親要素のサイズに広げる方法【CSS】

この記事では、「aタグで作ったリンクのクリック範囲を、親要素と同じサイズに広げたい」とお困りの方に、解決方法を紹介しています。 デフォルトではどのように表示されるか? 例えばliタグとaタグを使ってリンクのリストを作った場合、標準だと次...
SPA

Vue.js + axios + Vue Routerで作る!シンプルなSPAの作り方

この記事では、SPAがはじめてという方向けに、"Vue.js"と"Vue Router"、"axios"を使った、SPAの作り方を紹介します。 そのため、「SPAのアプリケーションを作ってみたいけれど、どこから手をつければ良いかわからない...
初心者向け

プログラミングにおすすめのフリーエディタ!エディタを選ぶときのポイントも紹介【Visual Studio Code】

この記事では、フリーで使えるエディタの中でも、おすすめのエディタを紹介しています。 また、エディタを選ぶときの4つのポイントを解説していますので、エディタ選びに悩んでいる方は参考にしてみてください。 プログラミングをするときに必須となるエ...
Firebase

【Firebase】Vue.jsで作ったWebアプリを公開する方法を解説【初心者向け】

この記事ではFirebaseを使うメリットについて紹介します。 また、Firebaseでどのくらい簡単にWebアプリを公開できるかの一例として、Vue.jsで作ったアプリをFirebaseのHostingで公開する手順について解説します。 ...