保育士していた学生が起業してビジネスの成功者になるまで...

保育士の働く環境、学童と児童館で教育を受けれられる環境を作るために活動。ビジョンは「子どもに人生の糧をつくる」である。ここではそんな活動の経緯と自分のアイデアをまとめていきます。

Codepenで見つけた|ただただすごい遊びWebネタ22選!|CodeDoIt.com

これは面白いです!こんなすごいものを作れるものなんですね。お気に入りはピアノにギターにドラムです!実際に音を出して楽しむことができます。ぜひご覧ください。

f:id:hajime0308:20170201191447p:plain

 

1.I could not stop

See the Pen I could not stop by Gerard Ferrandez (@ge1doot) on CodePen.

2.#DaftPunKonsole

See the Pen #DaftPunKonsole by Malik Dellidj (@kowlor) on CodePen.

3.Star Wars opening crawl from 1977

See the Pen Star Wars opening crawl from 1977 by Tim Pietrusky (@TimPietrusky) on CodePen.

4.pen#PwLXXP

See the Pen pen#PwLXXP by Jake Albaugh (@jakealbaugh) on CodePen.

5.React mouseMove/touchmove event => SVG dots with marker

See the Pen React mouseMove/touchmove event => SVG dots with marker by Sten Hougaard (@netsi1964) on CodePen.

6.Interactive Christmas SVG Illustration

コピペで動きます!

See the Pen Interactive Christmas SVG Illustration by Ashley Nolan (@ashleynolan) on CodePen.

7.Circles, text and getImageData

canvasで書かれています

See the Pen Circles, text and getImageData by Rachel Smith (@rachsmith) on CodePen.

8.Physics Playground

See the Pen Physics Playground by dissimulate (@dissimulate) on CodePen.

9.Shape Shifter

これはすごいです!文字を打つと雪がその文字を作ったりカウントダウンの数字を打つと雪でカウントダウンをします。ぜひ右上のはてなボタンを押して観てください!

See the Pen Shape Shifter by Kenneth Cachia (@kennethcachia) on CodePen.

10.Musical Chord Progression Arpeggiator

右下にある『PLAY』を押してみてください!すごいです!

See the Pen Musical Chord Progression Arpeggiator by Jake Albaugh (@jakealbaugh) on CodePen.

11.Guitar Chords Index

See the Pen Guitar Chords Index by Joel T Bennett (@JTBennett) on CodePen.

12.X-ray me (SVG Experiment)

レントゲンが観れるそうですwwコピペでも動きます!

See the Pen X-ray me (SVG Experiment) by Noel Delgado (@noeldelgado) on CodePen.

13.CSS 3D Block Builder

Pug、SCSS、JSで作られたすごすぎる系!クリック、右クリックをどんどんしたくなる、ブロックを積み上げていくデザイン!

See the Pen CSS 3D Block Builder by Octavector (@Octavector) on CodePen.

14.Owl Generator

HMLTとCSSとJSで作られたモンスターを生み出す面白いもの!

See the Pen Owl Generator by Owlypixel (@owlypixel) on CodePen.

15.Bass Guitar Tuner

音が出ます!

See the Pen Bass Guitar Tuner by Joel T Bennett (@JTBennett) on CodePen.

16.Christmas Sounds

See the Pen Christmas Sounds by WILDER TAYPE (@wilder_taype) on CodePen.

17.⌨️ 3D Text Input ⌨️

下の枠に入力した英語が3Dで表示されて行きます!

See the Pen ⌨️ 3D Text Input ⌨️ by Shaw (@shshaw) on CodePen.

18.player-piano-js

ピアノの上の指のマークになるところでクリックするとオルゴールを打ち込むことができます!

See the Pen player-piano-js by Natalie (@NRo) on CodePen.

19.Create a Christmas Snowflake

切り絵です!

See the Pen Create a Christmas Snowflake by Toaster (@ToasterCo) on CodePen.

20.Drum Set 🎶 (#3December - Day 11)

See the Pen Drum Set 🎶 (#3December - Day 11) by Shaw (@shshaw) on CodePen.

21.Cat Hands

See the Pen Cat Hands by Jonny McLaughlin (@jonnymclaughlin) on CodePen.

22.Audio Drumpad Sampler

See the Pen Audio Drumpad Sampler by Tim (@oneplusuniverse) on CodePen.

23.The Bluesman - You Can Play The Blues (Web Audio API)

See the Pen The Bluesman - You Can Play The Blues (Web Audio API) by Greg Hovanesyan (@gregh) on CodePen.

24.Play the Xylophone (Web Audio API)

See the Pen Play the Xylophone (Web Audio API) by Greg Hovanesyan (@gregh) on CodePen.

たくさん紹介しちゃいました。

これは僕個人、見ていて楽しかったですね!

楽器を作れるってどういうこと!?と思いましたが、ドラムにギターにピアノなどがありましたね。

こういうのを共有できる世界を作りたい、それがCodeDoIt.comだと思っている。

ただ、スキルがないので、、、このサイトを見てくださった縁としてアドバイスくれる人いれば、どうかお願いします。

http://codedoit.com/