この記事は HowTelevision Advent Calendar 2024 25日目の記事です。 qiita.com 1.はじめに ハウテレビジョンでコーポレート部門を担当している、id:simisin です。 今回は、知られざるハウテレビジョンにおけるコーポレート周りの取り組みについてご紹介します。 2.コーポレート部門の概要 全社では37名（2020年1月末）だった社員が、78名（2024年12月1日現在）まで成長してきました。 うちコーポレート部門の社員は約10名であまり変わっていません。 内局 コーポレート部門は、以下の4つの機能型組織からなっています。 財務・経理部 法務・総務…

稼働中のWebアプリケーションの認証を AWS Cognito に換装する話

この記事は HowTelevision Advent Calendar 2024 16日目の記事です。 はじめに Github Actionsをcommit/pushせずにdockerを使って実行するツール act の使い方をご紹介します。 https://nektosact.com/introduction.html インストール Homebrewを使ってインストールします $ brew install act --HEAD 実行可能なworkflowやjobを一覧する -lオプションで実行可能なworkflowやjobを一覧できます $ act -l Apple Silicon搭載のMac…

この記事は HowTelevision Advent Calendar 2024 15日目の記事です。 株式会社ハウテレビジョンのPlatform Engineeringチームで主にデータエンジニアをやっているEngineer Managerの縄司です。インフラ基盤やデータ基盤のアップデートを通じて、日々の運用の課題を改善しながら、プロダクトの成長を支えています。 本記事では、今年取り組んだEKSのアップデート、Aurora MySQLのメジャーアップデート、そしてデータ基盤整備のプロジェクトについてまとめます。 EKSのアップデート：基盤の安定性を維持するための計画的な対応 EKS（Amaz…

この記事は HowTelevision Advent Calendar 2024 12日目の記事です。 こんにちは。外資就活ドットコム 新規開発チームでエンジニアをしている伊達です。社会人2年目のペーペーですが、これまでに外資就活ドットコムのいろんな新機能の開発に携わってこれたので、いくつか個人的に愛着の強い推し機能を紹介していこうと思います。 こんな機能を開発してるんだ〜って軽い気持ちで見ていただけると良いかなと思います。 AI選考対策 https://gaishishukatsu.com/report_analytics/search 外資就活ドットコムではユーザーの皆様から就職活動の体験…

無沙汰しております。ハウテレビジョンのたかだです。2024年もあと20日余りなんですね。秋が来ないまま冬が来たけれど、どこかぬるい冬で締まらない感じがしますね。とくに近況に変わりはないのですが、F1 2024年シーズンが終わったので、動物園へまた通う週末が始まります。 さて、アドベントカレンダー11日目は外資就活のリデザインを振り返ってみたいと思います。 そもそもの背景 長年足枷になっていた技術負債の解消が行われ、ようやく体験を含めたUIのリニューアルに取り掛かることとなりました。2010年のサービス開始以来、何度目かのリニューアルとなり、ぼくが入社してから初めての大掛かりなものとなりました。…

この記事は HowTelevision Advent Calendar 2024 7日目の記事です。 昨日はmond事業本部長である佐々木さん(id:@KotaroSasaki) の「mondで注力している仲間集め」でした！採用に関わる話でとても面白かったですし、 私としてもいつも採用に協力的でめちゃくちゃ行動力があるのでとても感謝しております！ はじめに FY25 上半期と下半期の取り組み 上半期の取り組み 下半期の取り組み これからに向けて はじめに ハウテレビジョンでエンジニア採用をしてます山中 (id:how-yamanaka) です。 去年この記事 blog.howtelevisio…

こんにちは！mond運営長の三上です。 まずは自己紹介させてください。mondにいい質問が来ていたので、答えたんですが私の性格や価値観を一番表しているのはこちらです。 https://mond.how/ja/topics/tivaorsvh9pyl68/0zrypy7tgw4eku7 ・・・はい、「こんなやつなんだな」と思っていただければ（笑）。 ちなみにmondに対しては本気でして、自分の愛車にmondステッカーを貼るくらいプロダクト愛があります。 https://x.com/mikamitosh/status/1820442364571488312 そんなmondですが、実は「やばい」んで…

