# 20240324_新しいページでSeedsを使いやすく (例:20210901_LT会を開催しました) ###### tags: `ブログ記事` - [ ] 公開(ブログ公開担当者がいじるやつ) 太字斜体で書いてある内容を埋めて行ってください. 文章,画像は太字斜体の下の行に入れてください. 最初に書く時はREADMEを読んだら読むといいと思います. <br> ## 表示されない情報 ***書いた人の名前(自己紹介文と同じ名前)*** { なな } ***記事の簡単な説明(検索した時にタイトルの下に出てくる文章)*** { } <br> ## 表示される部分 ***サムネイル画像*** { } ***カテゴリ*** 以下の中から該当しそうなカテゴリを選択してください ※一つだけ選択してください - [ ] 対外活動 - [ ] 活動の様子 - [ ] メンバーの趣味 - [ ] 実務訓練体験記 - [ ] NUTMEG Advent Calendar 2023 ***タグ*** 以下の中から該当しそうなカテゴリを選択してください.当てはまる物がない場合は適宜追加してください. 言語 - [ ] HTML - [ ] CSS - [ ] Python - [ ] Go - [ ] Ruby - [ ] JavaScript - [ ] TypeScript - [ ] Dart - [ ] Rust - [ ] Kotlin - [ ] Swift フレームワーク・ライブラリ - [ ] Ruby on rails - [ ] Vue.js - [ ] Nuxt.js - [ ] React.js - [ ] Next.js - [ ] Gin - [ ] Flluter ツール - [ ] GitHub - [ ] ターミナル - [ ] WSL - [ ] Ubuntu - [ ] Docker - [ ] Raspberry Pi - [ ] Figma 分野 - [ ] チームづくり - [ ] フロントエンド - [ ] バックエンド - [ ] インフラ - [ ] Web-design - [ ] API関係 --- ***以下に本文を記載してください*** ## はじめに こんにちわ。今頃、スイカゲームにはまったNUTMEGのななです。スイカ2コ作るのがこれからの目標です。ちなみに、私はスイカがあまり好きではありません🍉 本題の前に、、、 NUTMEGブログ4年目にして初めての世代交代が行われました!そして私、なながブログを管理することになりました!!🎉🎉 初仕事は先週投稿しましたのせさんのこのブログです!みなさんぜひご覧ください! [ハッカソンに出てきました](https://blog.nutmeg.cloud/blog/post-20240315/) ブログを引き継いだということで新しいNUTMEGブログにしていけるようアクティブに更新して参ります!まずは、メンバーページを2年ぶりに更新する!笑 # Seedsがリニューアル NUTMEGの学習支援webアプリ「NUTMEG-Seeds」が先月、リニューアルしました!まずは、簡単にプロダクトの紹介をします。 > **NUTMEG-Seeds とは** >「NUTMEGのつながりを濃くする」という目的のもとで開発を進めている、チーム全体を管理するためのプロダクトで>す。 具体的には、以下の4つの機能に分かれています。 > >- メンバーを管理する機能 >- 学習した記録を残す機能 >- 学習の道標となるカリキュラム機能 >- NUTMEGのプロジェクトを管理する機能 > >Seedsからメンバーを確認できるようにすることで、NUTMEG全体の相互理解が進んでつながりが濃くなる。 学習記録が残>ることで自分が頑張ってきた軌跡を振り返れるし、他の人の頑張りも見えるから一体感が生まれやすくなってつながりが>生まれる。 学習の道標があることで自分が何をどれだけ頑張ればいいかが視認しやすくなってゴールも見えやすくなる>し、メンターも教えやすくなることでメンターとのつながりが生まれる。 プロジェクトが確認できることでNUTMEG全体の>理解が進み、プロジェクトへの興味からメンバー間のつながりが濃くなる。[NUTMEG最強のチームを目指して](https://>blog.nutmeg.cloud/blog/post-20230413/)より > 現在では主に新入生が学んだことをSeeds投稿する等して活用しています。 # 保存機能がない 昨年10月ごろ、Seedsの稼働率が低いという課題を解決するため、ミーティングを重ねてきました。NUTMEGメンバー(ユーザー)にヒアリングをしたところこのような声が挙がりました - 投稿ページのテンプレがいらない - 保存できないから使いづらい - 画像やURLの貼り方が分かりづらい     など… 下の画像は従来の投稿ページ。確かにテンプレがあるため書くことの自由度が下がりますね。また、まあまあな文章量を書くのに保存がないのでhugp不便と感じる人がいました。私もSeeds投稿する際、間違ってタブを消してしまい全く同じ文章を2回書いた思い出があります。笑 ![Untitled](https://hackmd.io/_uploads/Sk05mncR6.png) # 新たなページ ~PostページとDraftページ~ このように投稿ページを不便と感じているユーザーの悩みを解決し、またもっとSeedsを利用してほしいと考え、新たにPostページとDraftページを提案しました。 ## Postページとは 下書きの作成、編集などを行うページです。ログインすることで自分だけの下書きが表示でき、また、recordsページ(書いた記事をアップするページ)では公開がonになったもののみが表示されます。 ## Draftページとは 新投稿ページのことで学んだことや分かったこと、勉強会の内容を書きます。また、メンター(Teacher)、メンティー(Student)、学んだカリキュラム(Curriculum)、及び章(Chapter)などを入力します。 この2つの新たなページを導入することで自由度高く下書きを作成できて保存できる、ユーザーの悩みに寄り添ったページとなるのではないかと考えました。 # Postページの完成!(仮) 3月の始め、Postページのプロトタイプが完成しました!! 使い方はこのような感じです。 まずはSeedsにログインし、ヘッダーにあるPostをクリック。するとすでに下書きされた記事が表示されます。編集したい記事を選び、編集をします。 ![Untitled (1)](https://hackmd.io/_uploads/SyabNh5A6.png) 編集終了後、公開するを選択します。 ![Untitled (2)](https://hackmd.io/_uploads/H1sf425Ap.png) すると、recordsページに編集した記事が投稿されます。 公開前 ![Untitled (3)](https://hackmd.io/_uploads/HJ974n9RT.png) 公開後 ![Untitled (4)](https://hackmd.io/_uploads/rkaE43q0a.png) Draftページもこれから実装し、これからやってくる新入生に使ってもらいたいなと思います! # ユーザーの声を聞く 今回、Seedsの稼働率を上げるという目的で新しいページをつくりました。ユーザーに「使いやすい」と感じてもらうにはどうするかを考えるということにかなり時間をかけたと思います。 昨年、あるセミナーでこのような話を聞いたことがあります。 **「人はジョブ(=Jobs To Be Done)を実現するために商品を雇う」** ここで言う「ジョブ(JTBD)」はユーザーが成し遂げようとする進歩のこと。ニーズという言葉が近い意味です。 ジョブを知ることでこのような効果があります。 - 顧客がわかる - 購入目的がわかる - 新商品への需要を検証できる     など… ジョブは製品を利用・購入する原因となります。だいぶざっくりした説明ですが、このジョブを捉えることで新しい製品やより良い製品とはどんなものか想像できるのです。 Seedsの「ジョブ」はなにか? 私は「よりよく学習記録を残したい」だと考えます。さらにジョブに加えてどのくらいの時間で、どんな内容で、どんな状況でSeeds使うのか、などユーザーの利用方法を知り深掘りすることで製品にどんな機能が必要なのかなどの改善点が明確になっていきます。 「自分の作りたい」ものではなく、「ユーザーが使いたい」ものを実現するため、ユーザーの声に向き合って「ジョブ」を考えることができました。 今回の新しいページをつくるタスクは、Seedsにとってとても良い経験だったと思います。 # 最後に 最後まで読んでいただき、ありがとうございます!! いつもブログを書くと長くなってしまいます。特に今回は、勉強しているスタートアップの知識とSeedsを掛け合わすことができて若干テンションが上がりたくさん書いてしまいました。 これから新入生が来るので新Seedsをたくさん活用していきたいと思います!!