皆さん、こんにちは。 自宅では、トラドラオニタイジン極がご本尊みたいになっています。おっくんです。 今回は、「Deno で掲示板サイトを作ろう！ with upstash & supabase」企画の2回目として、掲示板の登録と参照の実装を進めていきます。 今回の実装で、次のように、掲示板の登録ができるようになります。 前回記事はこちら toranoana-lab.hatenablog.com 訂正 始めに、第1回で取り扱った環境変数の取り扱いについて、一部訂正をさせていただきます。 第1回に紹介した、以下のdotenvの実装がありました。 [anonymous-board/util/config.ts] import { config } from "dotenv/mod.ts"; export const envConfig = await config({ safe: true })

虎の穴ラボのかのたんです。 AWSが公式で提供しているAmplifyという開発ツールは非常に簡単、かつ高速にAPI環境が構築できるということで注目度が上がっており、AWSの公式セミナーや勉強会等でも取り上げられる機会が増えています。 弊社でも有志でAmplifyの使い方についての調査を行っており、特に以前弊社のNSSさんがブログに投稿したAmplifyに関する記事は非常に多くの方に読んでいただきました。 toranoana-lab.hatenablog.com Amplifyの導入については、こちらのNSSさんの記事が非常に参考になります。 私の方でもAmplifyについて触ってみたので、今回の私の記事は上記のNSSさんの記事から派生するような形で、複数モデルのGraphQL APIの作り方について書きます。 GraphQL APIの作成 本記事の前提条件として、上記のNSSさんの記事等を

今年も始まりました！虎の穴ラボのアドベントカレンダーです。 一発目のブログを担当させていただくのは、とらのあなラボのエンジニアリングマネージャーをしている松尾です。 今回は「とらのあなラボエンジニアのアウトプット」として、今年のとらのあなラボの活動を振り返りつつ、アウトプット手法についての話をしていきます。 （エンジニアにとってアウトプットがなぜ重要か、などは散々語り尽くされたネタなので、今回は割愛します） いきなり結論 エンジニアのアウトプットの場は広がり続けている 自分が一番楽しめるやり方で、アウトプットをしていこう！ 今こうしてブログを書いていますが、「アウトプット手法はブログだけじゃない！」ということを、今年のとらのあなラボの活動をもとに書かせていただきます。 今年のとらのあなラボのアウトプット 2021年は昨年に引き続きコロナ禍ということもあり、リアルイベント等は難しい状況にあり

こんにちは。虎の穴ラボのH.Kです。 社内で非エンジニア向け勉強会を実施したので、そのレポートとなります。 概要 社内の非エンジニア職のメンバーに対して、虎の穴ラボ（エンジニア部隊）がプログラミングの勉強会を開催しました。 内容としてはGASを用いて、スプレッドシートの読み取りを行い、最終的にはSlackに読み取った内容を通知するというものです。 またこちらの内容は2021年8月19日(木)に実施した『とらのあなラボ Tech Conference』内のLT会でも話しましたので、合わせてご覧いただければと思います。 youtu.be 概要 モチベーション 詳細 社内で勉強会でやったほしい内容のアンケート 勉強会の内容決定 勉強会の具体的な内容 得られたもの 今後の展望 P.S. モチベーション 勉強会の開催する動機に関しては以下の通りです。 趣味などに役立つ知識を、社内で共有したい エンジ

qiita.com こんにちは、はじめまして。虎の穴ラボのはっとりです。 虎の穴ラボ Advent Calendar 2020 - Qiita - Qiita 7日目の記事になります。 6日目はT.MさんのSaaSに関する記事です。 toranoana-lab.hatenablog.com 8日目は、礒部さんの画像判別ボットに関する記事です。 toranoana-lab.hatenablog.com 新規サービスに携わることになり、その際AWS Fargateを使った環境構築を担当したので構築方法を共有します。 この記事で話さないこと アプリケーション側の作り こちらはまた別の機会に紹介したいと思います。 構成管理ツールなどによる環境構築 特定のツールによる環境構築ではなくGUIでもできる手順にしています。 全体構成 今回紹介する範囲での全体構成は下記の通りです。 アプリケーションはfro

皆さんこんにちは。とらラボのY.Fです。 前回までの記事ではRust+actix-web+juniperでGraphQLサーバーを作ってきました。 前回の記事の段階で一旦参照、更新処理はできたので、今回は番外編として呼び出し側となるクライアント側について記事を書いていこうと思います。 (前回の記事はこちら) toranoana-lab.hatenablog.com この記事ではcomposition APIに関する細かい説明はしません。以前書いた記事があるので、そちらを御覧ください。 また、利用するライブラリがVue3にまだ対応していないので、下記記事で作ったプロジェクトをベースに作っていきます。 toranoana-lab.hatenablog.com 環境 サーバー側の環境は前回と同様なので割愛します。 React+GraphQLのサンプルは世にあふれているので、今回はVue+comp

