フロントエンドCreate React Appでカウンターアプリをつくる
Create React Appで簡単なカウンターアプリをつくっていきます。Create React App インストールさっそく npx create-react-app counter-app を走らせます。ここでのcounter-ap...
フロントエンド
フロントエンド
フロントエンドGoogle Fontsを読み込んでWebページで表示する
Webページは基本的に、ブラウザ側のデバイスにインストールされたフォントを利用してテキストを表示させています。WindowsとMac等、デバイスによっては異なるフォントでテキストが表示されることになってしまいます。Webフォントを使うと、読...
フロントエンドJavaScriptでカウンターを作る
JavaScriptでカウンターを作っていきます。基本となるHTMLはこちら。index.htmlです。<!DOCTYPE html><html lang="ja"> <head> <meta charset="UTF-8" /> <met...
フロントエンド複数のWebページをリンクでつなぐ
ハイパーリンク、いわゆる「リンク」を張るには、<a>タグを使います。今回は、企業サイト風に、・TOPページ・会社案内・お問い合わせの3ページを用意して、それぞれを繋いでみたいと思います。ページの数だけhtmlファイルを用意するまずは3つのh...
フロントエンドCSSでHTMLのテキストの色を変える
WebサイトにCSSを反映させるには、3つのやり方があります。1つ目は、インラインのstyle属性に書き込む。2つ目は、head内のstyle要素に書き込む。3つ目は、外部にCSSファイルを作成して、読み込む。という感じです。今回はテキスト...
フロントエンドWebサイトに画像を表示する
Webサイトに画像を表示するには<img>タグを使います。メモ帳でもできるんですが、コードを書くのに便利なテキストエディタを使ったほうが早いです。私はVisual Studio Codeを使用しています。よくVSCodeと略されます。日本語...
フロントエンドHTMLを書いてテキストをブラウザに表示させる
基本のHTMLを書いて、ブラウザに表示させます。簡略化のためにデスクトップ上で行います。右クリックして、新規作成メニューからテキストドキュメントを選択します。右クリックから新規作成＞テキストドキュメント新規テキストドキュメント.txtという...