Information

93ca24a1 c9a1 4029 a976 88c2ac14261d
  • 作者
  • User image default Natsuki Yamaguchi
  • 作品リンク
  • 93ca24a1 c9a1 4029 a976 88c2ac14261d Newsb!
  • 概要
  • Newsb!はニュースに特化されたSNSです。Newsb!では、ニュースについての質問や意見を他のユーザーと共有することができます。又、ユーザーのエンゲージメントが多い記事を優先に表示するので、話題の記事だけを集中して読むことができます。ニュースをもっと面白く、もっとわかりやすくすることがNewsb!のミッションです。

  • タグ
  • こだわり・開発背景
  • ■コメント編集用のモーダル
    入力することがストレスにならないよう極力、シンプルかつ多機能なモーダルを作りました。
    編集画面ではSNSの同時投稿を選べたり、フォロワーをタグできたりします。

    ■SNSへの同時投稿
    FacebookとTwitterのAPIを経由して,Newsb!の投稿を任意のSNSに同時投稿できます。

    ■国際対応
    最初から英語にできるようRailsのI18nを使って国際化しました。現時点では日本語の記事しか共有されていませんが、3月中旬までには米国版をリリースします。

    ■ジックリ・ザックリモードの実装
    スマホ版だと記事一覧の表示方法が二つあって、コメントと写真が大きく表示されるモードと小さい写真と記事の題名だけ表示されるモードです。

    ■スマホ版の横にスクロールできるカテゴリーメニュー
    横にスクロールできるメニューですが、スクロールバーを隠すのが大変でした。

    ■記事のエンゲージメント指数
    いいね、投稿、コメントに全部ポイントがつけられていて(各ユーザーの上限ポイントも)、計算された結果で記事の優先順位が決まります。

  • 開発環境
  • Mac, cloud9, ruby 2.3.1, AWS, rails 5.1.3, オススメのgem:haml-rails(erbよりも簡単にかける形式haml), carrierwave(画像の保存・大きさ調節), whenever(バッチ処理のスケジューリング) 'pry-rails''pry-byebug’(controllerのdebug)

  • 制作期間
  • 2016年からprogateを始めまて、英会話講師として勤務しながらコツコツ勉強しました。2017年の夏に仕事を辞めてから、集中して開発に取りかかりました。progate + googleで学んだ知識でnewsb!はできています。

  • 学習方法
  • Progateのrailsコースを10周ぐらいしました。容量のない人はこんなに繰り返す必要はないかもしれません。
    次にチュートリアルをやりました。1回目は挫折して、2回目はほとんどコピペ、3回目は普通にやりました。
    それが終わってもわからないことだらけでしたが、すべてgoogleで調べると出てくるので、開発しながら学んでいます。
    本当にどうしてもわからないことがあった時は、エンジニアの知人に相談しました。(特にログイン周り)