皆さんはじめまして。虎の穴ラボ所属のディレクター、いわみーです。 虎の穴ラボでは数少ないディレクターとして仕事をさせていただいています。 私、虎の穴ラボのディレクターが普段何をして、どんな日常を送っているかをお届けできればという趣旨で書いていきます。 息抜きがてら、ぜひお付き合いください。 虎の穴ラボのディレクターとは？ 私は何社か経験して今の虎の穴ラボに来ました。 その中で思ったのは、Webディレクターというのは、会社によって任される業務範囲ややり方がかなり違うということです。 例えば、「ワイヤーフレームの作成」というディレクターにありがちな業務をひとつとっても、文言と大体の構成が決まっていれば、あとはデザイナーが全面的に決めるという会社もあれば、色味まで含めてほぼデザインはディレクターが作って、デザイナーがそれを整えてコーディングする、みたいな会社もあったりします。 一般的なWebディ

こんにちは、虎の穴ラボNSSです。 今まで私は、サーバーレスの勉強の一環として、AWS Lambdaを使ったWebアプリケーションの作成方法を、本ブログやとらラボの同人誌等で紹介してきました。 しかし、サーバーレスに関するサービスはAWS Lambdaだけではなく、他にもたくさんあります。 その中で今回は、AWS Fargate（以下Fargate）を使って、2020年5月時点の最新Rails開発環境をFargateで作って見たいと思います。 ...と思っていたのですが、Fargateを利用するには、いくつか前提となる知識が必要になることがわかりました。 前提となる知識は、 コンテナ・Dockerの知識 Amazon ECR、ECSの知識 Fargateの知識 などです。 全てを説明すると長くなってしまうので、何回かに分けて説明していきたいと思います。 何回になるかわかりませんが、最終的に

みなさん、いかがお過ごしでしょうか？ ラボのおっくんです。 以前、ローカル環境でストリーミングをとりあえず試したいという記事で、事前に動画ファイルをストリーミング用に変換をしておき、ストリーミング形式の動画再生を行いました。 toranoana-lab.hatenablog.com 今回は、配信するファイルを事前の変換しておくのではなくリアルタイムに変換を行い配信する、いわゆる「生放送」を試してみます。 実行環境 OS:macOS : Catalina 10.15.4 Node.js : 12.13.1 OBS Studio : 25.0.8 Docker Desktop : 2.2.0.5 全体の構成 今回作成する生放送の実行に当たり全体の流れを先に示します。 OBS Studio を使って docker 上に用意した nginx に RTMP *1でコンテンツを配信する。 docker

皆さんこんにちは。虎の穴ラボのY.Fです。 ちょっと前から、虎の穴ラボも原則リモートになったのでこのブログも自宅から書いてます。 (リモートワークの様子はこちら) toranoana-lab.hatenablog.com さて、今回はリモートワーク実施の発端である、COVID-19(コロナウィルス)に関するデータを地図上に表示してみたいと思います。 今回作るもの leaflet.jsと公開されているCOVID-19のデータを使って、どこの地域でどのくらいの感染者が出ているかなどを表示してみようと思います。 leafletjs.com 以下のようなものが出来上がります。以下の例は、アメリカあたりの情報を表示したスクリーンショットになります。 地域毎の亡くなった人数 使うもの 今回利用する環境及びデータは以下のようになります。 環境 Node.js 12.8.0 npmを使うためだけのものです

こんにちは。虎の穴ラボのH.Hです。 突然ですが、皆さんは普段使っているブラウザは何でしょうか？ 私は普段からChromeを使っており、このブログもChromeを使って書いています。 先日ある拡張機能をChromeに入れるにため機能の説明を読んでいました。 説明の中にGithubのURLが記載され拡張機能のソースコードが公開されており、JavaScriptなどの知識があれば作成可能とわかりました。 またGoogleから簡単な拡張機能を作成するチュートリアルも公開されていました。 そこで、チュートリアルで公開されている拡張機能の実際に作ってみることにしました。 今回は拡張機能の作成した時の手順とデバッグの方法を説明していきます。 Chromeの拡張機能とは Chrome機能はChromeウェブストアなどからChromeに追加することで、標準には無い機能の追加を行うものです。 chrome.g

