searchカテゴリー選択
chevron_left

カテゴリーを選択しなおす

cancel
プロフィール
PROFILE

33歳主婦さんのプロフィール

住所
未設定
出身
未設定

自由文未設定

ブログタイトル
33歳主婦プログラマーを目指す
ブログURL
https://syufu33.hateblo.jp/
ブログ紹介文
33歳主婦がプログラマーを目指してあれこれ奮闘する日記です
更新頻度(1年)

19回 / 116日(平均1.1回/週)

ブログ村参加:2020/03/03

本日のランキング(IN)
読者になる

新機能の「ブログリーダー」を活用して、33歳主婦さんの読者になりませんか?

ハンドル名
33歳主婦さん
ブログタイトル
33歳主婦プログラマーを目指す
更新頻度
19回 / 116日(平均1.1回/週)
読者になる
33歳主婦プログラマーを目指す

33歳主婦さんの新着記事

1件〜30件

  • ドロップダウンメニューについて

    本日の教材動画はこちら 前回選択式入力のタイプについて勉強しました。「1つしか選択できないタイプ」にはラジオボタンとドロップダウンメニューがあることを学び、ラジオボタンの使い方を習いましたが、今回は前回説明されなかった「ドロップダウンメニュー」について勉強していきたいと思います。 <ドロップダウンメニュー>について ドロップダウンメニューは、以下の要素を組み合わせて使います。 ・<select>タグ ・<name>属性(selectタグと併用) ・<option>タグ ・<value>属性(optionタグと併用) <optgroup>タグ ドロップダウンメニューは上記の要素のみで使用可能だが…

  • ラジオボタンとチェックボックス

    本日の教材動画はこちら 選択式入力のタイプについて 選択式の入力タイプには下記の二つがある ・1つしか選択ができないタイプ (ラジオボタン / ドロップダウンメニュー ) ・複数選択ができるタイプ (チェックボックス) <ラジオボタン>について 用意された選択肢を1つしか選択できないタイプ。タグの他にname属性とvalue属性の指定が必要。name属性が同じものの中から選択することになり、value属性で送信される値を指定する形になる。 使い方は<input type="radio" name="〇〇" value="●●">。タグ横に選択させたい文字を入力する(<input type="r…

  • テキスト入力欄の種類について

    本日の教材動画はこちら テキスト入力のタイプについて テキスト入力には下記の3タイプがある ・1行タイプ ( inputタグ / type"text" ) ・パスワードタイプ ( inputタグ / type"passeord" ) ・複数行入力できるタイプ ( textareaタグ ) <1行タイプ>について 1行タイプは名前の通り、1行だけの簡単な入力フォームの事。フォームに入力した文字がそのまま表示される。使い方は<input type="text"> <パスワードタイプ>について パスワードタイプは1行タイプと同じ入力フォームだが、フォームに入力した文字はそのまま出力されず *** で…

  • 表のヘッダーとフッター

    本日の教材動画はこちら 表(テーブル)タグについては前回勉強しましたが、今回はそこに追加できる要素としてテーブルのヘッダーとフッター、それとボディタグについて勉強します。 ヘッダーとボディについてはなんとなくわかるんですが、フッターってなんぞ??って思って調べてみたら、主にリンクやコピーライトなど、本文より下に表示される部分の事らしいですね。Excel的考えで行くといつも変わらず挿入する部分って認識でいいのかな! <thead>タグ テーブルにおけるヘッダータグ。タイトル部分に利用する。使い方は<thead></thead>で、trタグを挟むようにして使う。1テーブルにつき1個配置可能。 <t…

  • テーブルについて

    本日の教材動画はこちら <テーブル>について テーブルは、「行」と「セル」でできた表の事。一番馴染みがありそうなのはExcelですかね?Excelの表をプログラムの力で表現するのがテーブルである。 昔HPを自作してた頃はテーブルに頼りまくったデザインをしてたんですが、今はデザインにテーブルを使ってはいけないという暗黙のルールがあるらしい。なんでだ?て思って調べてみたところ、暗黙のルールの出所はわからなかったが、そもそも昔と今とじゃテーブルに使える属性が大幅に違うとのこと。 テーブルタグに色々くっつけてデザインするってこと自体ができなくなったため、テーブルタグのみでデザインするなって言われてるん…

  • コメントについて

    本日の教材動画はこちら <コメント>について コメントとは、「あとで読み返すときに内容を分かりやすくするための、“プログラムではない”表記のこと。注釈みたいな扱いでいいのかな?プログラムではないため、ページ内への実行や反映はされません。 コメントタグで表示を無効化することを「コメントアウト」と呼び、一部をコメントする事によってその動作をスキップさせることができる手法があり、主にデバッグで使用されるコメント利用法のようです。デバッグでどう使うのかはわかりませんが、紹介されてた以下の使い方は便利そうですね! ■一時的に表示を無効化 メンテナンス中などで広告タグを一時的に非表示にしておきたい時などは…

  • インラインフレームについて

    本日の教材動画はこちら 今回の内容はインラインフレーム、略してiframeについて。インラインフレームは、特定のファイルをページの一部として表示させる機能を持つ。 <iframe>タグ 使い方は<ifame></iframe>で、タグ内に下記の属性をつけ足していって運用する。基本カッコ内の中身はなくてもいいが、インラインフレームに対応していないブラウザもある。そのため未対応の人用に、カッコ内に「このページはiframe対応ページでご覧ください」などいれておくと親切。 <src>属性について 表示させるファイルの場所を指定するのに使う。使い方はいつも通り src="パス"。 <width>属性と…

  • ファイルの読み込みについて

    本日の教材動画はこちら 今回はファイルの読み込みについて勉強。しかしあくまで概念のみで中身については今後?勉強するようだ。一先ず本日の動画から吸収できた内容を下記にメモしておきます。 <link>タグ 単独タグ。主にCSSやスタイルシート、Favicom(ブクマした際に表示されるアイコン)を読み込ませる際に使われるタグ。使い方は<link ~~>で、~~に必要項目を追加していく。 <script>タグ JavaScriptを読み込ませるときや直接ページ内に記載する時に使うタグ。使い方は<script></script>で、linkタグ同様、タグ内に色々追加して使う形となる。 <link>タグの…

  • 画像について

    本日の教材動画はこちら 前回の記事で一瞬だけimgタグについて触れましたが、今回はそのimgタグの使い方を勉強しました。一通り見ましたがこのタグは昔から使い方が変わってないみたいで個人的に謎の安心感があります。 あと内容にあまり関係ありませんが、前回相対パスと絶対パスを勉強したので、今後パス表記できる箇所は「パス」で記載を統一しようかと思います!折角勉強したしね!!絶対パスでしか記載しない所は分かりやすく今後も「URL」で表記します。よしなに。 <img>タグ </ >で終わらせなくてOKなタイプの単独タグです。使い方は<img src="パス">。これだけでも機能しますが、後述する属性をつけ…

  • 相対パスと絶対パスについて

    本日の教材動画はこちら そもそもパスってなんぞ?って話ですが、パス=道という意味で、ネット上だと「ファイルまでの行き方」として使われる。ようはファイルの住所ですね!どこかへリンクを貼る際は、必ず下記のどちらかを使う形になります。 <相対パス>について 「今いる場所からみて相手がどこにいるのか」を基準にして場所を指定する。道案内でいうと「ここから右に行って、次の角を左です」という感じね!使い方は… ・今いる場所(フォルダ)にあるファイル:ファイル名 ・今いる場所(フォルダ)の中にあるファイル:フォルダ名/ファイル名 ・今いる場所(フォルダ)の1階層上にあるファイル:../ファイル名 ・今いる場所…

  • アンカータグについて

    本日の教材動画はこちら <アンカー>タグ アンカータグとは名の通り錨で、ネット上だとひっかける先になる。簡単に言うとリンク先ですね!タグは<a></a>。これだけだと機能しないので、以下の属性2つとセットにして使用する。 <href>属性 外部サイトへリンクしたい場合はこっちを使う。使い方は<a href="URL">〇〇〇</a>。〇〇〇部分がクリックできるようになり、クリックするとURL部分へ飛ばされる。 ネットでめっちゃみるタグですね!!ずっと<a href="">っていうタグだと思ってたので分解できたことにびっくりしました。あと読み方がずっと分からず勝手に「あへあー」って呼んでたんです…

  • 定義リストについて

    本日の教材動画はこちら <dl>タグ 項目と内容がセットであることを表すタグ。使い方はセットにしたい内容を<dl></dl>で囲む。後述する<dt>と<dd>タグを中に入れて使う。セットってなんぞ?って思ったが、「質問」と「その答え」など、項目→その内容という使い方がメインらしい。 <dt>タグ 項目名を表すタグ。使い方は<dt></dt>。上記説明でいうところの「質問」部分。 <dd>タグ 項目の内容を表すタグ。使い方は<dd></dd>。上記説明でいうところの「答え」部分。 前回勉強したリストとは使い方が似てますね!ただこっちは箇条書きじゃなくてセットありきで、おそらく内容もしっかり書き込…

  • リスト項目について

    本日の教材動画はこちら <ol>タグ 順番が関わる、番号ありのリスト。使い方は<ol></ol>。内側に後ほど記載する<li>タグをいれることで機能するようになる。olタグでリストを作ると、リストの数を数えて自動的に 1. 2. 3. とリストに順番をつけてくれる。 <ul>タグ こっちは順番が関わらない、番号なしのリスト。使い方は<ul></ul>でolと同じように中に<li>タグを挟んで使う。こっちはリストに番号が出ない代わりに、リストの先頭に●などをつけてくれるようになる。 <li>タグ(リスト項目) リストの中身。使い方は<li></li>で、olかulタグの中に入れて使う(例:<ol…

  • コード・改行・プリフォーマットについて

    本日の教材動画はこちら <code>タグ 使い方は<code></code>。囲った部分はコードですよ~と教えてくれるタグ。囲うちょっと若干見た目が変わる(私のブラウザでは斜体になった) <br>タグ 前々から当然のように使っており前回少しだけ触れましたが、改行を意味する単独タグです。使い方は改行したい文末に<br>と入れるだけ。 そういえばたまに<br />もみるけど、何が違うのかしら?って調べてみたところ、ぶっちゃけ何も違わないそうです。 <br />は、XHTMLの構文を機に採用され、DOCTYPEが「XHTMl1.0」「XHTML1.1」などの場合に、BRタグ含む全ての空要素をスラッシ…

  • 略語、名前の特記、住所の表現について

    本日の教材動画はこちら <abbr>タグ 「ここは略語ですよ~」ということを知らせるタグ。使い方は<addr></addr>。ただこれだけでは見た目上何も変化が起きないため、後述するタグとセットで使う。 <title>属性について <abbr>タグだけでは何も起きないので、一緒に「略語の元はこれですよ~」というタグをつけてあげる必要がある。それがこのtitle属性で、使い方は<abbr title="省略前の単語"></abbr>となる。 title属性をつけてあげることにより、abbrタグで囲んだ文字にカーソルを合わせると省略前の単語が見えるようになる(マウスオーバーすることでtitleで入…

  • 引用について

    本日の教材動画はこちらとなります。 <blockquote>タグ ブロックごと引用するタグ。使い方は<blackwuote></blackquote>。タグで囲むと囲んだ文章が一段字下がりする。 <q>タグ 一部を引用するためのタグ。使い方は<q></q>。タグで囲むと囲まれた文章が " " で囲まれる。 <cite>の属性と要素について 「引用元の表記」をするためのタグ。タグというかタグ内にいれる属性。まとめて引用、一部を引用どちらにも使え、タグの後に追記することで効果を発揮する。使い方は<blockquote cite="引用URL">または<q cite="引用URL">。 cite属性…

  • 強調と重要性、区切りについて

    本日の教材動画はこちら。 <em>タグ 文字を強調する。強調すると斜体になるが、「斜体にしたいからemタグを使う」のではなく、「強調した結果斜体で表示される」という認識が正しいとのこと。使い方は<em></em>。 <strong>タグ 文字を太字にする。こっちも「太字にしたいからstrongタグを使う」のではなく、「重要性を表示した結果太字で表示されている」という認識が大事。使い方は<strong></strong> <hr>タグ 区切り線を表示される。文字を囲む必要はなく単独で使える。使い方は区切りたい場所に<hr>を書くだけでOK。 emタグやstrongタグは、あくまでブラウザが解釈し…

  • 見出し・段落について

    コロナ騒動でバタバタしてたらなんだか久しぶりな日記になってしまった。世界中コロナパニックが起きていますが私は今日も元気です。期間は空いたが今日も元気に勉強していこう。 今回使った教材動画はこちら 33歳主婦、HTMLの基礎タグを学びなおす <p>タグ 段落を変えるためのタグ。使い方は文章を<p></p>で囲うだけ。今使ってるこのはてなブログは改行全てを<p>でするようだ。他ブログは<br>だったりするしなんか使い分ける理由あるのかしらね。好み…? 私の知識は15年くらい前で止まってるため昔から<br>を多用してたんですが、最近は<p>タグで改行するのが主流の様子。なんで<br>じゃだめなんだ?…

  • よく使われるタグについて学ぶ

    本日使った教材動画はこちら さっそく見慣れないタグが一つあり不安を覚える主婦。 33歳主婦、HTMLの基礎タグを学びなおす <meta>タグ 文章の情報を伝えるために使われる。初めて見た。書き方は<meta charser="UTF-8">。UTF-8…お前だけはなんか見覚えがあるぞ。メールやサイトの文章が文字化けした時にかえるやつだ!!エンコード帰るときに貴様はみたことがあるぞ。 調べたところUTF-8は世界的に最もポピュラーな文字コードらしい。なるほど。他にもコードはあるだろうがよくわからないので、とりあえずこれを使っておけば安心と覚えておこう。 <title>タグ お前の事は知っているぞ…

  • HTMLについて1から勉強しなおしてみる

    さて、早速前回記載したロードマップに沿って勉強を始めてみた。 本日使ったのは下記動画。1-1と1-2はHTMLのなんたるかのお話なのでここでは飛ばす。とりあえず拡張子を.htmlで保存するという部分は変わってないようで安心した。 以前は漠然とHTMLを使ってたが、それぞれの意味がわかるとなかなかおもしろい。あと下記に記載するが、昔と記載方法が若干変わってるのが個人的にかなり新鮮だった。 33歳主婦、HTMLの基礎タグを学びなおす <doctype> まず最初にお?と思ったのがこのタグ。以前HTMLを学んでいたときはこんなタグみたことなかった。「どのHTMLバージョンで書かれているか」を示すタグ…

  • ロードマップと勉強方法

    33歳主婦がプログラマーになるために、どう勉強するつもりなのかを紹介

  • しがない主婦がプログラマーを目指す理由と目標について

    みなさまはじめまして。僻地の当ブログにお越しいただきありがとうございます。ブログタイトルの通り、ブログ主の33歳主婦です。思い付きで作ったブログですが、記念すべき最初の記事。なぜしがない主婦がこんなブログを作っているのか、最終的にどこを目指しているのかなど、最初に簡単にお伝えできればと思います。 33歳主婦がプログラマーを目指す理由 あまり思い出したくないが、2020年1月に晴れて私も33歳になった。なってしまった。自分的にはまだ若いつもりだが(実際は精神年齢が低いだけ)世間ではそうはいかないらしく、ハロワの求人票の多くは「若年層の長期キャリア形成を図るため」とか言って35歳までの求人をじゃか…

カテゴリー一覧
商用