【E2D3×NORA IT】鎌倉の古民家と自然の中で、感性に訴えかけるビジュアライゼーションを。

自然の営みには様々な情報が詰まっています。木々の揺れ、雨とその足あと、虫の声、鳥の囀り、湘南の波のリズムはみなさまの五感を刺激するでしょう。

そんな自然の一場面を切り取って、自分だけの表現を一緒にエンジニアリングしませんか？難しいプログラミングをしなくても、意外と個性的な表現はできるものです。これからJavaScriptを勉強しようと思っている方、JavaScript初心者の方も楽しんでください。

さあ、外に出て自然の中でHACKしましょう！

※会場の都合上、合わせて25人に達した時点で受付を締め切らせていただきます。

開催場所のギャラリーレポート

NORA IT（野良アイティー）とは？

おしゃれなインテリアのオフィス、おしゃれなカフェでノートPCを広げてお仕事。これらが与えるイメージが、ITを駆使した現在のイケてるワークスタイルであることは言うまでもありません。

でも、それとは違った創造性を与えてくれるのが屋外でのITワークです。プログラミング、コーディングやクリエイティビティを要する作業に、一定時間アウトドアで行うことを取り入れると結果が変わってきます！

この全く新しいワークスタイルこそが、「NORA IT（野良アイティー）」なのです。

NORA IT http://norait.com/

E2D3、processing.js、D3.js、p5.js、pure JavaScript、etc...

このイベントはJavaScriptを使った感性に訴えかける表現を追求するイベントです。E2D3をベースに、様々なライブラリを自由に利用して、思い思いの表現を一緒に作り出しましょう。

E2D3を使ったサンプル

【E2D3について】

Excelを使ったデータビジュアライズプラットフォームです。世界中のデベロッパー作ったグラフテンプレートを、簡単に使うことができます。グラフを簡単にシェアすることができます。

また、グラフテンプレートをGithubのE2D3プロジェクトにコミットすれば、オリジナルのグラフテンプレートを世界中に公開することもできます。

http://e2d3.org

ビジュアライゼーションのテーマは

1: 自然の風景

自然物の動作や風景をJavaScriptで表現する試み。寄せては返す波、木々、木の葉、川の流れ、、水の波紋などをインタラクティブに表現します。D3.jsやp5.jsなどの描画系ライブラリの利用を想定しています。

※D3.jsとCSS3でアニメーションしたものをE2D3でシュミレートすれば、アニメーションするSVGファイルとしてダウンロードし、動く素材や背景画像として利用できます。
E2D3を使ったサンプル

2: 動物や人物の行動シュミレーション

鳥達の集団行動、交通渋滞などの反応拡散 、共振をインタラクティブにシュミレーションする。processing.jsなどのシュミレーション系ライブラリを想定しています。

3:音、音色、音楽、Sonification

風や波、車などの自然音、ミュージックをビジュアライゼーションすることにより、新しい気付きや、新しい音色を模索する。WebAudioAPIの他、JavaScriptのライブラリとしてp5.js、音譜生成のabcjs、Tone.jsなどがあります。

p5.js 簡易ハンズオンも行われます。

Nature of Codeで最も手軽に利用されるp5.jsはProcessing.jsからの派生プロジェクトです。とても簡単にインタラクティブな自然表現が可能です。 当日は、午前中の説明や周辺散策の後、簡単なサンプルを元にした初心者ハンズオンも午後から行います。参加される方は当日、ハンズオンチームとしてご参加いただけます。

ハンズオンは簡単な内容になりますので、自分なりの表現を目指す方は「自由もくもく」を満喫いただいても大丈夫です。

p5.jsハンズオンの御案内

鎌倉から少し離れれば、旧家や自然が直ぐ側に。

都会にはない風景、匂い、音が感性を刺激するはずです。拠点となる「蕾の家」は海と山に囲まれた古民家です。周辺の風景を写真に収めてきましたので、是非ご確認ください。

開催場所のギャラリーレポート

思う存分「もくもく会」形式。仲間と一緒に参加も可。

このイベントは他のハッカソンとは違い、自然をテーマに新しい表現の可能性をエンジニアリングするものです。実際に屋外に出るHACKになりますので、「もくもく会」形式で行います。もちろん、エンジニアだけでなく、デザイナーや気の合う仲間、カップルやご夫婦などチームでの参加も大歓迎です。

当日は簡単にアイデアソンをします。気になるアイデアを共有してチームで開発し、より良いアウトプットを目指すも良し！

鎌倉のランチ＆コーヒー、あります。

鎌倉の地元食材をつかったお弁当を「Yukkohan」がご用意しています。舌でも鎌倉を味わいたい方は事前にお申し込み下さい。 https://www.facebook.com/Yukkohan

【鎌倉ランチ（お弁当）】￥700

※アンケートに記載下さい。

※事前に準備が必要ですので、当日の受付はできません。

【北鎌倉からスペシャルティ珈琲のご提供】

石かわ珈琲から、オリジナル珈琲のご提供です！（提供は時間限定となりますのでご注意ください） https://www.facebook.com/ishikawacoffee

詳しくはこちらをどうぞ。

開催場所の食のレポート

屋外HACKと参加に関する注意点

E2D3を利用する際の準備

ローカル環境にE2D3環境構築するには以下のものがインストールされている必要があります。

1. Node.js
2. Git

また、Excel2013以降がインストールされていない場合は（特にMacユーザ）、下記にて無料でOffice OnlineのExcelの利用が必要です。

https://products.office.com/ja-jp/office-online/documents-spreadsheets-presentations-office-online

E2D3をローカルで開発するには、下記がnpmで npm install -g e2d3 コマンドを実行する必要があります。詳細は、

https://github.com/e2d3/e2d3/wiki/Setup-E2D3-for-development_ja

参加費に関するお知らせ

会場費として　￥2,000

懇親会費として　￥1,500

とさせていただきました。懇親会で出される食事は、鎌倉地産の野菜、魚貝類を使ったヘルシーな和食ベースを地元の方にお願いする予定です。せっかくの鎌倉ですので、ノーモアピザの精神で頑張ります。

学生は会場費を無料といたします。

開催場所の食のレポート

タイムテーブル

協賛企業

レバレジーズ株式会社

■レバレジーズの運営サイト

• フリーエンジニア参画支援サービス：レバテックフリーランス
• エンジニア専門転職エージェント：レバテックキャリア
• Webクリエイター専門サービス：レバテッククリエイター
• フリーランスの案件提案：@Agent
• エージェントが語るテックブログ：レバテックタイム
• エンジニア向けQ&Aサイト：teratail

ホントノ株式会社

■ホントノの運営サイト

• 経歴・実績の共有サイト：リレキノ