Skip to content

Commit e1c57d0

Browse files
Fukusan64Fukusan64
committed
deploy: da03653 
1 parent 7efba4b commit e1c57d0

File tree

6 files changed

+289
-20
lines changed

6 files changed

+289
-20
lines changed

‎events/ai-picture-books/index.html‎

Lines changed: 217 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,217 @@
1+
2+
3+
4+
<!DOCTYPE html>
5+
<html lang="ja" dir="ltr">
6+
<head>
7+
<meta charset="utf-8">
8+
<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0">
9+
10+
11+
<title>親子で学ぶ！AI活用てづくりえほんワークショップ | DojoCon Japan 2025</title>
12+
13+
14+
<!-- Meta -------------------------- -->
15+
<meta property="fb:app_id" content="1750803431730303" />
16+
<meta name="twitter:card" content="summary_large_image" />
17+
<meta name="twitter:site" content="@DojoConJapan" />
18+
19+
<meta name="twitter:title" content="親子で学ぶ！AI活用てづくりえほんワークショップ | DojoCon Japan 2025" />
20+
<meta property="og:title" content="親子で学ぶ！AI活用てづくりえほんワークショップ | DojoCon Japan 2025" />
21+
22+
23+
24+
<meta name="twitter:image" content="https://dojocon2025.coderdojo.jp/img/events/ai-picture-books.webp" />
25+
<meta property="og:image" content="https://dojocon2025.coderdojo.jp/img/events/ai-picture-books.webp" />
26+
27+
28+
29+
<meta property="og:type" content="article" />
30+
31+
32+
<meta property="og:url" content="https://dojocon2025.coderdojo.jp/events/ai-picture-books/" />
33+
34+
<meta property="og:description" content="DojoCon Japan は CoderDojo コミュニティのカンファレンスイベントです。CoderDojo 関係者を対象に運営ノウハウの共有や関係者同士の交流などを目的として毎年開催されています。" />
35+
<meta name="twitter:description" content="DojoCon Japan は CoderDojo コミュニティのカンファレンスイベントです。CoderDojo 関係者を対象に運営ノウハウの共有や関係者同士の交流などを目的として毎年開催されています。" />
36+
<meta name="description" content="DojoCon Japan は CoderDojo コミュニティのカンファレンスイベントです。CoderDojo 関係者を対象に運営ノウハウの共有や関係者同士の交流などを目的として毎年開催されています。" />
37+
38+
39+
<!-- Google Analytics -------------------------- -->
40+
41+
<!-- Google tag (gtag.js) -->
42+
<script async src="https://www.googletagmanager.com/gtag/js?id=G-40RZ5HKFJ0"></script>
43+
<script>
44+
window.dataLayer = window.dataLayer || [];
45+
function gtag(){dataLayer.push(arguments);}
46+
gtag('js', new Date());
47+
48+
gtag('config', 'G-40RZ5HKFJ0');
49+
</script>
50+
51+
52+
53+
<!-- Favicon -------------------------- -->
54+
<link rel="icon" href="/img/favicon/favicon.svg" sizes="any" type="image/svg+xml">
55+
<link rel="icon" href="/img/favicon/favicon.webp" sizes="512" type="image/webp">
56+
<link rel="apple-touch-icon" href="/img/favicon/apple-touch-icon.png"> <!-- 192x192px -->
57+
<!-- favicon.ico をルートディレクトリにそっと置く。しかしheadには書かない。 -->
58+
59+
<!-- CSS Framework -------------------------- -->
60+
<!-- Font Awasome https://fontawesome.com/ -->
61+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css" integrity="sha512-SnH5WK+bZxgPHs44uWIX+LLJAJ9/2PkPKZ5QiAj6Ta86w+fsb2TkcmfRyVX3pBnMFcV7oQPJkl9QevSCWr3W6A==" crossorigin="anonymous" referrerpolicy="no-referrer" />
62+
<!-- Tailwind CSS -->
63+
<script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>
64+
65+
<!-- CSS -------------------------- -->
66+
<!-- DojoCon CSS -->
67+
<link rel="stylesheet" href="/css/main.css?f4651439" />
68+
</head>
69+
70+
71+
<body class="bg-linear-106 from-[#9d1e29] to-[#d4932a] text-[#262626] tracking-wider min-h-dvh p-4 flex">
72+
<div class="bg-white rounded-2xl min-h-full flex-grow flex flex-col">
73+
<h1 class="xl:block hidden mx-auto max-w-lg pt-5 px-8">
74+
<a href="/">
75+
<img src="/img/common/header-logo.webp" alt="DojoCon Japan 2025 Inspire Next." />
76+
</a>
77+
</h1>
78+
79+
<div class="fixed xl:hidden left-0 top-7 z-10 flex w-screen min-h-18 justify-center">
80+
<div
81+
class="flex flex-col h-full w-[calc(100%-60px)] items-stretch rounded-[10px] bg-[#f5f5f5] py-3 pl-4 pr-3 shadow-[7px_7px_10px_rgba(125,125,125,0.15)] inset-shadow-[0px_-2px_10px_rgba(125,125,125,0.25)]">
82+
<div class="flex items-center justify-between gap-2">
83+
<a href="/" class="flex h-full items-center">
84+
<img src="/img/common/header-logo.webp" class="w-full max-w-[250px] max-h-full"
85+
alt="DojoCon Japan 2025 Inspire Next." />
86+
</a>
87+
<div class="flex items-cetner gap-x-2 shrink-0">
88+
<a href="/registration/" class="px-3 py-2 rounded-sm text-center bg-[#cc8f2e] text-[#f5f5f5] justify-center">
89+
参加申込
90+
</a>
91+
<button id="menu-btn" type="button" aria-label="メニューを開く"
92+
class="flex p-2 size-10 shrink-0 flex-col items-center justify-center rounded border border-gray-300 bg-white cursor-pointer">
93+
<i class="fa-solid fa-bars"></i>
94+
</button>
95+
</div>
96+
</div>
97+
<nav id="menu-nav" class="hidden my-2 flex-col items-stretch transition-all duration-300">
98+
<ul
99+
class="flex flex-col min-h-20 items-stretch gap-2 *:px-6 *:text-center *:text-[20px] *:leading-[1.75] *:text-[#cc8f2e] [&_a]:block">
100+
<li><a href="/#outline">開催概要</a></li>
101+
<li><a href="/sessions/">セッション</a></li>
102+
<li><a href="/events/">イベント</a></li>
103+
<li><a href="/contests/">コンテスト</a></li>
104+
<li><a href="https://suzuri.jp/DojoConJapan" target="_blank">グッズ</a></li>
105+
<li><a href="/sponsorship/list/">スポンサー紹介</a></li>
106+
<li><a href="https://forms.gle/t9ctDcuZZ8cqqFtR6" target="_blank">お問い合わせ</a></li>
107+
</ul>
108+
</nav>
109+
</div>
110+
</div>
111+
112+
<script>
113+
document.addEventListener('DOMContentLoaded', function () {
114+
const menuBtn = document.getElementById('menu-btn');
115+
const menuNav = document.getElementById('menu-nav');
116+
if (!menuBtn || !menuNav) return;
117+
118+
menuBtn.addEventListener('click', function () {
119+
menuNav.classList.toggle('flex');
120+
menuNav.classList.toggle('hidden');
121+
});
122+
menuNav.querySelectorAll('a').forEach(function (link) {
123+
link.addEventListener('click', function () {
124+
menuNav.classList.remove('flex');
125+
menuNav.classList.add('hidden');
126+
});
127+
});
128+
});
129+
</script>
130+
131+
132+
<div class="flex-grow">
133+
<div class="hidden xl:block sticky mx-4 top-4 z-10">
134+
<nav
135+
class="rounded-[40px] w-fit mx-auto bg-[#f5f5f5] mt-8 inset-shadow-[0px_-2px_10px_rgba(125,125,125,0.25)] shadow-[7px_7px_10px_rgba(125,125,125,0.15)] flex items-stretch">
136+
<ul class="flex flex-wrap min-h-20 items-center p-5 pr-0 justify-center divide-x-2 gap-y-2 *:text-[#cc8f2e] *:px-6">
137+
<li><a href="/#outline">開催概要</a></li>
138+
<li><a href="/sessions/">セッション</a></li>
139+
<li><a href="/events/">イベント</a></li>
140+
<li><a href="/contests/">コンテスト</a></li>
141+
<li><a href="https://suzuri.jp/DojoConJapan" target="_blank">グッズ</a></li>
142+
<li><a href="/sponsorship/list/">スポンサー紹介</a></li>
143+
<li><a href="https://forms.gle/t9ctDcuZZ8cqqFtR6" target="_blank">お問い合わせ</a></li>
144+
</ul>
145+
<a href="/registration/" class="text-xl px-8 py-4 rounded-r-[40px] bg-[#cc8f2e] text-[#f5f5f5] inset-shadow-[0px_-2px_10px_rgba(125,125,125,0.25)] flex items-center">
146+
参加申込
147+
</a>
148+
</nav>
149+
</div>
150+
151+
152+
<h2 class="mx-auto text-4xl text-center mb-2 mt-30 px-4 sm:px-8 xl:mt-15">
153+
親子で学ぶ！AI活用てづくりえほんワークショップ
154+
<span class="block mt-5 text-2xl"></span>
155+
</h2>
156+
157+
<div class="max-w-4xl mx-auto px-4 sm:px-8 post-content my-8">
158+
<p><img class="w-full pb-8" src="/img/events/ai-picture-books.webp" alt="親子で学ぶ！AI活用てづくりえほんワークショップ" /></p>
159+
160+
<p>生成AIを使ったえほんづくりのワークショップです。<br />
161+
起承転結のストーリーづくり、それぞれへの挿絵作り等を通して、生成AIとのかかわり方を学びます。</p>
162+
163+
<h3 id="持ち物">持ち物</h3>
164+
165+
<ul>
166+
<li>スマホまたはタブレット
167+
<ul>
168+
<li>Webブラウザが使用できるものをご用意ください</li>
169+
</ul>
170+
</li>
171+
</ul>
172+
173+
<h3 id="対象">対象</h3>
174+
175+
<p>親子での参加が可能な方</p>
176+
177+
<h3 id="申し込み">申し込み</h3>
178+
179+
<p>本ワークショップは事前の申し込みが必要です。<br />
180+
定員4名</p>
181+
182+
<p><a href="https://dojocon-japan.doorkeeper.jp/events/190897" target="_blank">参加申込（Doorkeeper）</a></p>
183+
184+
</div>
185+
186+
</div>
187+
188+
<footer class="site-footer">
189+
<div class="footer-logo">
190+
<img src="/img/common/footer-logo.webp" alt="DojoCon Japan 2025 Inspire Next." />
191+
</div>
192+
<div class="footer-social">
193+
<a href="https://x.com/DojoConJapan" target="_blank" rel="noopener" class="social-x" aria-label="X">
194+
<i class="fa-brands fa-x-twitter" style="color:#000000;"></i>
195+
</a>
196+
<a href="https://www.facebook.com/dojoconjapan" target="_blank" rel="noopener" class="social-facebook" aria-label="Facebook">
197+
<i class="fa-brands fa-facebook" style="color:#0866ff;"></i>
198+
</a>
199+
<a href="https://www.youtube.com/channel/UCX3tz875ZDtU85rFkYuwl5w" target="_blank" rel="noopener" class="social-youtube" aria-label="YouTube">
200+
<i class="fa-brands fa-youtube" style="color:#ff0033;"></i>
201+
</a>
202+
</div>
203+
<nav class="footer-links">
204+
<a href="/">ホーム</a>
205+
<a href="/code-of-conduct/">行動規範</a>
206+
<a href="/privacy">プライバシーポリシー</a>
207+
<a href="https://forms.gle/t9ctDcuZZ8cqqFtR6" target="_blank">お問い合わせ</a>
208+
</nav>
209+
<div class="footer-copyright">
210+
&copy; DojoCon Japan 2025 実行委員会
211+
</div>
212+
</footer>
213+
214+
</div>
215+
</body>
216+
217+
</html>

