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

こんにちは、虎の穴ラボ インフラエンジニアのかなざわです。 本記事は虎の穴ラボAdvent Calendar 2022-Qiitaの13日目の記事です。 12日目はgodanさんによる「Google Apps Scriptでダンジョンゲームを作る」が投稿されました。 14日目は虎の穴ラボ デザインチームによる「デザインチームが自ら企画＆開発に挑戦？！クリエイター向け新サービス「デジタルサインカード」をつくってみた」が投稿されます。こちらもぜひご覧ください。 はじめに 私は新しい機能の確認や検証の場所として、プライベートでAWSアカウントを契約し利用しています。AWSに構築した各種リソースはTerraformとVCS(GitHub)でコード管理を行っています。そして、インフラリソースを構築する時は自分の端末からterraformコマンドを実施していました。 その方法でもリソースの作成に支障は

本記事は虎の穴ラボ Advent Calendar 2022 - Qiita 8日目の記事です。 前日はrhさんの「国産ヘッドレスCMS「Newt」を使ってみた」でした。 こんにちは。最近引っ越しを考えている虎の穴ラボの大場です。 先日、とらのあな通販開発チームの開発環境にHTML用のLinterとして HTML-ESLintを試験導入しました。 当記事では、その導入理由やツールの選定に際して考慮したことについて紹介いたします。 導入理由 ECチームでは以下の3つの状況と課題を踏まえてLinterの導入を行いました。 HTMLのLinterが未導入だった フロントエンド実装のレビュー負担増加 レビュー指摘にばらつきがある 1.HTMLのLinterが未導入だった とらのあな通販開発チームではJavaに対してSpotbugs、JavaScriptに対してESLint、CSSに対してstyle

皆さん、こんにちは。 自宅では、トラドラオニタイジン極がご本尊みたいになっています。おっくんです。 今回は、「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 })

こんにちは。虎の穴ラボの古賀です。 9 月の連休で社内の技術書購入を支援する制度を利用して購入した『流麗（ELOQUENT）な JavaScript 第 3 版 現代のプログラミング入門』を読みました。 流麗なJavaScriptの書影 良い本でしたので、本書の前半部分の概要とその中で良かったところや気になったところをご紹介します。 どんな本か 基本情報 オススメする読者層 著者、訳者について 構成について Chapter1〜3：プログラムの基礎的なところから、制御フロー、関数など Chapter1 Chapter2 Chapter3 Chapter4 Chapter5 Chapter6 Chapter7 Chapter8 Chapter10 Chapter11〜22：未読 良かったところ サンプルコードの実行環境や練習問題がある 初心者がつまづきがちなところについて説明がある 気になった

