https://labs.cybozu.co.jp/blog/akky/tags/scratch/ Recent content in Scratch on akky@サイボウズラボ・ブログ Hugo ja Fri, 08 Sep 2017 00:00:00 +0000 https://labs.cybozu.co.jp/blog/akky/2017/09/scratchblocks-scratch-generates-scratch-program-images/ Fri, 08 Sep 2017 00:00:00 +0000 https://labs.cybozu.co.jp/blog/akky/2017/09/scratchblocks-scratch-generates-scratch-program-images/ <p><a href="http://scratchblocks.github.io/">scratchblocks</a>は、教育用プログラミング言語 Scratch の図形を組み合わせたプログラムを、テキストから生成してくれるというwebサービスです。</p> <p><a href="https://labs.cybozu.co.jp/blog/akky/2017/09/scratchblocks-scratch-generates-scratch-program-images/scratchblocks-sample.png"><picture> <source type="image/webp" srcset="https://labs.cybozu.co.jp/blog/akky/2017/09/scratchblocks-scratch-generates-scratch-program-images/scratchblocks-sample_hu_d4675efc571d6992.webp 242w" sizes="(max-width: 56rem) 100vw, 54rem"> <img src="https://labs.cybozu.co.jp/blog/akky/2017/09/scratchblocks-scratch-generates-scratch-program-images/scratchblocks-sample.png" width="242" height="168" alt="" loading="lazy" decoding="async"> </picture></a></p> <p>言語を日本語(Japanese)にすると、日本語での画像を作ってくれますし、英語など他言語で書いたテキストを translate メニューから日本語に翻訳し、それを画像化( png や svg 形式に)することもできます。</p> <p><a href="http://scratchblocks.github.io/translator/#?lang=ja&amp;script=%3Cscratchblocks%3E%0Awhen%20green%20flag%20clicked%0Aset%20%5Bx_pos%20prev%20v%5D%20to%20%5c%28x%20position%5c%29%0Aforever%0Aif%20%3Cnot%20%3C%5c%28x_pos%20prev%5c%29%20%3D%20%5c%28x%20position%5c%29%3E%3E%20then%0Asay%20%5BMy%20X%20position%20moved!%5D%20for%20%5c%282%5c%29%20secs%20%2F%2Fif%20the%20x%20position%20moved%2C%20say%20something%0Aset%20%5Bx_pos%20prev%20v%5D%20to%20%5c%28x%20position%5c%29%0Aend%0Aend%0A%3C%2Fscratchblocks%3E"><picture> <source type="image/webp" srcset="https://labs.cybozu.co.jp/blog/akky/2017/09/scratchblocks-scratch-generates-scratch-program-images/scratchblocks-translator-sample-japanese_hu_baf71796194d285c.webp 480w, https://labs.cybozu.co.jp/blog/akky/2017/09/scratchblocks-scratch-generates-scratch-program-images/scratchblocks-translator-sample-japanese_hu_9e2775b9d9654f55.webp 768w, https://labs.cybozu.co.jp/blog/akky/2017/09/scratchblocks-scratch-generates-scratch-program-images/scratchblocks-translator-sample-japanese_hu_c2e0f72d07900ac2.webp 1106w" sizes="(max-width: 56rem) 100vw, 54rem"> <img src="https://labs.cybozu.co.jp/blog/akky/2017/09/scratchblocks-scratch-generates-scratch-program-images/scratchblocks-translator-sample-japanese.png" width="1106" height="644" alt="" loading="lazy" decoding="async"> </picture></a></p> <p><a href="https://github.com/scratchblocks/scratchblocks">ソースコードも公開されていて</a>、これを使って <a href="https://github.com/tkc49/scratchblocks-for-wp">WordPress で表示するプラグイン(作者は日本の方)</a>や Pandoc でドキュメント内に埋め込むライブラリなども紹介されていました。</p> <p>小学校の自由研究で、提出するといってもパソコンやタブレットを提出するわけにもいかない。作ったものを紙にして出すにはどうするのがいいのかな、と調べたら見つけたものです。</p> <p>[訂正 2017-09-08]</p> <p><a href="https://github.com/scratchblocks/scratchblocks">scratchblocks</a> と <a href="https://github.com/LLK/scratch-blocks">Scratch Blocks</a> の関係性について間違いがあったので、下の内容を撤回します。ご指摘ありがとうございました。</p> <blockquote class="twitter-tweet"><p lang="ja" dir="ltr">というか、scratchblocksはScratch 2.0のUIを模したもので、現行のScratchサイトのフォーラムの支援ツールとしての公式に使われています。2.0と3.0のブロックデザインは大きく異なりますので、非公式も当たらないと思います。</p>&mdash; アベ先生 (CV: 阿部和広) (@abee2) <a href="https://x.com/abee2/status/906112167358873600?ref_src=twsrc%5Etfw">September 8, 2017</a></blockquote> <script async src="https://platform.x.com/widgets.js" charset="utf-8"></script> <p>このツールが表示しているのはそもそも <a href="https://medium.com/mit-media-lab/scratch-google-next-generation-of-programming-blocks-for-kids-5f377ec9ff0">GoogleとScratch が HTML5 版の Scratch 3.0 に使うために策定し</a>、また他の Scratch 風プロジェクトでも採用されるべく規定しようとしている <a href="https://wiki.scratch.mit.edu/wiki/Scratch_Blocks">Scratch Blocks</a> で、このScratch Blocks を「非公式に」サポートするツールとして作られているようです。</p> <p>消えゆく Flash Player から HTML5 ベースに移行しようという Scratch 本家に合わせて作っているものですから、描画結果のそれらしさについては間違いのないところでしょうね。</p> <p>Github の scratchblocks は Scratch 用の&quot;unofficial&quot;なツールを作っている、とGitHub にありますが、これは Scratch Blocks をサポートしているものではないようです。</p>