# HackforPlay Open Source 🏫  

![Build Status](https://travis-ci.org/Feeles/IDE.svg?branch=master)

世の中には、様々な目的をもって教育を行う人々がいます。  
しかし、自分たちで教材を作れる人はそう多くありません。  
多くの教育者は、胸の内で正しい教育の姿を描いています。  
それを容易に具現化する方法があれば、新しい教育の可能性は無数に広がっていくはずです。  

そこで私たちは、今まで行ってきた「 HackforPlay ライクな教育」を  
教育者が利用しやすい形のツールとして仕立て直し、  
すべての教育者が自分たちで教材を（教育を）作る手助けをすることで  
よりよい教育の探求を促進します。  

// アイデア:
- <https://trello.com/b/DAR76ZPP>

## Feeles

人々にコードをプレゼントするためのオープンソース IDE

> Feeles: "Feel *ES*".  
ES: ECMA Script, 規格化されたモダンな JavaScript , その総称


## できること

- ブラウザ (Chrome/FireFox/Safari/Opera/~~IE11~~) で動きます 💻
  - **スタンドアロン** で動作します。HTML ファイルを開くだけ。
  - IDE の中にファイルを入れると、 Web サーバーのようにふるまいます 🎩
- クローンしてシェアできます
  - 全てのファイルをひとつの HTML に書き出せます。
  - もう一度言いますが、 HTML ファイルを開くだけで動きます! 😆
- モダンな文法
  - ES2015 を書くことができ、 import/export もそのまま動きます。
  - つまり、中に `Babel` と `require.js` が入っているんです 👀
- 誰がコードを書いたのか記録できます（原作者をリスペクトするのだ！）
- ブラウザの `IndexedDB` を使用してセーブ・ロードできます
- Markdown ファイルが README のように表示されます
- アセットと呼んでいるビジュアルスニペットを JSON 形式で作れます
- 気分に合わせてテーマカラーを変更できます
などなど…

## IDE を作成する

1. このリポジトリを Fork または Clone します
2. ディレクトリを移動します `cd (installed directory)`
3. npm コマンドを実行します `npm install && npm start` または `yarn install && npm start`

- `src/`
  - 生徒が使うアプリケーションで、 React.js で作られています
- `mount/`
  - 生徒が **作り変えて**、Feeles 上で動作するアプリケーションです

> この文章（日本語）が原文です  
English: <https://github.com/teramotodaiki/h4p/blob/master/README.md>