fuuengineerのブログ

エンジニアになります。

2021-01-01から1年間の記事一覧

【JavaScript】DOM操作

idをキーに要素を取得 html <html lang="ja"> <head> <meta charset="utf-8"> <title>IDをキーに要素を取得</title> </head> <body> <p id="result">pタグの文字列です。</p> <input type="button" value="取得" onclick="show()"> <script src="js/element_id.js"></script> </body> </html> javascript // IDをキーに要素を取得 // getElementBy…

JavaScriptで数学の計算をしよう!

問題1. 1〜100の整数かつ偶数の値について、合計値を計算してコンソールに出力してみましょう。 ヒント : 繰り返し処理for文を利用。数値が偶数であることを判定するには、数値を2で割ったときに割り切れるかどうか(=余りが0)で確認できます。 答え. 2550 …

Cafeのウェブサイトを作る②【CSS】

完成図は以下の通り。 完成図① 完成図② こちらのcssは以下の通り。 @charset "utf-8"; /* common */ html { font-size: 100%; } body { /* font-familyは左からmac, windows, その他 */ font-family: "Hiragino Kaku Gothic proN", "メイリオ", sans-serif; …

Cafeのウェブサイトを作る①【HTML】

完成図は以下の通り。完成図① 完成図② こちらのhtmlは以下の通り。 <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="description" content="CSS Cafeの公式ウェブサイトです。商品情報、店舗紹介、アクセス、会社情報など"> </meta></meta></meta></head></html>

HTML 備忘録

入力フォーム 図1 入力フォーム 図1の入力フォームのHTMLは以下の通り。 <form action="#" method="POST"> <dl> <dt><label for="username">お名前</label></dt> <dd><input id="username" type="text" name="username"></dd> <dt><label for="email">メールアドレス</label></dt> <dd><input id="email" type="text" name="email"></dd> </dl> </form> labelを加えること…

$ git configの重要性

私は最初のGitの初期設定を疎かにしてしまい、学習を進めていく上で途中で詰まってしまいました。ここで基本的なGitの初期設定についてコマンドを用いて解説します。 $ git config --global user.name "githubに登録したユーザーネーム" $ git config --glob…

error: failed to push some refs to 'URL'.gitの対処法【git】

下記のエラーは私がコミットしたローカルの変更をリモートにプッシュした際にでたエラーです。 $ git push origin main To https:///githubのURL [rejected]main -> main (non-fast-forward)error: failed to push some refs to 'https://githubのURL'.git h…

コマンド実行の仕組み【Linux】

ここでは例として、Dateコマンドの実行で説明します。 Dateコマンドの実行 $ date 2021年 9月18日 土曜日 22時04分45秒 JST ターミナルで、dateコマンドを実行した際の仕組みを解説します。まずはシェルがdateコマンドを解釈し、dateというコマンドを探しま…

Web技術 基礎

書籍「プロになるためのWeb技術入門 (著)小森裕介」を読んで重要項目を自分なりにまとめてみた。 ステートフル例えると、高級な美容室。高級な美容室は来店したお客様の情報を記録しておき、誰が対応したか、どのような髪型にしたのかをわかるようになってい…