MENU

技術エントリ

ボタンで閉じられる jQueryツールチップの作り方

こんにちは!そろそろ推しのアイドルのライブが恋しくなってきた、虎の穴ラボのS.Sです。 jQueryを使って簡単にツールチップを実装することが出来ますが、これに一手間加えて、ボタンで開閉ができるツールチップを作ってみましたので、今回はその作り方をご…

Puppeteerを使ってWebサイトの自動テストツールを作ってみた

こんにちは。虎の穴ラボのH.Hです。 今回はWebサービスの自動テストを試作したので、作ったアプリケーションについて書こうと思います。 なぜ作ろうと思ったか 虎の穴ラボでは、とらのあな通販やFantiaなど多くのWebサービスの開発を行っています。 日々様々…

Denoに触れてみる ~ 導入から かんたんなアプリケーションまで ~

こんにちは、皆さん雨の季節をいかがお過ごしでしょうか? ラボのおっくんです。 最近、「天気の子」の BD が届いたんですが、雨で思い出す作品の枠が更新してしまいましたね。 ちなみに前は「言葉の庭」でした。 さて、去る 2020 年 5 月 13 日に「deno 1.0…

RustでGraphQLやってみる番外編(Vue+composition APIでGraphQLを使う)

皆さんこんにちは。とらラボのY.Fです。 前回までの記事ではRust+actix-web+juniperでGraphQLサーバーを作ってきました。 前回の記事の段階で一旦参照、更新処理はできたので、今回は番外編として呼び出し側となるクライアント側について記事を書いていこう…

いまさらDocker入門(AWS FargateでRails環境をつくる - その1)

こんにちは、虎の穴ラボNSSです。 今まで私は、サーバーレスの勉強の一環として、AWS Lambdaを使ったWebアプリケーションの作成方法を、本ブログやとらラボの同人誌等で紹介してきました。 しかし、サーバーレスに関するサービスはAWS Lambdaだけではなく、…

『レガシーコードからの脱却』を読んだ感想

皆さんこんにちは、虎の穴ラボのH.Kです。 オライリー書評シリーズは、今回で第7弾になります。 (前回の書評はこちら) toranoana-lab.hatenablog.com その他のオライリー書評はこちらになります。 今回の記事では、2019年9月のオライリー定期購読で届いた、…

RustでGraphQLやってみるその2(更新編)

こんにちは、とらラボのY.Fです。 3月に以下の通り、RustとGraphQLについての記事を書きました。 toranoana-lab.hatenablog.com 今回は、続きとしてRustを利用したGraphQLのデータ更新について書いてみたいと思います。 環境 基本的には前回と同じ構成です。…

ローカル環境で 生放送 をとりあえず試したい

みなさん、いかがお過ごしでしょうか? ラボのおっくんです。 以前、ローカル環境でストリーミングをとりあえず試したいという記事で、事前に動画ファイルをストリーミング用に変換をしておき、ストリーミング形式の動画再生を行いました。 toranoana-lab.ha…

Java Early-Access Buildsを実行する

こんにちは。虎の穴ラボのH.Kです。 今回はJava(JDK)のEarly-Access Buildsを実行する方法について、解説していきたいと思います。

KotlinのO/R Mapper、Komapperを試してみました

こんにちは。虎の穴ラボのH.Kです。 KotlinのO/R MapperといえばJetBrains製のExposedが有名ですが、DSLを介さないSQL文そのもの(Native SQL)の実行が基本的にはサポートされていない*1など、まだまだ発展途上な面もあります。 また、SQL文をそのまま使う…

コロナウイルス(COVID-19)のデータを地図上に可視化してみる

