-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
executable file
·157 lines (145 loc) · 10.9 KB
/
index.html
File metadata and controls
executable file
·157 lines (145 loc) · 10.9 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
<!doctype html>
<html>
<head>
<title>CoderDojo Kodaira（コーダー道場 小平）</title>
<meta charset="UTF-8" />
<meta name="description" content="CoderDojo Kodaira 公式サイト | 東京都小平市近郊で不定期に開催される青少年向けプログラミングクラブ" />
<meta name="keywords" content="小平,こだいら,プログラミング,program,ゲーム,小学生,中高生,子供,子ども,kids,junior,学習,サポート" />
<meta name="google-site-verification" content="kfRpHrKu94gLilp_ZtykPGSrSZbhcxuPgJLD94QSKzM" />
<meta http-equiv="cache-control" content="no-cache" />
<link href="./style.css" rel="stylesheet" type="text/css" />
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-51127062-1', 'auto');
ga('send', 'pageview');
</script>
</head>
<body id="syle_19may2014">
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/ja_JP/sdk.js#xfbml=1&version=v2.0";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div id="contents">
<!--## HEADER ##-->
<div id="header">
<h1>CoderDojo Kodaira</h1>
<h2>東京都小平市周辺のプログラミング道場</h2>
</div>
<!--## END - HEADER ##-->
<!--## MAIN ##-->
<div id="main">
<div class="ads"><script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script><ins class="adsbygoogle" style="display:inline-block;width:728px;height:15px" data-ad-client="ca-pub-5825860062447489" data-ad-slot="7703961473"></ins><script> (adsbygoogle = window.adsbygoogle || []).push({}); </script></div>
<div class="main-item">
<h3>はじめに</h3>
<div class="main-text">
CoderDojo Koraira(こーだーどうじょう こだいら)は、青少年のためのプログラミングクラブです。<br>
詳しくは<a href="http://www.slideshare.net/togazo/coderdojo20150216" target="_blank">こちらのスライド</a>をご覧下さい。
</div>
</div>
<div class="ads"><script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script><ins class="adsbygoogle" style="display:inline-block;width:728px;height:90px" data-ad-client="ca-pub-5825860062447489" data-ad-slot="1797028671"></ins><script> (adsbygoogle = window.adsbygoogle || []).push({}); </script></div>
<div class="main-item" style="text-align:center;">
<div style="margin:.2em auto; padding:.2em .5em; border:red 1px solid; color:red;">
<h4>お知らせ (Apr24,2015)</h4>
<div>CoderDojo小平は都合により14年7月からおやすみ中ですが、15年夏を目処に再開予定です。<br>
詳細については、メールやFacebookメッセージなどで御連絡を頂くか、デザ・デブやろう会の<a href="http://sokonitechno.doorkeeper.jp/events" target="_blank" style="color:inherit;">勉強会</a><small>(月1、2開催/見学のみ可)</small>にお越し頂けたらご案内致します。
</div>
</div>
</div>
<div class="main-item">
<h4>最新のお知らせや他の道場のご案内など</h4>
<ul style="margin:.5em auto 0; width:700px; display:block; list-style:none; font-size:.9em;">
<li style="width:230px; margin-right:5px; float:left;"><div align="center"><a href="http://8beat.tokyo/" target="_blank"><img src="img/bnr_cdhachi.jpg" /><br><strong>CoderDojo 八王子</strong></a></div><div style="text-align:left; font-size:.9em;">近隣の道場。八王子市。<br>月1開催中！</br>直近の情報はFBから</div></li>
<li style="width:230px; margin-right:5px; float:left;"><div align="center"><a href="http://coderdojo-saitama.com/" target="_blank"><img src="img/bnr_cdsaitama.jpg" /><br><strong>CoderDojo Saitama</strong></a></div><div style="text-align:left; font-size:.9em;">近隣の道場。埼玉県さいたま市。<br>月1（第3土曜）開催中！</div></li>
<li style="width:230px; float:left;"><div align="center"><a href="https://www.facebook.com/coderdojo.hibarigaoka" target="_blank"><img src="img/bnr_cdhibari.jpg" /><br><strong>CoderDojo Hibarigaoka</strong></a></div><div style="text-align:left; font-size:.9em;">近隣の道場。埼玉県新座市。<br>毎月第2、4日曜に開催中!</div></li>
<ul>
<br style="clear:both;" />
</div>
<div class="main-item">
<h3 span class="bosyu">参加者</h3>
<div class="main-text lesson_issue">
<a name="lesson_issue"></a><h4>参加要件</h4>
<dl>
<dt>対象年齢</dt><dd>概ね7〜17歳</dd>
<dt>参加費</dt><dd>無料</dd>
<dt>各自持参するもの</dt><dd>ノートPC（Windows/Mac/Linux）<small>（貸出しも可（OS:Ubuntu14.04）・要事前連絡）</small></dd>
<dt>求めるスキル</dt><dd>プログラミングに興味がある！ものづくりが好き！</dd>
</dl>
</div>
<div class="main-text note">
<h4>補足</h4>
<ul>
<li>道場主がサポート可能な分野</li>
<div class="mentors-skill-issue"><ul>
<li><a href="http://scratch.mit.edu/" target="_blank">Scratch(スクラッチ)</a>または<a href="http://www.softumeya.com/pyonkee/ja/" target="_blank">Pyonkee（ピョンキー）</a><br><small>（参考：<a href="http://scratch.mit.edu/users/togazo/" target="_blank">道場主の作品</a>）</small></li>
<li><a href="http://momdo.github.io/html5/Overview.html" target="_blank">HTML</a>/CSS/JavaScript</li>
<li>初歩的なWordPress構築<br><small>（参考：<a href="http://mirai-kodaira.sakura.ne.jp/" target="_blank">テンプレートのカスタマイズ</a>）</small></li>
<li>初歩的なWebサーバ構築（LAMP）</li>
</ul></div>
<li>クラブ活動という特性上、保護者の方にも運営の協力をお願いしております。詳しくは<a href="http://coderdojo-kodaira.github.io/materials/aboutdojo_for_parents.pdf" target="_blank">こちらの資料</a>(PDF)もご覧下さい。</li>
</ul>
</div>
</div>
<div class="main-item">
<h3 class="bosyu">会場</h3>
<div class="main-text"><ul>
<li>CoderDojo Kodairaは小平市内に特定の拠点を持っていません。<br>会場提供してくださる方を探しています！（公に開かれた場所であること）</li>
<li>過去の会場は、三鷹市内のコワーキングスペース、国分寺市内の「住み開き」を目指す個人宅などがあります。</li>
</div>
</div>
<div class="main-item">
<h3 class="bosyu">メンター</h3>
<div class="main-text">ボランティアのメンター（子供の指南役）を募集しています。<br>謝礼はないので、無理のない範囲でこういった活動に携わってみたい方を広く募集しております。<br>どういった活動をすれば良いのかは過去の記事や<a href="http://coderdojo-kodaira.github.io/materials/mentor_at_a_dojo.pdf" target="_blank">こちらの資料</a>(PDF)をご覧下さい。<br>
</div>
</div>
<div class="main-item latestinfo">
<h3>最新情報（SNS）</h3>
<div class="main-item-left">
<div class="tw"><a class="twitter-timeline" href="https://twitter.com/CoderDojoKodaJp" data-widget-id="469135808109101059">@CoderDojoKodaJp からのツイート</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script></div>
</div>
<div class="main-item-right">
<div class="fblike">
<div class="fb-like-box" data-href="https://www.facebook.com/pages/CoderDojo-Kodaira/616010815134433" data-width="340" data-height="300" data-colorscheme="light" data-show-faces="true" data-header="false" data-stream="false" data-show-border="true"></div>
</div>
</div>
</div>
<div class="main-item supportus">
<div class="left">
<h3 class="bosyu">寄付や支援のお願い</h3>
<div class="main-text">CoderDojoに参加するのは無料ですが、運営には人件費や消耗品費・備品などの費用が発生します。<br>会場以外にも人材や様々な資源が不足しているため、なかなか開催することができません。<br>そこで、皆様に運営の協力をお願いしております。<br>
<div class="supportus-donate">
寄付も大歓迎です。頂いた寄付金は、備品および消耗品の購入費用・会場使用料およびメンターへの交通費・寸志など、運営に必要な活動資金に充当させて頂きます。<br>
<form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top"><input type="hidden" name="cmd" value="_s-xclick"><input type="hidden" name="hosted_button_id" value="ZARZX7NDX4BVL"><input type="image" src="img/btn_donate_paypal.gif" border="0" name="submit" alt="PayPal - オンラインでより安全・簡単にお支払い"><img alt="" border="0" src="https://www.paypalobjects.com/ja_JP/i/scr/pixel.gif" width="1" height="1"></form>
</div>
現在のところ活動報告程度の御礼くらいしかできそうにありませんが、どうか御協力のほど、何卒宜しくお願い申し上げます。<br>
</div>
</div>
<div class="right">
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script><ins class="adsbygoogle" style="display:inline-block;width:250px;height:250px" data-ad-client="ca-pub-5825860062447489" data-ad-slot="4192091875"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script>
</div>
</div>
<div class="main-item contactus">
<h3>連絡先</h3>
<div class="main-text"><ul>
<li><a href="http://www.facebook.com/pages/CoderDojo-Kodaira/616010815134433" target="_blank">FacebookPage (CoderDojo Kodaira)</a><small>*具体的な御相談はメッセージ機能を御利用下さい</small></li>
<li><a href="http://twitter.com/CoderDojoKodaJp" target="_blank">Twitter (@CoderDojoKodaJp)</a><small>*具体的な御相談はDM機能を御利用下さい</small></li>
<li class="mailto"><span class="add-acnt">coderdojokodaira</span><span class="add-domain">gmail.com</span></li>
</ul></div>
</div>
</div>
<!--## END - MAIN ##-->
<!--## FOOTER ##-->
<div id="footer">
<div class="copyright">Copyright © 2014-2015 <a href="http://coderdojo-kodaira.github.io/">CoderDojo Kodaira</a> All rights reserved.</div>
</div>
<!--## END - FOOTER ##-->
</div>
</body>
</html>