送信ボタンを作成する。

初めに! 学習した内容をアウトプットすることで学習効率を向上させます。初心者にもわかりやすいように解説していきます。完成図コード <form action="#" method="post"> <input type="submit" name="submit" value="送信"> </form> コードの説明 form要素の中にinput要素を挿入する。 formタグ内にはaction属性とmethod属性を記述する。 action属…

2023-12-13

ラジオボタンの作成

初めに！学習した内容をアウトプットすることで学習効率を向上させます。初学者にもわかりやすいように解説していきます。完成図コード <form action="#" method="post"> <dl> <dt><label for="gender">性別</label></dt> <dd> <label for="gender"><input type="radio" name="gender" value="male" checked>男性</label> <label for="gender"></label></dd></dl></form>

2023-12-12

プルダウンメニューの作成。

初めに! 学習した内容をアウトプットして学習効率の向上に努めます。初学者にもわかりやすく説明していきます。完成図コード <dl> <dt><label for="area"></label>お住まい</dt> <dd><select name="area" > <option value="" selected>選択してください</option> <option value="niigata">新潟</option> <option value="toyama">富山</option> <option value="ishikawa">石川</option> </select></dd>…</dl>

2023-12-12

フォームの作成について(お問い合せフォーム)

初めに！学習した内容をアウトプットするために記事を書きます。少しでも参考になるようにわかりやすく書いていきます。フォームとは？クライアント側が情報を入力してサーバーに情報を送信する仕組み。完成図コード <body> <h1>ログインフォーム</h1> <form action="#" method="post"> <input type="text" name="username" placeholder="ユーザーネーム"> <input type="password" name="password" placeholder="パスワード"> </form></body>

2023-12-12

フォームの作成について(お問い合せフォーム)

初めに！学習した内容をアウトプットするために記事を書きます。少しでも参考になるようにわかりやすく書いていきます。フォームとは？クライアント側が情報を入力してサーバーに情報を送信する仕組み。完成図コード <body> <h1>ログインフォーム</h1> <form action="#" method="post"> <input type="text" name="username" placeholder="ユーザーネーム"> <input type="password" name="password" placeholder="パスワード"> </form></body>

2023-12-11

table作成時におけるタグの説明

初めに！学習した内容をアウトプットすることで学習効率を上げるために書きます。初学者にもわかりやすいように書いていきます。テーブルタグのタグの説明 table テーブルを作る範囲を決めるタグ。 table要素同士は縦に並ぶ。ブロックレベル要素 tr tab…

2023-12-11

簡易的なテーブルの作成について

初めに学習したことをアウトプットし、学習の定着効率を上げます。初学者にもわかりやすく書いていきます。完成物作成手順上段を作成する。 <table border="1"> <tr> <td>山田</td> <td>太郎</td> </tr> </table> tableタグにボーダーを当てはめるためにborder="1"をあてる table要素の中にtr要素を挿入する。…

2023-12-10

セルの結合

初めに！学習した内容をアウトプットすることで学習効率を上げるためにアウトプットしていきます。初学者にもわかりやすいように書いていきます。セルの結合の種類横方向に結合するために colspan属性を使用する。縦方向に結合するために rowspan属性を…

2023-12-10

ヘッダー付きのテーブル

初めに学習した内容をアウトプットするために記事を書いていきます。初学にも参考になったり、わかりやすいように作成していきます。ヘッダー付きのテーブルの完成図コードと解説 <table border="1"> <tr> <th>姓</th> <th>名</th> </tr> <tr> <td>山田</td> <td>太郎</td> </tr> <tr> <td>田中</td> <td>花子</td> </tr> </table> </body> table要素の中にtr要素を挿入する。…

2023-12-10

説明リスト

初めに！ htmlを学習して学んだことを中心にアウトプットしていきたいと思います。説明リストとは？用語と説明をリスト化したものを指す。作成目標コード <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>説明リストの練習</title> </head> <body> <dl> <dt>用語1</dt> <dd>説明1</dd> <dt>用語2</dt> <dd>…</dd></dl></body></html>

2023-12-10

簡易的なテーブルの作成について

初めに学習したことをアウトプットし、学習の定着効率を上げます。初学者にもわかりやすく書いていきます。完成物作成手順上段を作成する。 <table border="1"> <tr> <td>山田</td> <td>太郎</td> </tr> </table> tableタグにボーダーを当てはめるためにborder="1"をあてる table要素の中にtr要素を挿入する。…