こんにちは、とらラボのY.Fです。 3月に以下の通り、RustとGraphQLについての記事を書きました。 toranoana-lab.hatenablog.com 今回は、続きとしてRustを利用したGraphQLのデータ更新について書いてみたいと思います。 環境 基本的には前回と同じ構成です。 rustup 1.12.1 Rust 1.42.0 actix-web 2.0系 juniper 0.14.2 上記に加えて以下を利用します。 PostgreSQL 12.1 保存先にはPostgreSQLを利用します diesel 1.4.4 Rust用のORMです diesel-cli 1.4.0 cliのマイグレーションツールです r2d2 v0.8.8 Rust用のコネクションプーリングライブラリです chrono 0.4.10 Rustで時間の概念をよしなに扱えるライブラリです。die

こんにちは、虎の穴ラボのH.Kです。 今回はChart.jsで可変の表示要素に対していい感じの色を割り当てる方法をご紹介します。 この記事で解決する課題 取得したデータによって比較対象に当たる要素数が可変になるようなグラフ（Chart.js）に綺麗に色をつける 自動で色を割り振った完成形 Chart.jsとは 簡単にグラフを描画できるライブラリです。 パラメータで受け取った値を元にキャンバス要素にグラフを出力してくれます。 円グラフ、折れ線グラフなど多くの形式で表示することが可能です。 また、自動で縦軸や横軸の値を調整してくれるので、値さえ用意すれば簡単に出力できるのが魅力です。 社内で使用しているツールのグラフ表示に使用しています。 www.chartjs.org 解決方法 早速、解決方法ですが、以下の手法を取ることにより解決しました。 HSL色空間を用いる 要素数から色相の角度を計算し

皆さんこんにちは、「ぼっち・ざ・ろっく」の PV にやられました。期待しか有りません。 おっくんです。 今回の投稿から、「Deno で掲示板サイトを作ろう！ with upstash & supabase」 と題して、数回に分けて必要な要素を分解しながら、実際に匿名掲示板のリリースを進めていきます。 最初に計画 この連載では、次のような副題を掲げて段階を踏みながら、最後は匿名掲示板を実際にデプロイすることを目標にします。 環境構築と、簡単なアプリケーション(☆ 今回 ☆) 機能の実装とテスト デプロイと自動化 Upstash の導入 調整と公開 作成するもの タイトルで出していますが、この連載では Deno で匿名掲示板を作ります。 紹介したいサービスを使うことと、なるべくメンテナンスフリーにすることを目的として以下の機能を盛り込んでいく予定です。 いわゆる匿名掲示板を作ります 閲覧は自由

こんにちは、とらラボのY.Fです。 先日、こんな記事を書きました。 toranoana-lab.hatenablog.com 本を読んだだけでは寂しいので、実際に作ってみたいと思います。 今回の記事では導入編として、DBなどを利用しないGraphQLサーバーを立ててみようと思います。 ちなみに、著者はRust初心者に毛が生えたような感じなのでツッコミも歓迎です！ 環境 今回メインで使うものは以下のようになります。 rustup 1.12.1 Rust本体とツールチェインをインストールするためのツール Rust 1.42.0 言語本体 actix-web 2.0系 Webフレームワーク juniper 0.14.2 Rust用GraphQLライブラリ GraphQLサーバーを作る ということで、作って行きたいと思います。 rustupを使った言語のインストールなどは割愛します。 rustup

皆さんこんにちは、積みを重ねています。おっくんです。 Deno の アプリケーションをホスティングしてくれる Deno Deploy が、2021 年 03 月 29 日に公開されました。 毎度 Deno のリリース内容を追いかけている本ブログでも Deno Deploy を試してみたいと思います。 その前に... 2021 年 03 月 29 日 に Deno Deploy の公開と同じタイミングで、Deno が会社に変わりました。 Announcing the Deno Company deno.com この中でポイントになるのが、以下の 2 点だと思います。 Deno のライセンスは、MIT を維持する 商用アプリケーションを構築できるインフラを提供する ライセンスに変更が無いので、今後も存分に Deno を使えることがありがたい限りです。 そして商用サービス構築の入口が、今回の D

