-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathcourse_baseball_player.html
More file actions
187 lines (159 loc) · 4.94 KB
/
Copy pathcourse_baseball_player.html
File metadata and controls
187 lines (159 loc) · 4.94 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Course</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="K.Code">
<meta name="keywords" content="K.Code,プログラミング,プログラミングスクール,学生,学生から始めるプログラミング,学生から始められるプログラミングスクール,学生用プログラミングスクール,学生向けのプログラミングスクール,中学,高校,大学">
<link rel="stylesheet" href="css/style_course_baseball.css">
<link rel="stylesheet" href="css/slide.css">
<script src="js/openclose.js"></script>
<script src="js/fixmenu.js"></script>
<script src="js/scroll.js"></script>
<script src="js/fixmenu_pagetop.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script>
$(window).scroll(function() {
var windowH = $(window).height(),
scrollY = $(window).scrollTop();
$('#baseball-player-app-other h2, #baseball-player-app-other h3, #baseball-player-app-other h4').each(function() {
var elPosition = $(this).offset().top;
if (scrollY > elPosition - windowH) {
$(this).addClass("fadein");
}else{
$(this).removeClass("fadein");
}
});
});
</script>
<!--フェードイン-->
</head>
<body>
<header>
<div class="fix-background White">
<nav id="menubar">
<ul>
<li><a href="index.html#about">About</a></li>
<li><a href="index.html#course">Course</a></li>
<li><a href="index.html#schedule">Schedule</a></li>
</ul>
</nav>
</div>
</header>
<div id="container">
<div id="contents">
<div class="fix-background baseball-screen">
<div id="baseball-player-app">
<h2>Baseball Player App</h2>
<h3>
</br>
Level ★★★☆☆
</h3>
<h4>
</br>
iPhoneのアプリを作る言語「SwiftUI」を使ってプロ野球名鑑アプリを作成します。</br>
レイアウトの配置、画面遷移、条件分岐や構文、Webスクレイピング、JSONファイルの使用方法などの機能を勉強していきます。</br>
この授業はiPhoneアプリを作るにあたり、基礎から応用まで幅広く扱っております。</br>
</h4>
</div>
</div>
<div id="baseball-player-app-other">
<div class="fix-background baseball-home">
<h2>Home</h2>
<h3>
</br>
・ 球団のロゴの挿入</br>
・ トップメニューの遷移</br>
・ カテゴリレイアウトの配置</br>
・ スクロール</br>
</br>
</h3>
<h4>
好きな野球球団の写真を入れてデザインの変更をすることができます。</br>
User Interface (UI) の基本であるレイアウトの配置、画面のスクロール方向、画面の遷移について学びます。</br>
</h4>
</div>
<div class="fix-background baseball-yakult-list">
<h2>List</h2>
<h3>
</br>
・ JSONファイルにおけるリストの作成</br>
・ 画面遷移</br>
・ レイアウトの配置</br>
</br>
</h3>
<h4>
Webスクレイピングにより取得したJSONファイルを使用してリストを実装します。</br>
iPhoneのアプリには欠かせないリストの作成方法やJSONファイルとSwiftUIの相互関係について学ぶことができます。</br>
</h4>
</div>
<div class="fix-background baseball-yakult-list2">
<h2>List</h2>
<h3>
</br>
・ リストにおけるセクションの作り方</br>
・ 画面遷移</br>
</br>
</h3>
<h4>
選手のポジションに応じて条件分岐を行い、リストのセクションの作り方について学びます。
</h4>
</div>
<div class="fix-background baseball-yakult-player">
<h2>Player</h2>
<h3>
</br>
・ レイアウトデザイン</br>
・ 選手情報の詳細</br>
</br>
</h3>
<h4>
選手の詳細情報のレイアウトデザインを決めていきます。</br>
</h4>
</div>
<div class="fix-background baseball-all">
<h2>Course</h2>
<h3>
</br>
・ 全18回</br>
・ Zoomによるオンライン授業</br>
</br>
</h3>
<h4>
SwiftUIを扱うにあたり、Xcode 11以降のインストールが必要なため、macOS: Catalina 10.15以降のモデルが搭載されているMacbookやiMacなどが必要です。</br>
</h4>
</div>
</div>
<!--/#about-->
<div class="bg2">
<h6>Contact</h6>
</div>
<div id="contact">
<div class="fix-background KCode_Contact">
<p class="c"><a href="index.html"><img src="images/K_Code_label(white_transparency).png" alt="" width="150px"></a></p>
<nav id="menubar_last">
<ul>
<li><a href="index.html#about">About</a></li>
<li><a href="index.html#course">Course</a></li>
<li><a href="index.html#schedule">Schedule</a></li>
</ul>
</nav>
<p>
Mail: kaito_narimoto@icloud.com<br>
AM9:00〜PM10:00</p>
</div>
</div>
</div>
<!--/#contents-->
</div>
<!--/#container-->
<footer>
<small>Copyright© K.Code All Rights Reserved.</small>
<span class="pr">Web Design: Kaito Narimoto</span>
</footer>
<!--ページの上部に戻る「↑」ボタン-->
<!--<p class="nav-fix-pos-pagetop"><a href="#">↑</a></p>-->
</body>
</html>