inflearn logo
知識共有
inflearn logo

[一日10分|Web Project] HTML/JS/CSSで自分だけの心理テストサイトを作る

HTML/JS/CSSだけを持って直接心理テストサイトを作成し、配布してみるProjectサイトを制作します。

難易度 初級

受講期間 無制限

HTML/CSS
HTML/CSS
JavaScript
JavaScript
Bootstrap
Bootstrap
HTML/CSS
HTML/CSS
JavaScript
JavaScript
Bootstrap
Bootstrap
Thumbnail

お知らせ

2 件

  • pandacoding님의 프로필 이미지

    こんにちは、パンダコーディングです:)

    私が初めて作ったプロジェクト型講義ですが、思ったより多くの人々が関心を持ってくれて心から驚きました。

    今回のMBTIプロジェクト講義を進めながら、

    そのリンクにアクセスした回答者の結果を別に保存したいという意見をいただきました。

    単にHTML/JS/CSSだけを扱う今回のプロジェクトとは異なり、

    この問題を解決するには、サーバーを構築して展開する方法を知っておく必要があります。

    https://www.mbtifriends.site/

    ユーザーの回答を保存し、誰でも接続して自分だけのリンクを作成できるプロジェクトを作ってみました。

    サーバーはexpress、DBはMongoDBを介して構築され、ejs文法を使用しました。

    リンクを作成すると、自分だけのリンクを付与し、そのリンクによる結果を確認できます。

    このプロジェクトに基づいて講義を企画しています。

    どうやら県講義よりは難易度がかなり上がるので、理論と並行して進行されそうです。

    私の講義を受講してくださった受講者の方々の意見を聞くために、このような投稿を作成することになりました。

    どんな方向でも感謝の気持ちで刻んで聞きます。

    この投稿のコメントやnani6765@gmail.comにフィードバックしていただきありがとうございます!

    それでは今日も楽しい一日になりますように:)

    Happy Coding!

    1
  • pandacoding님의 프로필 이미지

    こんにちはパンダコーディングです!

    1日10分、Webプロジェクトを受講する方にお知らせを残すように書かれました。

    QnAでAnswer領域をボタンではなく画像として実装する方法について、

    受講者は私に質問を残しました。

    本当にまともな質問だと思うに他の方ともこの内容を共有するために追加的に映像を撮影しましたし、

    [質疑応答]セクションで講義を行いました。

    このように映像を視聴しながら本人のアイデアでウェブサイトをさらに発展させたいのですが、

    もし実装に少し苦労すれば、いくらでも質問していただければ幸いです:)

    私も力が届くまで答えを差し上げ、必要なら今のように映像を撮影して講義で上げるようにします。

    その時のために作った質疑応答セクションでもあります!

    それでは今日も楽しいコーディングしてください:)

    - パンダコーディングドリーム

    1

無料