ラジコンを操作しながら探索するオープンソースのポートフォリオサイト「folio-2019」

folio-2019
https://github.com/brunosimon/folio-2019

folio-2019の特徴

「folio-2019」は、Javascriptでできたラジコンを操作しながら探索するオープンソースのポートフォリオサイトです。

ポートフォリオを構築する

$ git clone https://github.com/brunosimon/folio-2019.git
# Gitからクローンします

$ npm install -g parcel-bundler
# parcel-bundlerをインストール

$ npm i
# 依存ファイルのインストール

$ npm run dev
# ローカルで実行

node.jsがインストールされていれば上記ステップで実行できます。

起動すると3D上にサイバートラックが出現。

キーボードを操作しながら、フィールド内にある自己紹介ページを見て回る遊びごころのあるツールです。

ボーリングなどのプレイグラウンドもあり、訪問者を楽しませる要素も含まれています。

なお肝心なポートフォリオは、このように、ソースコード上のURLや画像を差し替えることで

自分の過去の作品やWebページに誘導することができます。

folio-2019
https://github.com/brunosimon/folio-2019


コメントを読む

新着ピック  






Suzuki YutaroSuzuki Yutaro6時間前一人会社の代表社員
















新着ニュース

Introduce Classmethod Thailand Office | Developers.IO

Introduce Classmethod Thail...

DevelopersIO / 40分前


金粉入りソースの「百式とうふ」、出る

Apple Music、 #TheShowMustBePaused に賛同する特別プログラム ジョージ・フロイド氏暴行死事件を受け通常配信停止

【MediaPipe】Multi Hand Trackingで誰が商品を取ったか判別する | Developers.IO

【MediaPipe】Multi Hand Track...

DevelopersIO / 2時間前


ヤフーの検索・地図サービス、スーパーや薬局周辺の混雑状況を確認可能に 計2万8000店に対応

ゼロから始めるScala – いきなりユニットテスト編 | Developers.IO

AI搭載の掃除ロボ「Whiz」、床の新型コロナウイルスを大幅に減少させる 第三者機関が実証

yarn workspacesとCDKでLambda Layersを管理する | Developers.IO

yarn workspacesとCDKでLambda ...

DevelopersIO / 2時間前


日本科学未来館、3日から再開 スローガンは「risk≠0」

たとえ盗まれても、バッテリーが切れても本人以外はビデオ撮影を中止できないParachuteの強力新機能 | TechCrunch Japan

「ブルーレイディスクレコーダー」おすすめ3選 チャンネル丸ごと録画も【2020年最新版】

Twitterが共和党議員の反ファシズムツイートを「暴力賛美」として制限表示に | TechCrunch Japan

【7/9(木)リモート】クラスメソッドの会社説明会を開催します | Developers.IO

マラソン大会を“クラウド化” 密集避けつつ運動、参加特典も

京急アクセラレーションプログラム第3期の参加企業10社が決定、with/afterコロナの事業共創が始まる | TechCrunch Japan

【6/15(月)ウェビナー】好評につき再演!「今知っておきたいSaaSのAtoZ」を開催します | Developers.IO

良質なネットコミュニティ醸成を支援するTHECOOが3.8億円調達、ライブ配信事業を強化へ | TechCrunch Japan

ハッキングが相次いだNestデバイスに対しグーグルはセキュリティを強化 | TechCrunch Japan

YouTubeがチャプター機能導入、指をずらして再生スクラブも可能に | TechCrunch Japan

ジョージ・フロイド氏殺害事件への拡大する抗議活動と組織的差別に対するハイテク業界の対応 | TechCrunch Japan

もっと見る
記事をPICKする
会員登録
Register
記事をPICKする

会員登録すると、もっと便利に利用できます。