初心者向け

HTML&CSS

【HTML&CSS】Flexboxを使って要素を上下左右に中央揃えにする方法

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

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

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

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

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

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

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