皆さんこんにちは。虎の穴ラボのY.Fです。 ちょっと前から、虎の穴ラボも原則リモートになったのでこのブログも自宅から書いてます。 (リモートワークの様子はこちら) toranoana-lab.hatenablog.com さて、今回はリモートワーク実施の発端である、COVID-19(…

Chromeの拡張機能を自作する

こんにちは。虎の穴ラボのH.Hです。 突然ですが、皆さんは普段使っているブラウザは何でしょうか? 私は普段からChromeを使っており、このブログもChromeを使って書いています。 先日ある拡張機能をChromeに入れるにため機能の説明を読んでいました。 説明の…

新幹線の車内ニュースに思いを馳せて - CSSアニメーション -

こんにちは、虎の穴ラボのおっくんです。 昨今の COVID-19 関連ニュースの裏で、去る 3月13 日にひっそりと東海道新幹線車内のニューステロップの提供が終わってしまいました。 toyokeizai.net 特別な思い入れがあるわけではないのですが、そこに在ったもの…

Pythonによるファイナンス(第2版)を読んだ感想

こんにちは!虎の穴ラボのNSSです。 虎の穴ラボではオライリー・ジャパン社の定期購読サービスを利用しており、 毎月新刊をいち早く読めるようになっています。 今回は12/24に刊行された「Pythonによるファイナンス(第2版)」を読んだ感想を共有したいと思い…

MySQLで全文検索その1(Mroonga編)

こんにちは、お久しぶりです。虎の穴ラボのA.M.です。 前回の記事「全文検索エンジンについて調べてみた」から大分間が空いてしまいましたが、今回はとらのあなのサービスで使用頻度の高いMySQLで、実際に全文検索をやってみたいと思います。 MySQLで手軽に…

サーバーレスアプリケーションをKotlinで開発してAWSに構築できるサーバーレスフレームワーク『Kotless』

こんにちは、虎の穴ラボの磯江です。 今回はKotlinのサーバーレスフレームワークである「Kotless」を紹介します。 KotlessはJetBranisが開発しているフレームワークです。 github.com Kotlessを利用するのに必要なもの 管理者権限のあるAWSアカウント AWS Co…

RustでGraphQLやってみるその1(導入編)

こんにちは、とらラボのY.Fです。 先日、こんな記事を書きました。 toranoana-lab.hatenablog.com 本を読んだだけでは寂しいので、実際に作ってみたいと思います。 今回の記事では導入編として、DBなどを利用しないGraphQLサーバーを立ててみようと思います…

ローカル環境でストリーミングをとりあえず試したい

こんにちは、虎の穴ラボのおっくんです。 これまで虎の穴開発室ブログで、AWS Elemental MediaConvert を使った動画ストリーミングについての記事を2件公開しています。 toranoana-lab.hatenablog.com toranoana-lab.hatenablog.com 今回は、もっと手軽にお…

【Java 14リリース記念】『みんなのJava』を読んだ感想

皆さんこんにちは、虎の穴ラボのH.Kです。 本日(3/17)はJava 14がリリース日ですね。日頃Javaを使っている身としてはとてもワクワクします。 Java 14はPreview機能の追加が多いのですが、大きなところとしてはSwitch式がついに標準として組み込まれました。 …

Googleスプレッドシートに書き込まれたらSlackに通知する

こんにちは、最近はサウナにハマってるS.Sです。今回は、Googleスプレッドシートに書き込みがったあった時に、Google Apps Script (以降、GAS)を使って、Slackに通知する方法をご紹介します。 サンプルで用意しました以下のスプレッドシートを使って説明し…

Javaで今後追加されるかもしれないSealed TypesとKotlinのSealed Classを比べてみる!

みなさんこんにちは、虎の穴ラボのH.Kです。 Java 14のリリースが2020/03に予定されておりますが、今回はさらに先のリリースで入ると言われているSealed Typesという機能を詳しく見ていきます。

『初めてのGraphQL』を読んだ感想

皆さんこんにちは、とらのあなラボのY.Fです。 オライリー書評シリーズは、今回で第5弾になります。 (前回の書評はこちら) toranoana-lab.hatenablog.com 今回の記事では、2019年11月のオライリー定期購読で届いた、『初めてのGraphQL』を読んだので感想を書…

Python + AWS LambdaでSSL証明書の有効期限をチェックする

こんにちは!虎の穴ラボのNSSです。 みなさんの会社では、SSL証明書の有効期限をどのように管理しているでしょうか? 最近では、AWSやGCPなどのクラウドサービスが管理するSSL証明書を利用することで、 有効期限が切れる前に自動更新してくれるサービスもあ…

Vue3リリース直前!導入されるcomposition APIを使ってみよう

皆さんこんにちは虎の穴ラボのY.Fです。 最近のWebフロントエンド界隈の話題を追っていると、フレームワークの勢力図的にはReactとVueの2大巨塔という感じがします。 特にVueに関してはメジャーバージョンアップであるVue3のリリースが迫っている状況です。 …

Tone.jsとp5.jsで音の発生を可視化する

こんにちは、年末年始に新しくWindows10の自作PCを組んだ虎の穴ラボのおっくんです。 昨年から、Web audioを取り扱うライブラリとしてTone.jsを使って、 ブラウザで音を鳴らしたりということをしていたのですが、一歩進んで再生する音を可視化したいと思いま…

オフィスのCO2濃度を測定してみたい

こんにちは、今年最後の虎の穴開発室ブログ執筆者の虎の穴ラボのH.Yです。 今回は、CO2の濃度を安めのCO2センサーとRaspberry Piを使って測ってみたという内容です。 昼過ぎに眠くなるのは一体。 お昼過ぎに何故か眠くなるので、はじめは常に高い血糖値がさ…

『Design It!』を読んだ感想

皆さんこんにちは。虎の穴ラボのY.Fです。 先日、株式会社オライリー・ジャパン様から発刊された『Design It! プログラマーのためのアーキテクティング入門』を読んだので、感想を書いてみたいと思います!

AWS Elemental MediaConvertでストリーミング配信(後編)

こんにちは!虎の穴ラボのNSSです。 AWSのサービスを活用した、サーバーレスで動画をストリーミング配信するWebサイト作成の後編です。 今回は、Amazon CloudFront(以下CloudFront)とAmazon S3(以下S3)を利用して、 前編にて変換された動画ファイルをWeb上に…

Chart.jsでいい感じの色を自動で割り当てる!

こんにちは、虎の穴ラボのH.Kです。 今回はChart.jsで可変の表示要素に対していい感じの色を割り当てる方法をご紹介します。 この記事で解決する課題 取得したデータによって比較対象に当たる要素数が可変になるようなグラフ(Chart.js)に綺麗に色をつける …

#インターフェースデザインのお約束 は常に手元に置いておきたい一冊です

こんにちは!虎の穴ラボのいそえです。 今回はオライリー・ジャパンから11月に発刊された 『インターフェースデザインのお約束』を読んだので感想を書きます。 購入を検討されている方の参考になれば幸いです。