diff --git a/adult.html b/adult.html index 830d2d5..3af3f48 100644 --- a/adult.html +++ b/adult.html @@ -5,11 +5,11 @@ - Ruby Terakoya Project + 大人の方へ | Rubyてらこった - + @@ -19,14 +19,14 @@
-

Ruby てらこった

+

Ruby てらこった

@@ -35,7 +35,7 @@

子供にプログラミング教育は本当に必要なのでしょうか？

-

答えはNoです！プログラミング教育はプログラマーを育てるために行うものだと思っている方も多いと思いますが、実はそうではありません。あくまでもプログラミングは子供たちを成長させる為のツールです。

+

答えはNoです！プログラミング教育はプログラマーを育てるために行うものだと思っている方も多いと思いますが、実はそうではありません。あくまでもプログラミングは子供たちを成長させる為のツールです。

では、なぜプログラミング教育をすることが良いのでしょうか？ その答えの1つとして、学校の授業ではなかなか身につけることができない「自ら学んで考える能力」を身につけるためです。学校では学ぶことができないプログラムという未知の世界を体験し、子供達自身が操作をして体感することが、将来、課題を発見する力や問題を解決する力へとつながってきます。

また、「コミュニケーション能力」も身につけられることが出来ます。子供達は好奇心にあふれています。子供達同士で作成したプログラムを見せ合い、「これどうやったらできるの？」、「ここをこうしたらもっと面白くなるんじゃない？」というように、自然に会話することができます。子供達同士で教える側、教わる側を体験することでコミュニケーション能力を鍛えることができます。

このように、プログラミング教育はプログラミング以外の能力を身に付けることができる最高のツールです！ぜひこの機会にプログラミングを体験させてみてはいかがですか？

@@ -47,9 +47,9 @@

東北公益文科大学のRubyてらこったでは・・・

-

Ruby言語を使った本格的なプログラミングで、全5回のイベントを無料で開催いたします！お問い合わせは terakotta@e.koeki-u.ac.jp 宛にメールをお書きください。

+

Ruby言語を使った本格的なプログラミングで、全5回のイベントを無料で開催いたします！お問い合わせは terakotta@e.koeki-u.ac.jp 宛にメールをお書きください。

