内海健太郎ハッカソンはじめにこんにちは!ニフティでは若手メンバーのスキルアップを目的とした「エンジニア定例」という取り組みを行っています。エンジニア定例では様々な技術について学びましたが、その集大成として2泊3日のハッカソンを実施しました。Memo」を作成したので紹介したいと思います。制作したプロダクトについてアプリの説明ハッカソン合宿の前にどのようなアプリを作りたいのかチームで話し合いをする場がありました。そこで出た案の一つに、「以前調べた技術用語についてすぐ確認できるようにしたい!用語の意味を忘れる度検索して調べるのは手間がかかるし時間の無駄」という意見が出ました。エンジニアとして働いていく中で、分からない技術用語は多々出てくると思います。その日は調べた用語について分かったつもりでいても、後日忘れて再びその用語について検索をかけるなんてことはよくありますよね。Memoの使い方さっそく、トップページにアクセスをして使い方を紹介します。今回制作したアプリは会員登録を行わないと使えない仕様になっているので、会員登録をクリックして会員情報を入力します。登録をすると、検索画面に遷移します。ここで調べる単語について検索をします。ここでは「シェルスクリプト」と検索をしてみましょう。すると、Googleのページへ飛んで検索した用語に関する記事が出ます。先ほどの検索画面へ戻り、ヘッダーの「検索ログ」を押してみます。すると、キーワードの下に先ほどの検索ワードが表示されています。仕組みとしては、Googleにリダイレクトしたときに検索ワードがサーバーに登録されて検索ログとして表示されるようになっています。検索ワードをクリックすると以下のポップアップが表示されるので、検索ワードに関するメモをテキストボックスに入力して保存を押します。すると、検索ワードの隣に「メモ:1個」と表示され、クリックすると上記の画面が表示されてメモを見ることができます!工夫したポイントここからは追加で実装した機能について二つ紹介します。WordCloudを実装して勉強量と勉強内容を可視化へッダーに「グラフ」とありますが、これをクリックすると今まで検索したワードが表示されます。これはWordCloudという手法を利用したものです。出現頻度の高いワードほど、その頻度に応じた大きさで表示されるようになっています。これを実装することで勉強量や勉強した単語について可視化し、モチベーションの向上を図っています!Chrome拡張を実装してUXの向上Chrome拡張の機能を利用して、検索したときに自動で検索ワードのポップアップを表示させるように実装しました!メモの登録も簡易的に行えるように以下の手順で登録を行えるようにしました。「メモを登録しました」とポップアップが表示されます!わざわざ手打ちするのが面倒な場合には、このやり方でもメモを登録できるようになります。合宿を通しての学び2泊3日のハッカソン合宿を通して、1つのプロダクトを0から完成までチームで作り上げることの達成感や経験を得られることができました。1人で制作物を作るより、チームで意見を出し合いコミュニケーションを取りながら開発を行うことでアイデアの質も高まると感じました。チームメンバーからも学ぶことが多くあり、こんなツールがあるのか!こんなコマンドがあるのか!など知らなかった知識を共有できたことも良かったです。終わりに2泊3日という短い期間ではありましたが、チームで1つの成果物を作ることのやりがいや楽しさを実感できました。宿泊した旅館の娯楽や食事も充実しており、開発以外の時間も有意義なものとなりました。最近の投稿Enハッカソン合宿制作記7|Slackの絵文字を共有するサイト作りました!Enハッカソン合宿制作記6|おすすめのお店を地図で共有できるアプリを作りました!Enハッカソン合宿制作記5|会社独自の単語を管理できる単語帳を作成しました!Enハッカソン合宿制作記4|検索と連携した技術メモアプリを作成しました!Enハッカソン合宿制作記3|らくらくアイコンメーカー「アイコンマスター」アーカイブ20202020/120192019/122019/102019/92019/82019/72019/62019/42019/120182018/122018/92018/72018/52018/42018/32018/22018/120172017/122017/112017/102017/92017/82017/72017/62016関連記事Engineerニフティでもコードレビュー会をやっていますこんにちは。@nifty不動産の開発チームに所属しています。本日は我らが不動産チームで行っているコードレビュー会についてお話したいと思います!テーマは以下の3点です。Analyticsだけでもユーザー行動は追えますし、ページ上の動きもイベントを仕込んでログに吐くことでより詳細に追うことができます。ログ基盤が整っている現場だとヒートマップツールの役目は終わったようにも感じます。イベントのログ出力や整形、可視化がされていない現場ですと、手軽にページ上の動きを追いたいときにヒートマップツールはまだまだ有用だとも思います。いうことで、LPO/EFOに使えるヒートマップツール「Hotjar」の特徴を紹介します。Modulesを試してみたはじめまして!2019年度新入社員の大川です。現在は、WEBサービス開発グループでOJT中です。皆さん、Dockerを知っていますか?すでに使っている人も多いと思いますが、中には「名前は知ってるけど使ったことは無い」という人もいると思います。私もその一人で、「コンテナを作って共有とか出来るんでしょ?」それくらいのイメージでした。Corporation。