Information

982bae6b f1d7 428f 9ed6 6f1791df3065
  • 作者
  • 8a99fcc2 dbfc 4d0a b1d5 d36c46a68869 るしあん🥀過疎鯖メーカー
  • 作品リンク
  • 982bae6b f1d7 428f 9ed6 6f1791df3065 PulScreen
  • 概要
  • ユーザーが行うYouTube動画の操作を同期して複数人でリアルタイムに動画を共有できるサービスです。
    Webサービスを初めて閲覧したときは自動でURLが生成され、そのURLをリアルタイム共有したい人に伝えてブラウザで開いて貰えれば、即座に共有を開始できます。
    Webブラウザを使える端末であれば異なったデバイス同士でも共有ができ、一緒にテレビなどを見てる感覚を提供します。

  • タグ
  • こだわり・開発背景
  • ・異なったデバイス間でも滞りなく利用できるようレスポンシブデザイン等にも気を使いました(bootstrap使用)
    ・デザインは見やすく且つ統一感が出るように配色やボタンの大きさや形を意識いたしました。
    ・ユーザー(特に初訪問の方)は最小限の操作でリアルタイム共有を開始できるようできる限り自動化を行いました。
    ・上記と同意義になってしまいますが、アプリの説明書のようなものを読まなくても直感的に操作できるようシンプル(機能を最小限)にすることを意識いたしました。
    ・元々は友人同士で動画を共有する際に一緒に見ることができないのが不便に感じたため、制作を開始いたしました。

    まとめると、手軽・シンプル・直感的を意識したWebサービスとなっています!

  • 開発環境
  • Firebase,Nuxt.js(SPA)

  • 制作期間
  • 2019年の7月頃から制作を開始いたしました。
    プログラミングそのものは初めてというわけではなかったですが、FirebaseのサーバーレスアーキテクチャやNuxt.jsのSPAを扱うための技術や知識のインプットにとても苦労いたしました。
    結果的に約9月という製作期間を費やしてしまいましたが、Webサービスをはじめ、プロモーションビデオなどもこだわり抜いて自分が愛せるサービスとなったと思っています。

  • 学習方法
  • プログラミングを始める前に、Windowsで自宅サーバーを運営しておりました。
    友人からLinuxというものを教えてもらい、後々にLAMPの存在を知って環境を構築してみたはいいものの何も公開するサイトが無いため「なんでもいいからLAMP環境を使ったプログラミングをしてみよう」というのがきっかけでした。
    そこからWebの業界に入り込みサーバーレスやSPAに興味を持ち現在はJavaScriptを主に使用しています。
    インプットしてからそれを応用してアウトプットするというやり方ではなく、作りたいものが決まっていてるのでインプットと同時にアウトプットするというのが私の基本学習ロジックでした。
    人によって向き不向きがあるとは思いますが、私にとってはこの勉強法が一番効率的だったと今でも思っています。