「HTML|入門ガイド」では、ウェブページ制作の基礎であるHTMLを包括的に学ぶことを目指します。 まず、HTMLの定義、歴史、重要性について説明します。次に、チュートリアルを通じて基本的なタグや属性を学び、重要なポイントを整理します。また、効果的な学…

HTMLは、ウェブページの構造を定義するための基本的なマークアップ言語であり、その理解は現代のウェブ開発において不可欠です。本記事では、HTMLに関する公式ドキュメントとリファレンスを紹介し、各要素や属性の詳細な解説を通じて、開発者がHTMLを効果的…

HTMLのチートシートを以下にまとめました。このチートシートでは、基本構造、基本的なHTMLタグ、属性を簡潔に示しています。 基本構造 主要なHTMLタグ 見出しタグ 段落タグ リンクタグ 画像タグ リストタグ テーブルタグ フォーム要素 メタタグ スタイルとス…

HTMLとJavaScriptの連携は、ウェブ開発において非常に重要な要素です。HTML(HyperText Markup Language)はウェブページの構造を定義し、JavaScriptはそのページに動的な機能を追加する役割を果たします。以下に、HTMLとJavaScriptの連携方法について説明しま…

HTMLとCSSの連携は、ウェブページを作成する際に非常に重要なプロセスです。HTML(HyperText Markup Language)はウェブページの構造を定義し、CSS(Cascading Style Sheets)はそのスタイルを指定します。以下に、HTMLとCSSの連携方法について説明します。 HTML…

HTMLを効果的に学ぶための重要なポイントをご紹介します。HTMLの基礎を押さえるには、主に以下の点に注目しながら学習を進めることが大切です。 タグの理解 属性と値の理解 セマンティックHTMLを意識する 実践的な学習 トライアンドエラー まとめ その他の記…

このチュートリアルでは、HTMLの基本的な概念、構造、および主要なタグの使用方法について解説します。HTMLはウェブページを構成するための基盤となる言語であり、その理解はウェブ開発において不可欠です。 HTMLの基本構造 主要なHTMLタグ HTMLの属性 実践…

ウェブサイトの作り方について、全体像をざっくりと説明します。 まず、前提として、ウェブページ、ウェブサイト、ホームページの違いを説明します。次に、ウェブサイト制作の全体的な流れを説明します。その後、ウェブサイト制作について様々な観点からお話…

ウェブページの作り方について、作成から公開までの全体像をざっくりと説明します。その前に、前提と準備のお話があります。前提では、ウェブページ、ウェブサイト、ホームページの違いを説明し、準備ではブラウザとエディタについて説明します。前提と準備…

11月の勉強報告です。 今月もお金の勉強を継続できました。AtCoderの過去問対策は進みませんでした。代わりにC++のSTLの関数とデータ構造を勉強メモにまとめました。まだまだ勉強不足ではありますが、少しずつ進めていきます。 取り組んだこと よかったこと …

AtCoderの過去問対策です。ABCで解けなかった問題、ためになった問題のコードを備忘録として残します。 問題 解説 考え方 解答例1 メモ 解答例2 解答例3 参考 問題 B - A to Z String 解説 https://img.atcoder.jp/arc068/editorial.pdf 考え方 A は可能な限…

AtCoderの過去問対策です。ABCで解けなかった問題、ためになった問題のコードを備忘録として残します。 問題 解説 考え方 解答例1 解答例2 メモ デモ1 デモ2 問題 B - Sum of Three Integers 解説 https://img.atcoder.jp/abc051/editorial.pdf 考え方 各変…

AtCoderの過去問対策です。ABCで解けなかった問題、ためになった問題のコードを備忘録として残します。 問題 解説 解答例 メモ 参考 問題 B - Between a and b ... 解説 https://img.atcoder.jp/arc064/editorial.pdf 解答例 #include <bits/stdc++.h> using namespace std;</bits/stdc++.h>…

10月の勉強報告です。 今月もお金の勉強に偏った1ヶ月でした。AtCoderの対策は、アルゴリズムの理解に苦戦しました。そのため、あまりAtCoderの過去問対策に取り組めませんでした。先月からの課題です。アルゴリズムについては調べられてはいるので理解でき…

AtCoderの過去問対策です。ABCで解けなかった問題、ためになった問題のコードを備忘録として残します。 問題 解説 解答例 メモ 問題 B - Painting Balls with AtCoDeer 解説 https://img.atcoder.jp/data/arc/062/editorial.pdf 解答例 #include <bits/stdc++.h> using name</bits/stdc++.h>…