Howtelevision で外資就活ドットコムのソフトウェア・インフラエンジニアをしている広瀬です。 現在進めている負債解消リプレイスのひとつが完了したので、その内容についてご紹介したいと思います。 この記事は、HowTelevision Advent Calendar 2024 3日目の記事です。 概要 システム構成 課題 今後の展望 概要 外資就活ドットコムでは、就活コラムという学生のための記事を公開しています。ライターの人たちは WordPress という CMS を使用して投稿をおこなっていました。 当サービスは WordPress を使用した Web サイトから始まったのですが、就…

はじめに Hotwireとは？ 今回作成するもの お気に入り機能をHotwireなしで作成してみる セットアップ Likeモデルの実装 Likeコントローラーの実装 問題点 HotwireのTurboでお気に入り機能を完成させる 実装概要 app/controllers/likes_controller.rb app/views/likes/update.turbo_stream.erb 検証してみる Hotwireを勉強してみての感想 Pros Cons: 最後に はじめに みなさんこんにちは、Howtelevisionでソフトウェアエンジニアをしている宮本航平(kohei1d)です。 先日…

外資就活でエンジニアリングマネージャーをしている根本です。 8月よりこれまで約1年取り組んでいたリプレイスから新規開発に役割を変え、ここ数ヶ月での取り組みや変化を紹介します。 この記事は、HowTelevision Advent Calendar 2024 1日目の記事です。 ユーザー理解を深めるインタビューの実施 企画への浸透 新卒エンジニア領域への事業展開には、当事者目線で企画に関わることが不可欠 機能のリリースに終わらない目標と達成評価 ユーザーへの提供価値をスプリントゴールを設定する ゴールの達成は効果測定をして初めて評価できる 早期にスプリントの不確実性を減らす 不確実性の高いタスク…

はじめに 外資就活ドットコムでは、ユーザーのセッション管理にCookieを利用しています。現在、セキュリティ強化を目的として、セッション管理のアップデートが進行中です。 この記事では、Next.js上でCookieを扱う方法を紹介します。 Cookieとはなにか Cookieとは主にセッション管理やユーザー情報の一時的な保管のために使われる技術で、たくさんのWebサービスで利用されています。 nookiesの紹介 Next.jsでCookieを扱うには、『nookies』というライブラリがおすすめです。 https://github.com/maticzav/nookies 軽量かつ簡単にCo…

はじめに RFC 8030 使用している技術 プッシュ通知購読から送信まで Push Message Urgency おわりに はじめに こんにちは、新型質問箱 mond の開発チームに所属している id:chima91 です。 今回は、最近 mond にて実装した web-push（ブラウザへのプッシュ通知）について語ろうと思います。 基本的な実装方法については記事にまとめました。 https://zenn.dev/howtelevision/articles/cecdb89682fb03 今回は web-push の細かい情報を調べていきます。 RFC 8030 IETF によってインター…

ユーザー100人インタビューを事業部一丸で実施しました こんにちは、外資就活ドットコムのProductチームのマネージャーとPdMをしている関根と申します。 今回は外資就活ドットコムを運営する新卒事業部一丸で実施したユーザー100人インタビューの話を取り上げようと思います。 先日部署の全体会で100人のユーザーインタビューの議事を1人1人読み込み、所感やプロダクトや事業にどう活かすかを1人1人言語化したという話をしたところ、驚きと狂っているという褒め言葉をいただいたので、折角なので自分がなぜそこまでするのか、何を考えているのかも併せて書いてみました。 100人インタビューとは？なぜやるのか 当…

ご無沙汰しております。ハウテレビジョンのたかだです。先日、4ヶ月ぶりに髪を切りました。いつも切っても気づかれないんですが、今回は多めに切ってもらったからかよく気づかれます。 前回のおさらい 前回の記事では、エンジニア特設ページの公開と、コミュニティのリニューアルについて書きました。外資就活に携わって初めての大きなリリースと、これからリリースされそうなものといった内容でした。 その後エンジニアのみなさんの頑張りにより、無事に技術負債の返済を完了しコミュニティも新しくなりました。 最近やったこと 技術負債の返済が完了し、デザイン負債の解消をおこなっています。募集一覧ページあたりから日の目を見るはず…

ご無沙汰しております。ハウテレビジョンの鷲塚です。日が経つのは早いもので、前回のブログから4カ月も経ちました。 前回の記事では非エンジニアの私がMagicPodを使ったテストケース作成を紹介させていただきました。 今回は4か月経った現在の近況報告をしたいと思います。 近況 5月から本格的にテストケース作成に取り組み、MagicPodの操作や使用方法の試行錯誤の日々を送っておりました。 途中、業務の事情からテストケース作成を一時中断することもあり、現在はテストケース5件作成したきりの状態です。。。 MagicPodの自動化プロジェクトの健全度と改善案を確認できる「ヘルススコア機能」では100点満…