‎events/index.html‎

Lines changed: 26 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -155,6 +155,32 @@ <h2 class="text-4xl text-center mb-8 mt-30 xl:mt-15">
155155
<ul class="max-w-7xl mx-auto mb-8 px-4 sm:px-8 flex flex-wrap justify-between gap-y-16">
156156

157157

158+
<li class="w-full md:w-[47%] rounded-xl">
159+
160+
<a href="/events/ai-picture-books/">
161+
<h3 class="text-2xl mb-2 hover:text-[#cc8f2e] transition-colors duration-200">親子で学ぶ！AI活用てづくりえほんワークショップ</h3>
162+
</a>
163+
164+
165+
166+
<span class="block w-fit mb-4 min-w-24 text-center px-4 py-px rounded-xs bg-[#cc8f2e] text-white">ワークショップ</span>
167+
168+
169+
<div class="text-gray-600">
170+
AIといっしょに世界にひとつだけのえほんをつくろう！
171+
</div>
172+
173+
174+
<a class="block w-fit my-2 border rounded p-2 hover:bg-[#cc8f2e] hover:text-white transition-colors duration-200" href="/events/ai-picture-books/">
175+
<i class="fas fa-file mx-1"></i> 詳細を見る
176+
</a>
177+
178+
179+
<div class="flex gap-x-4 mt-8">
180+
<img src="/img/events/ai-picture-books.webp" alt="親子で学ぶ！AI活用てづくりえほんワークショップ" />
181+
</div>
182+
</li>
183+
158184
<li class="w-full md:w-[47%] rounded-xl">
159185

