Giter Site home page Giter Site logo

lonely-hackathon-01's Introduction

lonely hackathon #01

meguru_rotation

回転する回立方体

※以下、ニッシー☆がお送りします。

概要

コンセプト

宇宙感ある空間からモダン技術への入り口を回立方体とお届け

コンセプト画像1

concept-image

コンセプト画像2

concept-image2

  • ※注意1:浮いているこれらのモダン技術は、回立方体が持っている技術かどうかは知りません。本人が使える技術かどうかは本人に確認してください。
  • ※注意2:モダン技術の定義は曖昧です。今回は雰囲気をお楽しみください。

どんなコンテンツか?

  • 新鮮で熱いWeb系モダン技術が何か、視覚的にわかる。
  • すぐにモダン技術に、Joinできる。

誰向けのコンテンツか?

  • Web系モダン技術に関心を持っている人。
  • 駆け出しWebエンジニア。

要件

使い方

  • 気になる技術のアイコンをクリックする。
  • 惑星を止めたかったら画面左上の「stop」ボタンをクリックしてください。
  • (なお、回立方体は止まることを知りません。進み続けます。)
  • 以上です!(笑)

スクリーンショット

app-view

結果

  • 宇宙ぽいモダン技術?の惑星群ができた。
  • リファレンスやhelloWorldの記事にアクセスできる。
  • 投稿機能はありません。。(バックが組めなかったので😭😭)

感想

  • 1人ハッカソン、飛び入りだったけど最高でした!ありがとうございます😊
  • 改めて、フロント技術の広大さと、書いている人の器用さが身に染みます。

使用技術

  • Three.js
  • Blender
  • bootstrap
  • 生JavaScript
  • Amazon EC2(手動デプロイ)etc..
  • AWS Amplify(2020/10/26に移植しました)

lonely-hackathon-01's People

Contributors

torifukukaiou avatar yukinissie avatar yukinissie-sub avatar

Watchers

 avatar

Forkers

torifukukaiou

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.