弊社では各種ドキュメント(ルール、手順書、仕様書に至るまで)を基本的には Notion で管理しています。ドキュメントを作成、共有する方法として非常に手軽で便利ではあるのですが、多くは個人の裁量に委ねられており、以下の点で課題を感じています。 信頼性: 古くなった情報や間違った情報があったり、またその判断がつきづらい 情報不足: 過去との差分など断片的な情報だけで、背景を知らないと理解できない 検索性: 構造的に整理されておらず、検索頼りで必要な情報を見つけづらい 要因としては以下のようなものが考えられるかと思います。 意図や背景が分からず、修正すべきものか判断できない 誰に確認するのが適切か…

はじめに こんにちは！ 2024年4月から約三ヶ月間、株式会社ハウテレビジョンでエンジニアとしてインターンをしている@soma_takataです。普段は個人開発や長期インターンシップでWebアプリケーションの開発を行っています。 今回は、「こんなに成長してもいいんですか！」と自分が思えるほど充実していたインターンについて、具体的な経験をお伝えします。 株式会社ハウテレビジョンのインターンに興味を持っている皆さんに、少しでも参考になればと思います。 インターンで何をしたのか 私がインターンで主に取り組んだプロジェクトは、外資就活ドットコムに関わる基幹システムのリプレイスです。 具体的には、バック…

背景 もともと私たちのチームでは、タスク管理ツールとしてYouTrackを使用していました。 zenn.dev しかし、業務ツールの整理の一環として、去年の夏頃からGithub Projectsへの検討をはじめ、年始から本格移行をしました。 今回は現状どのようなボードを用意し運用しているのかを説明し、半年間の運用を振り返ろうと思います。同様にGithubProjectを検討されている方の参考に少しでもなればと思います。 どんな運用をしているか 私たちのチームでは、2週間のイテレーションでプロジェクトを進めています。 実際に使っているタスクボードは主に4つで、これは以前のYouTrackとも変わ…

はじめに こんにちは、Platform Engineeringに所属している縄司です。 今日は、以前紹介したデータカタログの共有方法をアップデートしましたのでご紹介します。 出力先の現状と課題 https://blog.howtelevision.co.jp/entry/2024/02/16/161754に記載していますが、SchemaspyやDBTで作成したデータカタログをGitHub Action経由でSlackに出力させる方法を採用しています。 これにより、全社員が最新のデータカタログにアクセスすることができるようになりました。少しずつ社内でも活用される場面が増えていることは嬉しい限りで…

はじめに こんにちは、2024年新卒としてLiiga株式会社に入社し、ソフトウェアエンジニアをしております、宮本(@koheitech) です。 先日弊社CTOの めもりーさんがエンジニアを集めて、オンサイトでワークショップを主催してくださりました。その会がとても充実していたので、当ブログではワークショップとは何か、その実施内容を紹介しつつ、ワークショップが良かった理由、より良くするための私なりの改善点をお伝えします。 このブログを通して、「ワークショップやってみようかな」と思ってくれる方が一人でも増えたら嬉しいです。 ワークショップとは？ そもそもワークショップってなんですか？という方に向け…

はじめに 外資就活ドットコムの開発をしている川原です。 最近MantineのCarouselを使いカルーセルUIを実装したので紹介します。 紹介 MantineのCarouselはEmblaを追加することで機能を拡張できます。 Carousel mantine.dev Carouselの依存ライブラリ www.embla-carousel.com 環境 node: v20.11.1 pnpm: 8.15.6 MantineのCarouselライブラリと拡張の際に依存しているEmblaのembla-carousel-reactとembla-carousel-autoplayをインストールします。…

はじめに こんにちは、外資就活ドットコムの開発をやっている大平 (id:so_sky) です。 最近、業務の中でファイルアップロードのためのUIを実装する機会があったので、紹介します。 環境 弊社では、Next.js + TypeScript + Tailwind CSS を用いて外資就活ドットコムのフロントエンド開発を行っています。また、開発効率を向上させるためにUIライブラリとしてMantineを使用しています。今回は、Mantineを用いたファイルアップロードUIの実装方法についていくつかまとめます。 https://mantine.dev/ 使用するコンポーネント Dropzone h…

