# Introduction ![](https://2.bp.blogspot.com/-F9nZrCbgRK0/Waqlbhj3zkI/AAAAAAAABIw/2q207WAuiqkwlSJLU03rwW4sPO4fKnFSwCK4BGAYYCw/s400/FreshPaint-261-2017.09.02-09.32.32.png) 今は、2017年9月1日です。Scratch3.0 が開発中です。 炎の型工房では、これから、「 Scratch 3.0 の 自分専用機 を作ろう」というコンセプトで、いくつか、 記事を書く予定です。 * [http://snap.berkeley.edu](http://snap.berkeley.edu/) とscratch 3.0 を対象として * コードを改造して、Androidアプリ化したり * GUIを改造して、自分用にデコレーションしたり * レイアウトを変えて、iPhone対応したり * VMをいじってみたり * Assetsを好みに変えたり アレコレしていきます。 #### Scratch とは 皆さんは。Scratch() を、ご存知ですか? Scratchは、GUI のBlockを利用してゲームやアート作品を作るための子供も使えるのプログラムツールです。 SNS機能もあり、膨大な数の作品が公開されています。 #### Scratch 3.0 とは Scratchの時期バージョンです。2018年の初めてにアルファー版がリリースされる見込みです。 以下で試して見る事ができます。 Scratch 2.0 は Flashで書かれていました。Scratch 3.0は Html5 で書かれています。 #### Scratch3.0 で、自分専用機 を作ろう!! Scratch3.0は、Html5という事もあり。 簡単に改造する事が出来ます。 自分専用 Scratch 3.0 を作ってみませんか? **改造しよう** 例えば、背景色を変えたり。 私は、青よりピンクが好きなので、ピンクにしたいですね。 標準のSpriteのセットを変えたり。 もっと可愛いSpriteに変えてみたり。 大人っぽて落ち着いた色やレイアウトにしたり。 スマートフォンアプリ化して持ち歩いたり。 なんでもできるはずです。 #### より身近なものに 平均的なプログラマーの私でも出来ました。 私はレイアウトに不満があったからレイアウトを変えました。 使った人によっては、「ここをもっと、アレしたい」「アレすればもっと良くなるのに」 という感覚があると思います。 それは、きっと、出来ます。 もっと、居心地の良い あなた専用のScratchを作ることが出来ますよ。 という事で、「Scratch3.0 自分専用機 を作ろう!!」 というコンセプトで カキカキするので、 よろしくお願いします。 ### Index [Scratch3.0 自分専用機 を作ろう!! (0)](http://blogger.firefirestyle.net/2017/09/scratch30-0.html) [Scratch3.0 自分専用機 を作ろう!! (1) Scratch3.0をビルドしてみよう](http://blogger.firefirestyle.net/2017/12/scratch30-1-scratch30.html) [Scratch3.0 自分専用機 を作ろう!! (2) Androidアプリとして動作させてみよう (1)](http://blogger.firefirestyle.net/2017/12/scratch30-2-scratch30-android-1.html) [Scratch 3.0 自分専用機 を作ろう!! (3) Androidアプリとして動作させてみよう (2)](http://blogger.firefirestyle.net/2017/12/scratch-30-3-scratch30-android-2.html) [Scratch 3.0 自分専用機 を作ろう!! (4) Androidアプリとして動作させてみよう (3)](http://blogger.firefirestyle.net/2017/12/scratch-30-3-scratch30-android-3.html) [Scratch 3.0 自分専用機 を作ろう!! (5) Webpack とは](http://blogger.firefirestyle.net/2017/12/scratch-30-5-webpack.html) [Scratch 3.0 自分専用機 を作ろう!! (6) Scratch3.0 の package.jsonを読んでみよう](http://blogger.firefirestyle.net/2017/12/scratch-30-6-scratch30-packagejson.html) [Scratch 3.0 自分専用機 を作ろう!! (7) scratch-gui を インストールしてみよう](http://blogger.firefirestyle.net/2017/12/scratch-30-7-scratch-gui.html) [Scratch 3.0 自分専用機 を作ろう!! (8) scratch-vm に利用されている、scratch-xxx を触ってみよう](http://blogger.firefirestyle.net/2017/12/scratch-30-8-scratch-vm-scratch-xxx.html) [Scratch 3.0 自分専用機 を作ろう!! (9) Babel を触ってみよう](http://blogger.firefirestyle.net/2017/12/scratch-30-9-babel.html) [Scratch 3.0 自分専用機 を作ろう!!(11) scratch-storage.js を触ってみよう](http://blogger.firefirestyle.net/2017/12/scratch-30-11-scratch-storagejs.html) [Scratch 3.0 自分専用機 を作ろう!!(12) Blockly を触ってみよう](http://blogger.firefirestyle.net/2017/12/scratch-30-12-blockly.html) [Scratch 3.0 自分専用機 を作ろう!!(13) Scratch Block に触ってみよう](http://blogger.firefirestyle.net/2017/12/scratch-30-13-scratch-block.html) [Scratch 3.0 自分専用機 を作ろう!! (14) scratch-vm.js を使って、100行でHTML5化しよう](http://blogger.firefirestyle.net/2017/12/scratch-30-14-scratch-vmjs-100html5.html) [Scratch 3.0 自分専用機 を作ろう!! (15) ScratchVM の Opcode](http://blogger.firefirestyle.net/2017/12/scratch-30-15-scratchvm-opcode.html) [Scratch 3.0 自分専用機 を作ろう!! (16) ServiceWorker で、PWA 化してみよう](http://blogger.firefirestyle.net/2017/12/scratch-30-16-serviceworker-pwa.html) ## Scratch2.0 関連 ![](https://1.bp.blogspot.com/-oRgZwtRTk70/Wi1quO9l8zI/AAAAAAAABTg/EqPqVmyO6UYuT70Ki_eEINCSk-Mu2YTJgCLcBGAs/s400/FireStyle_000_00_003.png) [火の型 With Scratch 2.0 (プログラム入門) 第00巻](https://www.gitbook.com/book/kyorohiro/firestyle/details) [火の型 With Scratch 2.0 (プログラム入門) 第01巻](https://www.gitbook.com/book/kyorohiro/firestyle01/details) [炎の型 With Scratch 2.0 (ゲームプログラム入門)](https://www.gitbook.com/book/kyorohiro/doc_scratch/details) [炎の型工房 ScratchとDartでゲームプログラム入門 Advent Calendar 2016](https://qiita.com/advent-calendar/2016/firefirestyle-studio) [Qiita: Scratch Advent Calendar 2017](https://qiita.com/advent-calendar/2017/scratch)