- +
diff --git a/css/.DS_Store b/css/.DS_Store new file mode 100644 index 0000000..5a5eda0 --- /dev/null +++ b/css/.DS_Store Binary files differ diff --git a/css/._.DS_Store b/css/._.DS_Store new file mode 100644 index 0000000..589f4eb --- /dev/null +++ b/css/._.DS_Store Binary files differ diff --git a/css/._main.css b/css/._main.css index 3d926ae..e9edcef 100644 --- a/css/._main.css +++ b/css/._main.css Binary files differ diff --git a/css/main.css b/css/main.css index 577f302..c49b1e2 100644 --- a/css/main.css +++ b/css/main.css @@ -6,6 +6,7 @@ margin:0; padding:0; background:#FFF0F5; + -webkit-text-size-adjust: 100%; } #page { width: 1000px; @@ -18,7 +19,7 @@ margin:0; padding:0; width:100%; - height:280px; + height:286px; background:#fff; background-position:right; background-repeat:no-repeat; @@ -32,6 +33,7 @@ span.br{ display:block; } + header p{ margin:0; padding-top:70px; /*追記部分*/ @@ -135,8 +137,7 @@ font-size:large; font-family: 'Hiragino Kaku Gothic ProN', Meiryo, Helvetica, Arial, sans-serif; } -p.text{ - font-size:nomal; +p:not(footer > p){ font-family: 'Hiragino Kaku Gothic ProN', Meiryo, Helvetica, Arial, sans-serif; color:#463a1c; line-height:1.5em; @@ -178,10 +179,10 @@ } a { -webkit-transition: 0.3s; - -moz-transition: 0.3s; - -o-transition: 0.3s; - -ms-transition: 0.3s; - transition: 0.3s; + -moz-transition: 0.3s; + -o-transition: 0.3s; + -ms-transition: 0.3s; + transition: 0.3s; } @@ -197,6 +198,34 @@ text-align:center; } +/* what table */ +table { + width: 100%; + border-collapse: collapse; +} +th.t_top { + border-top: #b3b3b3 4px solid; +} +th { + border-bottom: #e3e3e3 1px solid; + border-left: #e3e3e3 1px solid; + text-align: left; + background: #f7f7f7; + padding: 10px; + font-weight: normal; +} +td.t_top { + border-top: #be1309 4px solid; +} +td { + border-bottom: #e3e3e3 1px solid; + border-right: #e3e3e3 1px solid; + text-align: left; + padding: 10px; +} + + +/* Q&A */ label { background: #FFF0F5; color: #000; @@ -207,7 +236,6 @@ cursor: pointer; } -/* Q&A */ label:hover { background: #FF6699; } @@ -228,3 +256,46 @@ div.qa{ padding:1ex; } + + +/* Q&A print */ +@media print{ + header{ + display: none; + } + + #menu{ + display: none; + } + + footer{ + display: none; + } + #main_contents{ + background-color:#fff; + margin:0; + padding:5px; + width:1000px; + float:left; + } + div.qa{ + padding:0; + } + label { + background: #FFF0F5; + color: #000; + padding:0; + display: block; + margin: 0; + border: 1px solid #fff; + cursor: pointer; + } + + input[type="checkbox"].on-off + div{ + display: block; + } + + input[type="checkbox"].on-off:checked + div{ + display: block; + } +} diff --git a/css/main.css~ b/css/main.css~ deleted file mode 100644 index 6e874ef..0000000 --- a/css/main.css~ +++ /dev/null @@ -1,4 +0,0 @@ -/* - * Main CSS definitions for terakoya - */ -body {background: #b88;} diff --git a/img/.DS_Store b/img/.DS_Store new file mode 100644 index 0000000..f11baa2 --- /dev/null +++ b/img/.DS_Store Binary files differ diff --git a/img/._.DS_Store b/img/._.DS_Store new file mode 100644 index 0000000..f2e39b2 --- /dev/null +++ b/img/._.DS_Store Binary files differ diff --git a/img/._riku_kihon.jpg b/img/._riku_kihon.jpg new file mode 100644 index 0000000..d38bcaa --- /dev/null +++ b/img/._riku_kihon.jpg Binary files differ diff --git a/img/._riku_kihon.png b/img/._riku_kihon.png index 0d83ac2..0cb7252 100644 --- a/img/._riku_kihon.png +++ b/img/._riku_kihon.png Binary files differ diff --git a/img/._riku_umi.jpg b/img/._riku_umi.jpg new file mode 100644 index 0000000..b66ce48 --- /dev/null +++ b/img/._riku_umi.jpg Binary files differ diff --git a/img/._riku_umi.png b/img/._riku_umi.png index 926afa1..67cbed9 100644 --- a/img/._riku_umi.png +++ b/img/._riku_umi.png Binary files differ diff --git a/img/._sticker.jpg b/img/._sticker.jpg new file mode 100644 index 0000000..9dd6f3e --- /dev/null +++ b/img/._sticker.jpg Binary files differ diff --git a/img/._sticker.png b/img/._sticker.png index 5cf6162..8386344 100644 --- a/img/._sticker.png +++ b/img/._sticker.png Binary files differ diff --git a/img/._umi_senaka.jpg b/img/._umi_senaka.jpg new file mode 100644 index 0000000..bc9397f --- /dev/null +++ b/img/._umi_senaka.jpg Binary files differ diff --git a/img/._umi_senaka.png b/img/._umi_senaka.png index 9fcb9f4..39508d8 100644 --- a/img/._umi_senaka.png +++ b/img/._umi_senaka.png Binary files differ diff --git a/img/riku_kihon.jpg b/img/riku_kihon.jpg new file mode 100644 index 0000000..3871e95 --- /dev/null +++ b/img/riku_kihon.jpg Binary files differ diff --git a/img/riku_umi.jpg b/img/riku_umi.jpg new file mode 100644 index 0000000..b1bfacc --- /dev/null +++ b/img/riku_umi.jpg Binary files differ diff --git a/img/sticker.jpg b/img/sticker.jpg new file mode 100644 index 0000000..6c23f25 --- /dev/null +++ b/img/sticker.jpg Binary files differ diff --git a/img/umi_senaka.jpg b/img/umi_senaka.jpg new file mode 100644 index 0000000..2ead5ef --- /dev/null +++ b/img/umi_senaka.jpg Binary files differ diff --git a/index.html b/index.html index 1a1c6fc..6d7c092 100644 --- a/index.html +++ b/index.html @@ -5,11 +5,11 @@ - Ruby Terakoya Project + ホーム | Rubyてらこった - + @@ -19,14 +19,14 @@
-