ご無沙汰しております。ハウテレビジョンのたかだです。前回は48日前に書いたようなんですが、その前は3ヶ月くらいあいてたので、もう順番が回ってきたと慌てて書いてます…。 近況 自宅が雨漏りしてて、雨が降ると水浸しになるのをどうにかしないといけないのが喫緊の課題です。SwitchBotの水漏れセンサーで、雨漏りが始まったのが気づけるのはよかったです。おかげで室外機へ向かうダクトの穴が原因とわかりました。 前回のおさらい 前回の記事で ハウテレビジョンのデザインの今とこれから。 **って話を書きました。 今年の2月から外資就活に携わることになって、2ヶ月経ったころ、伸び代しかないですねってお話でした…

はじめに こんにちは。外資就活ドットコム 新規開発チームのでエンジニアをしている伊達です。新規開発チームは新技術を外資就活ドットコムにガンガン実装するチームと言っても過言ではありません。そんなチームに所属する私ですが、今回はローカルLLMを使ってみた話をまとめたいと思います。 このブログ執筆の段階ではまだまだ試行錯誤中なところもあるのですが、試して良かったことなんかも書いていこうと思います。 環境構築 データとしてJSONファイルを用意し、それをPythonで読み取ってローカルLLMに投げるというようなことをしました。まずは、ローカルLLMをPythonで扱えるようにするまでの環境構築をまとめ…

はじめに 外資就活プロダクトチームで主にバックエンドの開発を担当している山本です。 外資就活ドットコムでは、バックエンドに Go で実装された API を使用しています。 API 開発において、正確で一貫性のあるドキュメントは不可欠です。OpenAPI を活用することで、API の設計からドキュメント生成、さらにはモックサーバーの構築までを効率的に行うことができます。 本記事では、@redocly/cli を使ってOpenAPI ドキュメントに対して linter を適用、HTML を生成する方法、そして Prism を用いてモックサーバーを立てる方法を紹介します。 OpenAPI とは何か …

前書き 外資就活プロダクトエンジニアリングチームに所属している田です。 今年もAWS Summit Japanが6月20日（木）、21日（金）の二日間に渡り開催されます、 皆さんも行かれますでしょうか? ご存知の方も沢山いらしゃると思いますが、AWS 認定者ラウンジが会場に存在します、 AWS認定資格のうちいずれかを保有していれば入場可能です。 私が2023年の末に初めてAWS認定資格を取得しまして、まだラウンジに入場したことがありませんが、 公式の説明ですと下記の特典が用意されてます。 飲み物、電源、専用 Wi-Fiをご用意していますので、休憩やワークスペースとしてご活用ください。 また、認…

はじめに 入社から5か月間の記録 入社の背景 怒涛の5ヶ月間 たぶん大手企業でもスタートアップでもどっちでも良い おわりに はじめに 先週は mond の開発を支える私の先輩エンジニア id:chima91 氏による依存関係に関する技術ブログでしたが、今回は新卒エンジニアのキャリアに関する内容となります。 こんにちは、中途採用キャリアプラットフォーム Liiga に所属している 宮本 (@koheitech, id:koheitech) です。 私は2023年12月に、頂いていた大手企業からの内定を辞退し、株式会社ハウテレビジョンに新卒エンジニアとして入社しました。 入社から5か月間、上司の退…

Renovate はじめに 依存関係を定期的にアプデしたほうが良い理由 依存関係のアプデをサボってしまう理由 手動でのアップデート npm outdated npm update npm audit Renovate の導入 (自動化) インストールと初期設定 Dependency Dashboard 最終的な設定ファイル おわりに 良かったこと 今後取り組みたいこと はじめに こんにちは、新型質問箱 mond の開発チームに所属している id:chima91 です。 今回は、プロダクトにおける依存関係のアップデートとその自動化について語ろうと思います。 mond では昨年末に依存関係の一括ア…

なぜスクラムマスターになりたかったのか 今回挑戦したきっかけ 取り組んだこと スクラムに関する基本的理解を持つ PSM試験対策 いよいよ試験！ 開始までの準備 本試験開始 結果 今回の反省 全体を振り返って はじめまして、現在ハウテレビジョンの外資就活ドットコムという挑戦志向の学生向けの就活(キャリア)支援プロダクトでPMをしている山本です。 今回は、スクラムマスター（PSM）の試験に落ちた経験についてお話しします。 同じ悲しみを繰り返さないために、今回の反省をまとめ、この記事を読んだ誰かが「スクラムマスター」としてデビューできることを願っています。 なぜスクラムマスターになりたかったのか も…