160186
<a href="/events/doodle3d/">

‎feed.xml‎

Lines changed: 26 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
<?xml version="1.0" encoding="utf-8"?><feed xmlns="http://www.w3.org/2005/Atom" ><generator uri="https://jekyllrb.com/" version="4.4.1">Jekyll</generator><link href="https://dojocon2025.coderdojo.jp/feed.xml" rel="self" type="application/atom+xml" /><link href="https://dojocon2025.coderdojo.jp/" rel="alternate" type="text/html" /><updated>2025-10-09T01:46:08+09:00</updated><id>https://dojocon2025.coderdojo.jp/feed.xml</id><title type="html">DojoCon Japan</title><subtitle>DojoCon Japan は CoderDojo コミュニティのカンファレンスイベントです。CoderDojo 関係者を対象に運営ノウハウの共有や関係者同士の交流などを目的として毎年開催されています。</subtitle><entry><title type="html">Doodle3Dでお絵描きしたものを3Dプリンタで印刷してみよう</title><link href="https://dojocon2025.coderdojo.jp/events/doodle3d/" rel="alternate" type="text/html" title="Doodle3Dでお絵描きしたものを3Dプリンタで印刷してみよう" /><published>2025-10-09T00:00:00+09:00</published><updated>2025-10-09T00:00:00+09:00</updated><id>https://dojocon2025.coderdojo.jp/events/doodle3d</id><content type="html" xml:base="https://dojocon2025.coderdojo.jp/events/doodle3d/"><![CDATA[<p><img class="w-full pb-8" src="/img/events/doodle3d.webp" alt="Doodle3Dでお絵描きしたものを3Dプリンタで印刷してみよう" /></p>
1+
<?xml version="1.0" encoding="utf-8"?><feed xmlns="http://www.w3.org/2005/Atom" ><generator uri="https://jekyllrb.com/" version="4.4.1">Jekyll</generator><link href="https://dojocon2025.coderdojo.jp/feed.xml" rel="self" type="application/atom+xml" /><link href="https://dojocon2025.coderdojo.jp/" rel="alternate" type="text/html" /><updated>2025-10-11T09:58:44+09:00</updated><id>https://dojocon2025.coderdojo.jp/feed.xml</id><title type="html">DojoCon Japan</title><subtitle>DojoCon Japan は CoderDojo コミュニティのカンファレンスイベントです。CoderDojo 関係者を対象に運営ノウハウの共有や関係者同士の交流などを目的として毎年開催されています。</subtitle><entry><title type="html">Doodle3Dでお絵描きしたものを3Dプリンタで印刷してみよう</title><link href="https://dojocon2025.coderdojo.jp/events/doodle3d/" rel="alternate" type="text/html" title="Doodle3Dでお絵描きしたものを3Dプリンタで印刷してみよう" /><published>2025-10-09T00:00:00+09:00</published><updated>2025-10-09T00:00:00+09:00</updated><id>https://dojocon2025.coderdojo.jp/events/doodle3d</id><content type="html" xml:base="https://dojocon2025.coderdojo.jp/events/doodle3d/"><![CDATA[<p><img class="w-full pb-8" src="/img/events/doodle3d.webp" alt="Doodle3Dでお絵描きしたものを3Dプリンタで印刷してみよう" /></p>
22