AtCoderの過去問対策です。ABCで解けなかった問題、ためになった問題のコードを備忘録として残します。 問題 解説 解答例 メモ substr() 問題 B - Card Game for Three (ABC Edit) 解説 https://img.atcoder.jp/data/arc/061/editorial.pdf 解答例 #include <bits/stdc++.h></bits/stdc++.h>…

今年の9月でブログ開設4年になります。年に1度の振り返りをします。こんなブログもあるのだと思って見ていただけたら幸いです。 ブログを数値で振り返る 課題・後回しにしていること 今後について ブログを数値で振り返る 簡単にではありますが、当ブログの…

9月の勉強報告です。 今月はお金の勉強に偏った1ヶ月でした。AtCoderの対策は、アルゴリズムの理解に苦戦しました。そのため、あまりAtCoderの過去問対策に取り組めませんでした。 取り組んだこと よかったこと 反省 取り組んだこと お金の勉強 動画視聴 AtC…

AtCoderの過去問対策です。ABCで解けなかった問題、ためになった問題のコードを備忘録として残します。 問題 解説 解答例 メモ 問題 B - Beautiful Strings 解説 https://img.atcoder.jp/data/arc/060/editorial.pdf 解答例 #include <bits/stdc++.h> using namespace std; </bits/stdc++.h>…

AtCoderの過去問対策です。ABCで解けなかった問題、ためになった問題のコードを備忘録として残します。 問題 解説 解答例1 メモ 解答例2 メモ 問題 A - 321-like Checker 解説 Editorial - SuntoryProgrammingContest2023（AtCoder Beginner Contest 321） …

AtCoderを始めて半年くらいは、Ratingはプラス推移でした。それがある時期からマイナスに転じたので、一度AtCoderから距離をおくことにしました。その後、対策を考えて取り組みました。その結果、Ratingをどうにかプラスにすることができました。 なお、Rati…

雑記カテゴリの記事が増えたので、記事を整理しました。合わせてカテゴリの新設と名称変更をしました。 しばらくの間、記事投稿を続けていました。今あるカテゴリに分類できない記事を全て雑記に分類していました。そのため、雑記の本数が増えてしまいました…

今月はお盆期間があったため、通常よりも勉強時間が確保できませんでした。 そんな中でもAtCoderの対策とブログ記事作成・更新に取り組みました。AtCoderは、特にC問題を解きました。まだまだ精進が足りなので、継続します。 取り組んだこと よかったこと 反…

AtCoderの過去問対策です。ABCで解けなかった問題、ためになった問題のコードを備忘録として残します。 問題 解説 解答例1 メモ 解答例2 メモ 問題 A - Three-letter acronym 解説 https://img.atcoder.jp/arc072/editorial.pdf 解答例1 #include <bits/stdc++.h> using nam</bits/stdc++.h>…

AtCoderの過去問対策です。ABCで解けなかった問題、ためになった問題のコードを備忘録として残します。 問題 解説 解答例 メモ 問題 A - One Card Poker 解説 https://img.atcoder.jp/abc054/editorial.pdf 解答例 #include <bits/stdc++.h> using namespace std; int main(</bits/stdc++.h>…

AtCoderの過去問対策です。ABCで解けなかった問題、ためになった問題のコードを備忘録として残します。 問題 解説 解答例 メモ 問題 A - Two Rectangles 解説 https://img.atcoder.jp/arc067/editorial.pdf 解答例 #include <bits/stdc++.h> using namespace std; int main(</bits/stdc++.h>…

今月は、AtCoderの対策に集中的に取り組みました。月末のコンテストに参加することを目標にしています。まだまだ精進が足りなので、継続します。 取り組んだこと よかったこと 反省 取り組んだこと C++の勉強 基本構文 データ構造 AtCoder Programming Guide…

AtCoderの過去問対策です。ABCで解けなかった問題、ためになった問題のコードを備忘録として残します。 問題 解説 解答例1 メモ 解答例2 メモ 問題 A - Haiku 解説 https://img.atcoder.jp/abc051/editorial.pdf 解答例1 #include <bits/stdc++.h> using namespace std; int</bits/stdc++.h>…

AtCoderの過去問対策です。ABCで解けなかった問題、ためになった問題のコードを備忘録として残します。 問題 解説 解答例1 メモ 解答例2 メモ 問題 A - UOIAUAI 解説 https://img.atcoder.jp/arc065/editorial.pdf 解答例1 #include <bits/stdc++.h> using namespace std; i</bits/stdc++.h>…

AtCoderの過去問対策です。ABCで解けなかった問題、ためになった問題のコードを備忘録として残します。 問題 解説 解答例 メモ 問題 A - AtCoder *** Contest 解説 https://img.atcoder.jp/arc064/editorial.pdf 解答例 #include <bits/stdc++.h> using namespace std; int </bits/stdc++.h>…