Ruby てらこった

+

Ruby てらこった

@@ -36,21 +36,21 @@

私たちと一緒にプログラムを作って遊んでみましょう！

-

大人の人たちが実際に使っている本格的なプログラムでゲームを作ったりしてみない？ +

大人の人たちが実際に使っている本格的なプログラムでゲームを作ったりしてみない？ これを使いこなせれば、クラスのみんなができないようなことができるよ。 それに、算数や英語を使うから普段の勉強にも活かせるよ!

- +

自分だけのオリジナルのプログラムが作れちゃう！

-

全部で5回のイベントに参加すると、簡単なゲームを作れたり、生活に便利なプログラムを作れるようになるよ。 +

全部で5回のイベントに参加すると、簡単なゲームを作れたり、生活に便利なプログラムを作れるようになるよ。 遊んで勉強できるなんてまさに一石二鳥だね！

- +
diff --git a/qa.html b/qa.html index 0b935e6..96fa6f2 100644 --- a/qa.html +++ b/qa.html @@ -5,11 +5,11 @@ - Ruby Terakoya Project + Q & A | Rubyてらこった - + @@ -19,14 +19,14 @@
-

Ruby てらこった

+

Ruby てらこった

@@ -34,79 +34,84 @@

Q & A

- +
-

A.みなさんが当たり前に使っているYoutubeやゲーム、スマホアプリはプログラマーと呼ばれる人達によって作られています。そして、そのプログラムを作る作業のことをプログラミングといいます。

+

A.みなさんが当たり前に使っているYoutubeやゲーム、スマホアプリはプログラマーと呼ばれる人達によって作られています。そして、そのプログラムを作る作業のことをプログラミングといいます。

- +
-

A.子供達の新たな特技になり、自信につながります。また、一部で算数や英語を扱うため、普段の勉強にも活かすことができます。

+

A.子供達の新たな特技になり、自信につながります。また、一部で算数や英語を扱うため、普段の勉強にも活かすことができます。

- +
-

A.東北公益文科大学では、2002年よりプログラミングの授業が必修になっています。プログラミングを通じて、情報社会に適応していく力を身につけるだけでなく、物事に筋道を立てて

+

A.東北公益文科大学では、2002年よりプログラミングの授業が必修になっています。プログラミングを通じて、情報社会に適応していく力を身につけるだけでなく、物事に筋道を立てて

- +
-

A.コンピュータに解釈できるようにつくられた人工言語のことで、コンピュータへの指令であるプログラムを書くのに使われます。代表的なプログラミング言語はCやJava、子供向けのプログラミング言語であればScratchなどが挙げられますが、本事業ではRubyというプログラミング言語を用いて授業を行います。

+

A.コンピュータに解釈できるようにつくられた人工言語のことで、コンピュータへの指令であるプログラムを書くのに使われます。代表的なプログラミング言語はCやJava、子供向けのプログラミング言語であればScratchなどが挙げられますが、本事業ではRubyというプログラミング言語を用いて授業を行います。

- +
-