33
<p>お絵描きするように3Dモデルを作ることができる「Doodle3D」の使い方を学びましょう。<br />
44
3Dプリンタの動く様子も見ることができる楽しいワークショップです。</p>
@@ -30,7 +30,31 @@ iPad は貸し出しも可能です。</p>
3030
3131
<p>個人スポンサーは下記のページをご覧ください。</p>
3232
33-
<p><a href="/sponsorship/list/#individual_sponsors">個人スポンサー一覧</a></p>]]></content><author><name></name></author><category term="news" /><category term="スポンサー" /><summary type="html"><![CDATA[]]></summary></entry><entry><title type="html">micro:bit でフルカラー LED NeoPixel を自在にコントロール！</title><link href="https://dojocon2025.coderdojo.jp/events/microbit-neopixel-control/" rel="alternate" type="text/html" title="micro:bit でフルカラー LED NeoPixel を自在にコントロール！" /><published>2025-10-05T00:00:00+09:00</published><updated>2025-10-05T00:00:00+09:00</updated><id>https://dojocon2025.coderdojo.jp/events/microbit-neopixel-control</id><content type="html" xml:base="https://dojocon2025.coderdojo.jp/events/microbit-neopixel-control/"><![CDATA[<p><img class="w-full pb-8" src="/img/events/microbit-neopixel-control.webp" alt="micro:bit でフルカラー LED ネオピクセル（NeoPixel）を自在にコントロール" /></p>
33+
<p><a href="/sponsorship/list/#individual_sponsors">個人スポンサー一覧</a></p>]]></content><author><name></name></author><category term="news" /><category term="スポンサー" /><summary type="html"><![CDATA[]]></summary></entry><entry><title type="html">親子で学ぶ！AI活用てづくりえほんワークショップ</title><link href="https://dojocon2025.coderdojo.jp/events/ai-picture-books/" rel="alternate" type="text/html" title="親子で学ぶ！AI活用てづくりえほんワークショップ" /><published>2025-10-09T00:00:00+09:00</published><updated>2025-10-09T00:00:00+09:00</updated><id>https://dojocon2025.coderdojo.jp/events/ai-picture-books</id><content type="html" xml:base="https://dojocon2025.coderdojo.jp/events/ai-picture-books/"><![CDATA[<p><img class="w-full pb-8" src="/img/events/ai-picture-books.webp" alt="親子で学ぶ！AI活用てづくりえほんワークショップ" /></p>
34+
35+
<p>生成AIを使ったえほんづくりのワークショップです。<br />
36+
起承転結のストーリーづくり、それぞれへの挿絵作り等を通して、生成AIとのかかわり方を学びます。</p>
37+
38+
<h3 id="持ち物">持ち物</h3>
39+
40+
<ul>
41+
<li>スマホまたはタブレット
42+
<ul>
43+
<li>Webブラウザが使用できるものをご用意ください</li>
44+
</ul>
45+
</li>
46+
</ul>
47+
48+
<h3 id="対象">対象</h3>
49+
50+
<p>親子での参加が可能な方</p>
51+
52+
<h3 id="申し込み">申し込み</h3>
53+
54+
<p>本ワークショップは事前の申し込みが必要です。<br />
55+
定員4名</p>
56+
57+
<p><a href="https://dojocon-japan.doorkeeper.jp/events/190897" target="_blank">参加申込（Doorkeeper）</a></p>]]></content><author><name></name></author><category term="event" /><summary type="html"><![CDATA[]]></summary></entry><entry><title type="html">micro:bit でフルカラー LED NeoPixel を自在にコントロール！</title><link href="https://dojocon2025.coderdojo.jp/events/microbit-neopixel-control/" rel="alternate" type="text/html" title="micro:bit でフルカラー LED NeoPixel を自在にコントロール！" /><published>2025-10-05T00:00:00+09:00</published><updated>2025-10-05T00:00:00+09:00</updated><id>https://dojocon2025.coderdojo.jp/events/microbit-neopixel-control</id><content type="html" xml:base="https://dojocon2025.coderdojo.jp/events/microbit-neopixel-control/"><![CDATA[<p><img class="w-full pb-8" src="/img/events/microbit-neopixel-control.webp" alt="micro:bit でフルカラー LED ネオピクセル（NeoPixel）を自在にコントロール" /></p>
3458
3559
<p>小さなコンピュータ <ruby>micro:bit<rt>マイクロビット</rt></ruby> を使って、フルカラー <ruby>LED<rt>エルイーディ</rt></ruby> <ruby>NeoPixel<rt>ネオピクセル</rt></ruby>を光らせます。</p>
3660