あけましておめでとうございます。CTOの野田です。 オライリー社の「リアルワールドバグハンティング」(https://www.oreilly.co.jp/books/9784873119212/)を読みましたのでその感想になります。 本を読んだきっかけ この本は発売されたのが2020年09月と発売してから暫く経っていますが、オライリー新刊のタイトルを必ずチェックしている私の視界には当時入ってきませんでした。 表紙がカマキリなこと、「リアルワールド」「ハンティング」というタイトルから本当にリアル世界で虫をとる本かと思って手にとっていませんでした（最近DIYや健康の本もオライリーは出しているのでありえない話ではないと当時思っていました） 最近セキュリティ系の本を探していたときに改めてアンテナにひっかかったので今回を機会に読み始めました。 全体的な本の概要 実際の企業で起きたバグの内容とその報奨

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

福島県いわき市に住みながらフルリモート勤務をしている、エンジニアのJ.Wです。 今年の7月に私が住んでいる地域で活躍しているエンジニア有志でWEBアプリケーション開発の活動を立ち上げました。 その立ち上げの背景や初回のキックオフMTGまでのストーリーを語らせていただきます。 活動を思い立った背景 地域に限定した活動を思い立った背景を説明をします。 1. 地域のエンジニアの技術的知見を広げたい 私の住む地域にも小規模ながら製造メーカーや行政のシステム開発を受託するソフトウェアベンダーが数社活動しています。 ただ、顧客のシステム特性から利用技術も限られ、かつモダンな技術に刷新も容易に行うことができません。 そして、顧客も限定的で新しい技術知見を得る機会が少なくなっています。 そのため、私が今まで経験してきた技術的知見、経験を共有したいと考えました。 2.地域のソフトウェアベンダーの会社間交流を

皆さんこんにちは、とらのあなラボのY.Fです。 先日、弊社エンジニアが開発で関わっているCreatiaで、以下のお知らせが投稿されました。 【新機能のご案内】#クリエイティア にて、『パスワードレスログイン』機能をリリースいたしました。 パスワードの代わりに指紋や顔認証、PINコードを使って、スムーズかつ安全にクリエイティアにログインできるようになりました！ ▶詳細は下記記事をご参照くださいhttps://t.co/FzsVIAl7Sp— クリエイティア［Creatia］@ファンクラブ開設費無料！ (@creatia_cc) 2023年6月8日 弊社のサービスは、とらのあな通販やサークルポータル除いて、ほぼRuby on Railsを利用しています。 speakerdeck.com 今回の記事では、Ruby on Rails + WebAuthnについて、調べたことなどをまとめてみたいと思

初めましての方は初めまして。お久しぶりの方はお久しぶりです。虎の穴のY.Mです。 このブログが始まった頃に、よく記事を書いていました。 月日は流れて、現在はEC開発のリーダーをやっております。 今回は技術的な内容というよりは、開発プロセスの内容を少し書きます。 書こうと思ったワケ 弊社のブログを眺めていたところ、これまで虎の穴の開発文化を紹介したことがなかったなと感じました。 チームでの開発をする上では、技術力はもちろん大事ですが、そのチームの開発文化が品質に大きく影響してきます。 ブログを読んでいただいている皆さんに、少しでも「こんな仕事のやり方をしてるよ」というのを知ってもらうべく、久しぶりに筆をとりました。 今回はそのとっかかりとして、一番エンジニアが頭と心を痛めるであろう『障害の事後対応』について書きます。 せっかくオタクエンジニアとして書くので、ちょっとゲーム仕立てにしてみます。

虎の穴ラボのかのたんです。 AWS認定試験をオンラインで受けてきましたので、今回はそちらのレポートになります。 試験の学習方法に関してはまた別の機会に書こうと思うので、今回は申し込みや受験に関する内容に絞って書かせていただきます。 なぜ受けようと思ったのか コロナ禍で勉強会がオンラインで開催されるようになり、多い時には月10件以上のAWS関連の勉強会に参加するようになりました。 特にAWSやサーバレス関連の技術に興味を持ち、色々なお話を聞くうちに少しずつ知見も溜まってきたのですが、勉強会偏重の学習だと知識がトピックごとに細分化されてしまう感じがありました。 ですので、まずは知識としてのAWS全体のベースラインを固めたいという目標ができました。 また、「自称AWSができる人」から脱却したいと思い、知識が付いたことを客観的にわかる形で可視化したいということで、資格の取得に踏み切りました。 AW

皆さんこんにちは、虎の穴ラボのH.Kです。 オライリー書評シリーズは、今回で第7弾になります。 (前回の書評はこちら) toranoana-lab.hatenablog.com その他のオライリー書評はこちらになります。 今回の記事では、2019年9月のオライリー定期購読で届いた、『レガシーコードからの脱却』を読んだので感想を書きたいと思います。 読んだ動機 とらのあなの通販サイトは2018年6月にリニューアルされました。 リリースから1年半以上経過し、当時からは新機能も多数加わったこともあり、徐々に改修時に「技術的負債」を実感することが多くなりました。 開発メンバーも増えていく中で、いかに開発効率をあげることができるか、という課題もあったため、本書を読み、今後の開発に活かしていこうと考えました。 目次 目次は以下のような構成になっています。 目次 第Ⅰ部　レガシーコード危機 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 を使ってインストー

こんにちは、皆さん雨の季節をいかがお過ごしでしょうか？ ラボのおっくんです。 最近、「天気の子」の BD が届いたんですが、雨で思い出す作品の枠が更新してしまいましたね。 ちなみに前は「言葉の庭」でした。 さて、去る 2020 年 5 月 13 日に「deno 1.0」が公開されました。 deno.land 今回は、「deno」を導入から簡単なアプリケーションを作るところまで触る中で、気が付いたことなどをレポートしたいと思います。 実行環境 OS:macOS : Catalina 10.15.4 deno を導入 インストール方法は、Denoやdenoland / deno_installに記載があります。 (github の名前が Deno Land なのが、なんだか楽しそうです。) deno.land github.com これらの記載がある中で、今回は以下のコマンドで導入しました。