今週の技術学習内容を以下にまとめます。
1. Javaクラス継承の実装
基本クラスと派生クラスを作成し、学生情報管理システムを実装しました。
基本クラス: Pupil.java
public class Pupil {
private String id;
private String fullName;
private int years;
private boolean isMale;
private double grade;
public String getId() { return id; }
public void setId(String id) { this.id = id; }
public String getFullName() { return fullName; }
public void setFullName(String fullName) { this.fullName = fullName; }
public int getYears() { return years; }
public void setYears(int years) { this.years = years; }
public boolean isMale() { return isMale; }
public void setMale(boolean isMale) { this.isMale = isMale; }
public double getGrade() { return grade; }
public void setGrade(double grade) { this.grade = grade; }
public void displayInfo() {
System.out.println("学籍番号:" + id + " 氏名:" + fullName +
" 年齢:" + years + " 性別:" + isMale +
" 成績:" + grade);
}
public static void main(String[] args) {
Pupil p = new Pupil();
p.setId("2024001");
p.setFullName("山田太郎");
p.setYears(20);
p.setGrade(85.5);
p.setMale(true);
p.displayInfo();
}
}派生クラス: PupilManager.java
public class PupilManager extends Pupil {
public void showDetails() {
System.out.println("学籍番号: " + this.getId());
System.out.println("氏名: " + this.getFullName());
System.out.println("年齢: " + this.getYears());
System.out.println("性別: " + this.isMale());
System.out.println("成績: " + this.getGrade());
}
public static void main(String[] args) {
PupilManager pm = new PupilManager();
pm.setId("2024002");
pm.setFullName("佐藤花子");
pm.setYears(19);
pm.setGrade(92.0);
pm.setMale(false);
pm.showDetails();
}
}実行結果
基本クラス出力:
学籍番号:2024001 氏名:山田太郎 年齢:20 性別:true 成績:85.5
派生クラス出力:
学籍番号: 2024002 氏名: 佐藤花子 年齢: 19 性別: false 成績: 92.0
2. HTML5によるウェブページ実装
朱自清の「背影」を題材にした基本ページを作成しました。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>背影 - 朱自清</title>
</head>
<body>
<header>
<h1 style="text-align:center"><strong>背影</strong></h1>
<p>作者: <a href="https://ja.wikipedia.org/wiki/朱自清" target="_blank">朱自清</a></p>
</header>
<hr>
<article>
<section>
<p>私は<em>父</em>と二年余りも会っていないが、最も忘れられないのは彼の後ろ姿だ...</p>
</section>
<!-- 各段落を省略 -->
</article>
<hr>
<figure>
<img src="literary_image.jpg" width="500" height="500" alt="背影の挿絵">
<figcaption>作品関連イメージ</figcaption>
</figure>
</body>
</html>実装機能:
- 作者名リンク: 朱自清の詳細ページへ遷移
- 画像クリック: 作品解説ページを表示
- セマンティックタグを使用したコンテンツ構造化