2023-12-09

プルリクエストについて

初めにギットハブを学習中に学んだこと、躓いたことを中心にアウトプットしていきます。プルリクエストとはある開発者が自らの環境でコードを書いたり、修正した際に元になるコードに追加・変更内容をそのまま適応して良いか開発元または他の開発者に通知…

2023-12-07

説明リスト

初めに！ htmlを学習して学んだことを中心にアウトプットしていきたいと思います。説明リストとは？用語と説明をリスト化したものを指す。作成目標コード <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>説明リストの練習</title> </head> <body> <dl> <dt>用語1</dt> <dd>説明1</dd> <dt>用語2</dt> <dd>…</dd></dl></body></html>

2023-11-30

プルリクエストについて

初めにギットハブを学習中に学んだこと、躓いたことを中心にアウトプットしていきます。プルリクエストとはある開発者が自らの環境でコードを書いたり、修正した際に元になるコードに追加・変更内容をそのまま適応して良いか開発元または他の開発者に通知…

2023-11-30

git cloneをmain以外のブランチで行う。

初めに gitを学習中に学んだことや躓いたところを中心にアウトプットしていきます。 git cloneについてリモートリポジトリーからローカルにデータをコピーすること。 git cloneの手順ターミナル上で git clone リポジトリURL 問題点 mainブランチ以外にも…

2023-11-22

git checkout -b オプションについて

初めに gitを学習して躓いたところを調べ、備忘録がてらに記事にしたいと思います。初学者にもわかりやすいよう書いていきます。 git checkoutとは作業ブランチの切り替えを行う。指定したコミットもしくわインデックスの状態を現在の作業ツリーに展開す…

2023-10-31

git init

初めに Gitを学んだことをアウトプットすることで学習効率を上げるという時に備忘録としても記述していきます。初学者にもわかりやすいようにアウトプットしていきます。 git initについて .gitディレクトリが作成される。(ローカルリポジトリのこと) ロー…

2023-10-30

diffを使って変更内容の確認を行う。

初めに！・gitを学習した内容を学習効率を向上させるという目的と備忘録がてらにアウトプットしていきたいと思います。・初学者にも役に立つような記事を書いていこうと思います。 diffの基本的な形 $ git diff ・git addする前に変更した箇所とインデック…

2023-10-30

diffを使って変更内容の確認を行う。

初めに！・gitを学習した内容を学習効率を向上させるという目的と備忘録がてらにアウトプットしていきたいと思います。・初学者にも役に立つような記事を書いていこうと思います。 diffの基本的な形 $ git diff ・git addする前に変更した箇所とインデック…

2023-10-29

コミットしてしまったファイルを外部から外す。

初めに！ GitHubの学習した内容をアウトプットすると同時に備忘録がてらに記事を書いていこうと思います。ファイルをGitの管理下から外すコマンドコミットしたファイルを管理から外す方法。ファイルも一緒に削除 $ git rm <ファイル名> ディレクトリも削…

2023-10-26

commitについて

初めに何気なく使っている用語やコマンドを一度自分で定義しなおして使いこなせるようにアウトプットする。初学者にもわかりやすいように解説していく。コミットとは？どの作業を何のために行なったかを記録するためのもの。チーム開発の時に他のメンバ…

2023-10-25

git push ができない(permission denied (publickey))

初めにリモートリポジトリにpushした時のエラー解決方法を記述していこうと思います。前提 GitHubにてgit_introと言うリポジトリを作成した。変更したいファイルはgit addでステージングエリアに追加しローカルリポジトリにコミットをした。エラー内容 g…

2023-10-24

Linuxのコマンド一覧と説明

cdコマンド Change Directoryの略語であり、ディレクトリの変更を行う。 cdの後に半角スペースを入れてディレクトリを入力する。ディレクトリ名の記入がなければホームディレクトリに移動する。相対パス、絶対パスどちらにも使用できる。記号による表記も…

2023-10-20

psコマンドについて

psコマンドとは実行中のプロセスを表示させるコマンド process statusの略。書式 $ ps (オプション) 具体例 $ ps PID TTY TIME CMD 9033 ttys000 0:00.19 -bash PIDはプロセスID プロセスに割り振られた番号で、本来はたくさんのプロセスが同時に起こって…