こんにちは、虎の穴ラボ（とらラボ）の磯江です。 技術記事以外のとらラボメンバーの思いを発信するために始まった「虎の穴ラボに入った理由」シリーズの3回目です。 Who are you? 2019年3月に入社した磯江と申します。1月で30歳になってしまいました。主にとらのあな通販サイトの開発をしています。虎の穴ラボは2社目になります。好きなゲームは「FINAL FANTASY 14」です。 入社前前職は独立系SIerに7年弱勤めていました。そこではJavaでの業務用Webアプリケーション開発やC#での業務用WebAPIの開発をしていました。 30代が近づくにつれて「toCサービスに携わりたい」「今までの技術スタックだけでなく、新しい技術にも触れたい」という思いが大きくなり転職活動をはじめました。 他にも以下のようなことを漠然と考えていました。 ・30代までに1度は転職を経験をしたほうが良いので

こんにちは、虎の穴ラボのS.Sです。 普段はとらのあな通販サイトのエンジニアをやっていますが、時には採用活動にも携わっています。 その採用活動のひとつに虎の穴ラボでは、中途入社したエンジニアがオタク企業でエンジニアとして働く魅力を伝える「とらのあな採用説明会」を定期的に開催しています。 普段は秋葉原を中心に会場にお招きして開催しているのですが、今回は新型コロナウイルス感染拡大防止のため、初のオンライン開催（YouTubeでのライブ配信）となりました。 yumenosora.connpass.com そこで、オンライン開催にあたって準備したもの、またオンライン開催で気をつけたことなどをご紹介します。 配信の構成 配信者のPCに採用説明会のスライド資料を映して、それを配信ソフトを使用してYouTubeライブ配信しました。 YouTubeでライブ配信を有効にする YouTubeでライブ配信を行う

こんにちは！虎の穴ラボのNSSです。 虎の穴ラボではオライリー・ジャパン社の定期購読サービスを利用しており、 毎月新刊をいち早く読めるようになっています。 今回は12/24に刊行された「Pythonによるファイナンス(第２版)」を読んだ感想を共有したいと思います。 www.oreilly.co.jp 読もうと思ったきっかけ 数年前から少しだけ投資をしていたので、タイトルから興味を惹かれました。 Pythonを使って自分の投資ポートフォリオを評価したり、自動取引ができたら楽しそうだと思いました。 目次 目次 日本語版まえがき まえがき 第1部　 Pythonとファイナンス 1章　なぜファイナンスにPythonを使うのか 1.1　プログラミング言語Python 1.1.1　Pythonの大まかな歴史 1.1.2　Pythonエコシステム 1.1.3　Pythonのユーザ層 1.1.4　科学スタ

こんにちは、お久しぶりです。虎の穴ラボのA.M.です。 前回の記事「全文検索エンジンについて調べてみた」から大分間が空いてしまいましたが、今回はとらのあなのサービスで使用頻度の高いMySQLで、実際に全文検索をやってみたいと思います。 MySQLで手軽に全文検索を実現するための手法としては、以下の２つが挙げられます。 MySQLのFULLTEXTインデックス：MySQLの標準機能。v5.7から日本語に対応。 Mroonga：GroongaベースのMySQLストレージエンジン。 ※FULLTEXTインデックスやMroonga、Groongaなどについて詳しくは前回の記事や、第3回ライトニングトークイベント記事をご参照ください。 toranoana-lab.hatenablog.com toranoana-lab.hatenablog.com 今回は、記事のタイトルにもあるように、Mroong

こんにちは、虎の穴ラボの磯江です。 今回はKotlinのサーバーレスフレームワークである「Kotless」を紹介します。 KotlessはJetBranisが開発しているフレームワークです。 github.com Kotlessを利用するのに必要なもの 管理者権限のあるAWSアカウント AWS Command Line Interface (AWS CLI) のインストール アプリケーションに適用するDNS名を作成するRoute 53のDNSゾーン Kotless関連のアーティファクトを保存するためのS3バケット 公開するURLのUS-EAST-1リージョンでのAWS Certificate Manager（以降、ACM）証明書 ACM証明書の発行以外はAP-NORTHEAST-1（東京）リージョンに用意して大丈夫です。 上記に必要なS3バケットもAP-NORTHEAST-1（東京）リージ