‎img/events/ai-picture-books.webp‎

125 KB
Loading

‎index.html‎

Lines changed: 8 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -515,6 +515,14 @@ <h2 class="text-4xl mb-4 text-center lg:text-left">
515515
<ul class="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-x-6 gap-y-12 lg:-mt-16 lg:w-3/5">
516516

517517

518+
<li class="flex flex-col min-w-0">
519+
<a href="/events/ai-picture-books/" class="block hover:opacity-80 transition grow">
520+
<img class="w-full md:max-h-[160px] md:object-contain " src="/img/events/ai-picture-books.webp" alt="親子で学ぶ！AI活用てづくりえほんワークショップ" />
521+
<p class="mt-2">親子で学ぶ！AI活用てづくりえほんワークショップ</p>
522+
<p class="text-xs mb-2 leading-5">AIといっしょに世界にひとつだけのえほんをつくろう！</p>
523+
</a>
524+
</li>
525+
518526
<li class="flex flex-col min-w-0">
519527
<a href="/events/doodle3d/" class="block hover:opacity-80 transition grow">
520528
<img class="w-full md:max-h-[160px] md:object-contain " src="/img/events/doodle3d.webp" alt="Doodle3Dでお絵描きしたものを3Dプリンタで印刷してみよう" />
@@ -558,16 +566,6 @@ <h2 class="text-4xl mb-4 text-center lg:text-left">
558566
<p class="mt-2">秋だ！みんなで自慢しあいたいちゃいたい！DojoConLT大会！！（ニンジャ編）</p>
559567
<p class="text-xs mb-2 leading-5">DojoCon Japan 2025 では LT 大会を開催します。<br />
560568
好奇心をくすぐるような「好き」を共有しましょう。
561-
</p>
562-
</a>
563-
</li>
564-
565-
<li class="flex flex-col min-w-0">
566-
<a href="/events/blender-shimaenaga/" class="block hover:opacity-80 transition grow">
567-
<img class="w-full md:max-h-[160px] md:object-contain " src="/img/events/blender-shimaenaga.webp" alt="Blenderでシマエナガを作ろう！" />
568-
<p class="mt-2">Blenderでシマエナガを作ろう！</p>
569-
<p class="text-xs mb-2 leading-5">無料で使える3Dソフト「Blender」を使って、かわいい鳥“シマエナガ”をモデリングします。<br />
570-
初めてでも大丈夫。みんなで楽しく基本操作を身につけて、オリジナルのシマエナガを作っていきましょう！
571569
</p>
572570
</a>
573571
</li>

0 commit comments

Comments
 (0)