A.Rubyは1990年代にまつもとゆきひろ氏により開発された日本国産のプログラミング言語です。他のプログラミング言語とは違い、Rubyはコードが短くてシンプルなので、プログラミング初心者にもわかりやすいプログラミング言語になっています。Rubyが使われている代表的なWebサイトとして、Cookpadや食べログなどが挙げられます。

+

A.Rubyは1990年代にまつもとゆきひろ氏により開発された日本国産のプログラミング言語です。他のプログラミング言語とは違い、Rubyはコードが短くてシンプルなので、プログラミング初心者にもわかりやすいプログラミング言語になっています。Rubyが使われている代表的なWebサイトとして、Cookpadや食べログなどが挙げられます。

- +
-

A.Scratchは視覚的な表現でキャラクターを動かしたりするコンピュータに実行させる言語で、直感的に操作することができます。対してRubyは本格的なプログラミング言語で、実際の業務でも多く使われているため、文法に沿って入力してどのように動くのかというプロセスを知ることができます。

+

A.Scratchは視覚的な表現でキャラクターを動かしたりするコンピュータに実行させる言語で、直感的に操作することができます。対してRubyは本格的なプログラミング言語で、実際の業務でも多く使われているため、文法に沿って入力してどのように動くのかというプロセスを知ることができます。

- +
-

A.東北公益文科大学の学生の中でも、選ばれた10名の学生が講師およびTAになって説明します。

+

A.東北公益文科大学の学生の中でも、選ばれた10名の学生が講師およびTAになって説明します。

- +
-

A.イベントへの参加は無料です。また、学校に来る際の交通費等は出ませんので予めご了承ください。

+

A.イベントへの参加は無料です。また、学校に来る際の交通費等は出ませんので予めご了承ください。

- +
-

A.東北公益文科大学では文部科学省から助成を受け、私立大学研究ブランディング事業を行っております。私立大学研究ブランディング事業とは、学長のリーダーシップの下、大学の特色ある研究を基軸として、全学的な独自色を大きく打ち出す取り組みを行う私立大学の機能強化の促進を図る事業のことです。その事業の一環として、てらこったでは、庄内地方を中心とした地域の若者達に情報技術を教授し、情報社会を生き抜くために必要な力を身につけていくことを目的としています。そのため、必要な費用等は本学が全額負担いたしますので、参加費は無料となっております。

+

A.東北公益文科大学では文部科学省から助成を受け、私立大学研究ブランディング事業を行っております。私立大学研究ブランディング事業とは、学長のリーダーシップの下、大学の特色ある研究を基軸として、全学的な独自色を大きく打ち出す取り組みを行う私立大学の機能強化の促進を図る事業のことです。その事業の一環として、てらこったでは、庄内地方を中心とした地域の若者達に情報技術を教授し、情報社会を生き抜くために必要な力を身につけていくことを目的としています。そのため、必要な費用等は本学が全額負担いたしますので、参加費は無料となっております。

- +
-

A.自家用車もしくはるんるんバス等の公共交通機関をご利用ください。徒歩や自転車等でも構いませんが、学区外の方は小学校のルールに従って判断するようにしてください。

+

A.自家用車もしくはるんるんバス等の公共交通機関をご利用ください。徒歩や自転車等でも構いませんが、学区外の方は小学校のルールに従って判断するようにしてください。

- +
-

A.12時までに終了いたしますので、基本的には必要ありませんが、もしも必要な場合はカフェテリアをご利用ください。また、こちらの方で簡単なお菓子等もご用意しております。

+

A.12時までに終了いたしますので、基本的には必要ありませんが、もしも必要な場合はカフェテリアをご利用ください。日曜日でもご利用いただけます。また、こちらの方で簡単ではございますが、お菓子等もご用意しております。

- +
-

A.こちらで準備していますので、特に準備する必要はございません。

+

A.こちらで準備していますので、特に準備する必要はございません。

- + + +
+

A.メールアドレス terakotta@e.koeki-u.ac.jp にお気軽にご連絡ください。

+ +