こんにちは。虎の穴ラボのCTO野田です。 この記事は「虎の穴ラボ夏のアドベントカレンダー」18日目の記事です。 17日目は辻村さんによる「本番環境に寄り添った開発用Docker環境の構築手法」が投稿されました。 今回紹介するもの 画像の任意の位置にロゴ透かし（ウォーターマーク）を挿入し合成できるCLIツールをGo言語で作ってみました。 今回作った動機 Golangの勉強にはいい教材だから。 画像を扱う業務では使えるかもしれない。 メイン実装 package main import ( "flag" "fmt" "image" "log" "os" "path/filepath" "strings" "image/draw" "image/jpeg" "image/png" ) func main() { var oImageFilePath string var logoImagePath

アジャイルで生活習慣をカイゼンするOGP こんにちは、虎の穴ラボの磯江です。 この記事は「虎の穴ラボ 夏のアドベントカレンダー」の10日目の記事です。 9日目はH.Yさんによる「PlanetScaleでシャーディングに触れてみよう」でした。 toranoana-lab.hatenablog.com 10日目は大場さんによる「babylon.jsで夏のビーチを再現したい」が投稿されます。 はじめに 今回は、夏のアドベントカレンダー「仕事には役立たないかもしれない技術」編のラストではプログラミングからは離れて、書籍『「アジャイル式」健康カイゼンガイド』から学ぶ 生活習慣をカイゼンするための技術について、筆を取らせていただきます。 同書籍については、磯江もパーソナリティをしているPodcast「Toralab.fm」でも話しています youtu.be 書籍情報 今回は、翔泳社さんから2022年5

こんにちは。虎の穴ラボの鷺山です。 この記事は「虎の穴ラボ 夏のアドベントカレンダー」の3日目の記事です。 2日目は植竹さんによる「GCPの監視機能 Monitoring の推しポイント紹介」が投稿されました。 4日目はH.Y.さんによる「Amazon WorkSpacesで色々試してみる。」が投稿されます。こちらもぜひご覧ください。 はじめに データベースを運用していると、「挿入・変更・削除などのちょっとしたデータ操作を、シェルスクリプトの中にSQLを書いて実行」したりすることはあると思います。 今回はそのような処理をAmazon ECSのタスク実行を使ってサーバーレスに実現する方法をご紹介したいと思います。 コンテナの起動にAWS Lambdaも使用します。 環境 データベース: MySQL 5.7 (Aurora 2.10.2) この記事の付録にPostgreSQLでの方法もご紹介し

こんにちは。虎の穴ラボのH.Kです。 5月の大型連休で社内の技術書購入を支援する制度を利用して購入した『良いコード/悪いコードで学ぶ設計入門―保守しやすい 成長し続けるコードの書き方』を読みました。 『良いコード/悪いコードで学ぶ設計入門』書影 とても良い本でしたので、本書の横断的な概要と、その中で良かったところや気になったところをご紹介していきます。 どんな本か 基本情報 私が感じた本書の立ち位置 前提 設計とコーディングは不可分である 「悪いコード」=>「良いコード」の構成 サンプルコードはJava おすすめする読者層 著者について 構成について 1〜2章：チュートリアルステージ 3〜12章：本編 13〜17章：やりこみ世界 良かったところ 平易な表現 サンプルコードが豊富 気になったところ 6章：Switch文の重複（Switch文からMapへの書き換え） まとめ P.S. どんな本

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

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

こんにちは、虎の穴ラボのNSSです。 最近ReactやTypeScriptを勉強中なのですが、Reactで作ったアプリケーションを簡単にデプロイして公開できるツールとして、AWS Amplifyがあります。 AWS Amplifyとは、AWSが提供するモバイルやWEBのアプリケーションを素早く開発することができるプラットフォームです。 AWS Amplifyは、たった数クリックでアプリケーションをデプロイできる他、 コマンドラインツールを使ってユーザー認証やAPIなど、あらゆる機能を簡単にアプリケーションに追加することができます。 今回は、ReactベースのフレームワークであるNext.js と AWS Amplifyを使ったアプリ開発をご紹介します。 環境 Node.js (v16.4.1) Next.js (v10.2.0) TypeScript Node.jsはインストール済みである

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

皆さんこんにちは、積みを重ねています。おっくんです。 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

こんにちは、虎の穴ラボの古賀です。 みなさま、全文検索エンジンを使っていますか？ クラウドだと「Amazon Elasticsearch Service」や「Azure Cognitive Search」など、さまざまな選択肢があると思います。 今回は、虎の穴ラボの社内のWebツールに導入できそうな、簡易的な全文検索エンジンにどのようなものがあるか調べた際に見つけた、「Bayard」という全文検索エンジンを試してみました。 「Bayard」は、Rust製の高速かつ軽量で日本語の全文検索ができる検索エンジンです。導入手順が比較的簡単で、Webツールの検索機能の改善に使えそうです。 Bayardとは？ Bayardは、Raft Consensus Algorithm と gRPC を実装する、 Rustで記述された全文検索およびインデックス作成のサーバーです。 Tantivy（Rust製 全文

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

みなさん、いかがお過ごしでしょうか。今年の7月からラボのマーケチームに加わったY.I.です。 好きな作品は「ゆるキャン△」です。お盆休みには「ゆるキャン△」舞台の富士山周辺でキャンプツーリングをしてきました。 ゆるキャン△に関しては熟知している私ですが、技術的にまだまだ未熟な開発者です・・・。活躍できるよう頑張っていきますので、どうぞよろしくお願いします。 さて、今回はVue.jsのテスト、とくにVuexのテストについて書いていきたいと思います。 0. この記事を読んでわかること 本連載では「ゼロから始めるVuexのテスト入門編」と題して、これまでVuexのテストを書いたことがない方を対象に、全2回に渡ってVuexのテストの詳細を書いていきます。 今回は連載の第一回目として、下記の構成でお送りします。テストの必要性やポイント、またVuexのテストがどのようなものになるのか感じ取っていただけ

こんにちは、皆さん雨の季節をいかがお過ごしでしょうか？ ラボのおっくんです。 最近、「天気の子」の 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 これらの記載がある中で、今回は以下のコマンドで導入しました。

みなさん、こんにちは。虎の穴ラボのH.Kです。 気象庁から6月11日ごろに関東地方が梅雨入りしたと見られるという発表があり、本格的に雨の季節が始まります。 雨で外出が億劫、自粛も続けなければいけないという中で、晴耕雨読という言葉もあるように、この時期は読書にうってつけです！ そこで今回は虎の穴ラボのエンジニアがどんな本を読んでいるかをQ＆A形式で紹介していきたいと思います。 今後の技術書購入の参考になれば幸いです。 また、背景として弊社では技術書の購入に補助金が年間5万円出るため、自由に技術書を購入することができます。 ※記事中の著者名について敬称は省略させていただいております。 この記事で紹介する本 プロを目指す人のためのRuby入門 言語仕様からテスト駆動開発・デバッグ技法まで 達人に学ぶSQL徹底指南書 第2版 初級者で終わりたくないあなたへ アジャイル開発への道案内 カイゼン・ジャ

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