こんにちは、虎の穴ラボのおっくんです。 これまで虎の穴開発室ブログで、AWS Elemental MediaConvert を使った動画ストリーミングについての記事を2件公開しています。 toranoana-lab.hatenablog.com toranoana-lab.hatenablog.com 今回は、もっと手軽にお手元のローカル環境だけでとりあえずストリーミングを試してみたい方に向けて、FFmpeg でのファイル変換を紹介したいと思います。 実行環境 OS:macOS Mojave 10.14.6 Node.js:12.13.1 1. FFmpeg の導入 FFmpeg は、オーディオとビデオを記録・変換・ストリーミングするためのクロスプラットフォームのソフトウェアです www.ffmpeg.org こちらを導入します。 今回は、以下のように Homebrew を使ってインストー

皆さんこんにちは、虎の穴ラボのH.Kです。 本日(3/17)はJava 14がリリース日ですね。日頃Javaを使っている身としてはとてもワクワクします。 Java 14はPreview機能の追加が多いのですが、大きなところとしてはSwitch式がついに標準として組み込まれました。 さて、今回はそんなJavaの「今」がわかる、『みんなのJava』の感想を共有したいと思います。 これまで虎の穴ラボの書籍を読んだ感想記事は、オライリー社様が出版したものを多く取り扱ってきましたが、こちらの本は技術評論社様より出版されております。 虎の穴ラボでは福利厚生の一環として、個人での技術書の購入に対して年間5万円まで補助が受けられます。私が読んだ『みんなのJava』もその制度を利用して購入いたしました。 読んだ動機 前職からJavaでの開発に携わっており、一番得意な言語は何？と問われれば「Javaです。」と

皆さんこんにちは。虎の穴ラボのY.Fです。 さて、皆さんご存知かと思いますが、昨今世間では新型コロナウィルス「COVID-19」の蔓延が騒がれています。 秋葉原の街も平時より人通りが少なく、静まり返っている気がします。 静まり返った秋葉原 COVID-19の感染被害が広がるに連れ、対応策としてリモートワーク(テレワーク)を進める事例をよく耳にするようになりました。 弊社でもCOVID-19の感染拡大の防止に対応するため、一部社員で時差出勤及びリモートワークを開始しております。 本記事では、特にリモートワークの導入などをしてなかった会社が、時差出勤とリモートワークを導入してみた感想を共有してみたいと思います。 リモートワーク導入までの流れ はじめは、通常10時の出勤を希望者のみ11時とする時差出勤が開始されました。 その後に、COVID-19の感染拡大に伴い一部社員のリモートワークが開始され

こんにちは。虎の穴ラボのH.Kです。 今回は入社して1年になるエンジニアのY.Fさんにインタビュー形式で社内での業務や雰囲気、オタク活動について聞いていきます。 Y.Fさんは2019年の1月に中途入社した虎の穴ラボの社員で、好きなゲームはSTGとbeatmania、ヴァニラウェアのプロダクト全般とのこと。また先日noteに『私が虎の穴ラボに入った理由』という記事を上げさせていただいているので、そのほかのY.Fさん情報はそちらをご参照ください。 note.com まずは入社して丸1年ということでおめでとうございます！実際には数ヶ月すぎてしまいましたが……。 ありがとうございます。 さて早速ですが、質問させていただきます。これはnoteの記載内容とも被るのですが、入社のきっかけを教えてください。 虎の穴のエンジニアを認知したのは技術書典5でした。技術書典5で頒布されていた『とらのあなラボの薄い

新たな歌声合成ソフト「NEUTRINO」が2月21日に無料公開され、高い完成度で大きな反響を呼んでいます。まず試しに以下の作例動画を再生してみてください。ソフトが作り出した歌声の自然さに驚かされることうけあいです。 NEUTRINO NEUTRINOはSHACHI（@SHACHI_KRTN）さんが開発した、ニューラルネットワークによる歌声シンセサイザー。楽譜と歌詞のデータを入力するだけで、同梱の「東北きりたん」か「謡子」の音声データベースをもとに、歌声のデータを作成してくれます。 東北きりたんは、東北地方応援キャラクターの1人。声を担当する茜屋日海夏さんの歌唱データが研究者向けに配布されており、NEUTRINOでも活用されている ニューラルネットワークは楽譜をもとに、発声タイミングや音の高さ、声質、かすれ具合などを推定。いうなれば「東北きりたん（謡子）だったらこの曲をどのように歌うか」を自

