福野泰介の一日一創

SNS用画像生成に関して、@imabarizineさんに教えていただいたpuppeteerが良い感じでした！ 情報のご提供、ありがとうございます！

夏休み、鯖江のHana道場ではこどもパソコンIchigoJamのはんだづけワークショップが開催されてました。

失敗しても諦めず、 全員が #IchigoJam はんだづけできました🙌
自分のパソコンでプログラミング開始。
ゲームをつくったり、音楽を楽しんだり、LEDを光らせたり親子で楽しんでいただけました。

創作の夏休みにしよう！#電子工作 #プログラミング#Hana道場 #鯖江 pic.twitter.com/IhitTtmgDu

— Hana道場 (@hanadojo_sabae) August 2, 2021

楽しくヤバイ、自分だけのパソコンをゲットしたら、ちょっと突っ込んで遊ぶためのIchigoJamプリントもオススメのひとつ。 puppeteerを使ってPDFまとめも作りました！

「IchigoJamプリント」
PDFダウンロードに対応！スマホや、タブレットで見るときはHTML版でOKですが、印刷にはPDF版が便利です。

日本語(80枚)、英語(36枚)、ルワンダ語(35枚)、スワヒリ語(34枚)、4ヶ国語で学べる、IchigoJamプリント！

IchigoJam BASICで、プログラミングに慣れたら挑戦しよう、いろいろ作れるJavaScript。指定URLのリンクをたどって全ページPDFにするプログラムのコアはこちら。 const makePDF = async (browser, url, dstfn) => { const html = await (await fetch(url)).text(); const dom = HTMLParser.parse(html); const links = dom.querySelectorAll("a").map((a) => a.attributes.href).filter((a) => a.endsWith(".html")); const format = "a5"; const page = await browser.newPage(); const pdfs = []; for (const link of links) { await page.goto(url + link); const path = "temp/" + link.substring(0, link.length - 4) + "pdf"; pdfs.push(path); await page.pdf({ path, format }); } await mergeAsync(pdfs, dstfn); }; fetch(フェッチ、データの取得)して、parse(パース、文字解析)してリンク(links)を抽出して、リンクの数だけブラウザでその開いてPDF保存を繰り返し(for (const of links))しています。

IchigoJam BASICも、JavaScriptも同じコンピューターとのお話なので基本は一緒。まずはシンプルな言語でタイピングとプログラミングに慣れちゃいましょう！