皆さんこんにちは、とらのあなラボのY.Fです。 オライリー書評シリーズは、今回で第5弾になります。 (前回の書評はこちら) toranoana-lab.hatenablog.com 今回の記事では、2019年11月のオライリー定期購読で届いた、『初めてのGraphQL』を読んだので感想を書きたいと思います。 読んだ理由 APIに限らずWebアプリケーションを作る上ではRESTの考え方はもはや基礎知識になっているかと思います。 ただ、個人的にはRESTについては以下のような認識を持っていました。 通常のCRUD処理から外れるとルーティングなどが悩ましい 複雑に絡み合ったデータを扱おうとした時にURLの階層が深くなりがち JSONを返すAPIに汎用性をもたせると巨大なJSONが返されたりするケースがある 対して、最近GraphQLを採用したとか、ReactやVueと組み合わせてやってみたという

こんにちは！虎の穴ラボのNSSです。 みなさんの会社では、SSL証明書の有効期限をどのように管理しているでしょうか？ 最近では、AWSやGCPなどのクラウドサービスが管理するSSL証明書を利用することで、 有効期限が切れる前に自動更新してくれるサービスもあります。 しかし、クラウドマネージドなSSL証明書が使用できない都合があったり、 利用しているクラウドサービスにSSL証明書の自動更新機能がなかったりすることがあります。 虎の穴ラボでは、今までスプレッドシートにドメイン名と有効期限を記載し、 Google Apps Script（GAS）を使って、有効期限がせまったドメインをSlack通知するという方法をとっていました。 一応これでもチェックすることはできますが、更新にあわせてスプレッドシートを手動で更新しなければならず、 忘れると通知が出続けてしまいます。 また、万が一スプレッドシート

こんにちは、今年最後の虎の穴開発室ブログ執筆者の虎の穴ラボのH.Yです。 今回は、CO2の濃度を安めのCO２センサーとRaspberry Piを使って測ってみたという内容です。 昼過ぎに眠くなるのは一体。 お昼過ぎに何故か眠くなるので、はじめは常に高い血糖値がさらに高くなって云々で眠くなると考えていたのですが、 同僚からSlackでこんな記事を紹介されました。 ch.nicovideo.jp 全く同じ事象がTeamLabさんでも起きていたということ。 記事を見ると、CO2濃度が眠気の原因で、換気したらよくなったという とりあえず、現状を把握するために、Raspberry Piを使ってCO２濃度測定器を作ることに。 ハードウェア部分 必要なものは２つ ・CO2センサー（MH-Z19B） Amazon CAPTCHA 比較的安めで、UARTでデータが取れます。 ・Raspberry Pi(Ra

こんにちは！虎の穴ラボのNSSです。 AWSのサービスを活用した、 サーバーレスで動画をストリーミング配信するWebサイト作成してみました。 先日開催した「【とらのあな主催】オタクが最新技術を追うライトニングトークイベント10回目 in 秋葉原」でも 発表させていただきましたが、補足も含めてブログ記事にしました。 長くなってしまったので、前後編に分けてご紹介します。 今回は前編として、AWS Elemental MediaConvertによる動画変換をご紹介します。 イベントの詳細はこちら yumenosora.connpass.com イベントでの発表資料はこちら AWS Elemental MediaConvert で動画変換 from 虎の穴 開発室 www.slideshare.net 1. ストリーミング配信について 現在、世間で使用されている主流な動画配信形式は大きく分けて以下

皆さんこんにちは。虎の穴ラボのM.Uです。 今回は、オライリー・ジャパンの『入門 監視』を読んでみましたので、感想を書きたいと思います。 はじめに 以前に私はあるプロダクトの、監視体制強化に取り組んだことがあります。その際、ネットや書籍での情報を断片的に拾い集め四苦八苦しながら「このシステムにはこういう監視があるべき」と自分なりに答えを導き出していました。そんな体験をした私にとってこの「入門監視」はまさに「こんな本が欲しかった」と思える本でした。 本記事の書評は、監視についてのノウハウが知りたい開発者の視点となります。同じ経験をされた開発者の方に少しでも参考になれば幸いです。 本書について 著者 Mike Julian（マイク・ジュリアン） 翻訳 松浦 隼人 これ以降は私自身が特に印象に残った章を抜粋して紹介します。より詳しく本書の構成を知りたい方は、オライリー公式サイトにて目次が公開され