サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
インタビュー
techblog.raccoon.ne.jp
こんにちは、技術戦略部のひらおです! 最近は社外向けのアウトプットが少なかったので、個人的に久しぶりの投稿です。 今年に入ってから早くも1ヵ月が過ぎ、しかし正月太りの余波がまだ残っています(笑) バリバリ仕事をこなしながらも、去年やり残したことを消化したいなと思っています。 はい、このブログの投稿です! という訳で、だいぶ前の話にはなってしまいますが、 去年の夏、9月に実施した開発合宿のお話しをしようと思います。 開発合宿ってどんなイベント? 実は2019年にも開発合宿が行われており、その時の記事はこちらです。 この時は開発部門のメンバーのみによる合宿でした。 開発合宿の背景 今回の開発合宿は事業部、技術戦略部、デザイン戦略部の垣根を超えて熱い思いを持つ人が集まり、 企画からリリースまでを一気通貫で行うイベントです。 リーダーに場所・時間・工数を調整できる裁量があり、ざっくり言うと決裁以外
開発チームの下田です。 ラクーンホールディングス技術戦略部ではオフライン+オンラインのエンジニア向けイベントを開催しています。connpassで告知するので、ご覧ください。 Raccoon Tech Connect #2 パフォーマンス改善LTでn+1問題について話してきたので、そちらの記事化になります。 n+1問題とは n+1問題とは、データ取得時に発生するパフォーマンス問題の一種です。RailsのActiveRecordなど、ORマッパーを使用したクエリでよく発生します。最初のSELECTクエリで取得したn行の一覧の1行1行に対して、子テーブルのSELECTを1回以上発行してしまい、クエリの発行回数がn+1回になってしまう問題です。 orders = Order.all.limit(100) # ここで1回SELECT ## 注文に紐づく出荷があるかarrayで返す orders.ma
こんにちは、羽山です。 今回はラクーンホールディングスの座学研修で私が講師を担当する 3年次 Linux && Docker研修 をご紹介します。当社は教育制度に力をいれており、入社直後に5~6ヶ月間の研修があります。そしてさらに n年次研修 という枠組みで2年次、3年次、4年次と定期的に研修を実施して、経験を積んだ各ステージに必要な知識・スキルを補完しています。 3年次 Linux && Docker研修は入社から3年目の1~2月頃(4年目目前)に実施していて、エンジニアとしての実力も付いてきた段階で受けることになります。 4年目目前ともなれば Linux や Docker を普段から開発に利用していて基本操作には困っていないはずです。 一方で Linuxカーネルの役割を聞かれたら返答に窮したり、コンテナとはプロセスと言葉では知っていても実はよく分からなかったり、そういうあたりが本研修の
みなさんこんにちは!刀とYのさいとうです!(M1見ました?令和ロマン面白かったですねー!) さて、私の所属する技術戦略部では、技術に関する勉強会が盛んに行われています。 また、ラクーンの社内ではスペシャリスト資格(通称S資格)というもの取得した方たちが行う、S資格者研修というものがあります。 上記のように、ラクーンは勉強会の機会が多い会社ですが、常日頃からマネジメント分野の勉強会は少ないなぁと思っていました。 0というわけではなく、例えば、マネジメントの読書会はありましたし参加もしてました! もちろんリーダーやマネージャー向けのマネジメント研修も有りますが、私が考えていたのはメンバーに対するマネジメントの学習機会の少なさです。 私は普段からエンジニア部門のマネジメントをしていて、マネージャー資格(通称M資格)もいただいているので、 謎の使命感に駆られ、ラクーン全社に向けてマネジメントの勉強
こんにちは、羽山です。 みなさんは業務に LLM(生成AI)を活用していますか?ラクーングループでは生成系AI LT大会を開催するなど、積極的な利用を推し進めています。 そこで今回は私がその生成系AI LT大会で発表し、隙間時間で開発して、社内で幅広く利用されるに至った AIアシスタント「おっさんずナビ」を紹介します。 おっさんずナビは LLM + RAG(Retrieval-Augmented Generation)を利用した Slackボットで「ラクーンホールディングスの社風を教えてください」という質問に 社内事情を踏まえた回答 をしてくれます。 ファインチューニングを利用せず RAG のみで精度を高めているのと、ベクトルDBなどの外部リソースを必要としないのがポイントで、使い込まれた Slack ワークスペースさえあればアプリを起動するだけで 社内事情通のAIアシスタント ができあが
こんにちは羽山です。 現代の Webシステム界隈は昔よりもはるかに洗練され、初心者からでも簡単に開発方法を学び作れる時代になっています。その反面で例えば Python なら WSGI や gunicorn、Waitress、uWSGI などが何のために存在しているのかが分かりにくいと思ったことはありませんか?Ruby の Rack、unicorn、puma だったり FastCGI など、いずれも Webシステムの構成要素として重要な一方で役割を理解しにくいのは事実です。 そこで今回は Webシステムが現代の形にたどり着くまでの先人達の葛藤の歴史を解説します。歴史を知ればこれらの仕様やプロダクトが何の役になっているかが分かるはずです。 前提 動的な Webサイト(=Webシステム)を作りたいニーズはインターネット黎明期からありますが、ブラウザからのアクセスを適切に処理するには HTTPサー
開発チームの下田です。 新年あけましておめでとうございます! 入れ替わりが激しいフロントエンドの技術をキャッチアップするモダンフロントエンド勉強会を社内で月2回開催しています。今回はVueの単一ファイルコンポーネントからCSS Modulesを使う方法を取り上げました。 今回のテーマはCSS Modulesです。VueのCSSモジュールではありません。紛らわしいですね・・この先VueのCSSモジュールの話は一切出てきませんので、CSS Modulesと言ったらCSS Modulesの話です。 CSS Modulesはreactとセットで解説している場合が多いですが、HTMLのテンプレートエンジンには依存しない、独立した仕様です。Vueで使ってもいいですし、他のフレームワークで使用しても問題ありません。 目的と環境 今回はわかりやすさを重視して、headerが青、mainが赤地に白の非常にダ
※この記事はめぐろLT Advent Calendar 2023の15日目です。 こんにちは、ひらおです! 師走なのでバタバタしている中でもこの1年をふりかえったりふりかえらなかったりしている頃かと思いますが、 この時期といえばアドベントカレンダーですね! ということでこの記事は、ラクーンが共催参加させていただいている「めぐろLT」というイベントのアドベントカレンダーの記事になります。 Webエンジニアとしての経歴 私はラクーンに2020年5月からインターンで関わり、2021年4月に新卒として入社しました。 ふりかえってみると約3年半の間で開発業務や会社内外イベントを経験させていただき、Webエンジニアとして成長することができたなと感じています。 時系列でまとめると次のようなことをしてきました。 入社~1年目 新卒研修で基礎的な開発作業を身に着ける 1年目~2年目 URIHOで初のPJ参画
※この記事は めぐろLT Advent Calendar 2023 の1日目です。 こんにちは、さいとうです! 12月ですね。あっという間に今年も終わりそうですが、みなさんやり残したことは無いですか・・・? そうですね!!アドベントカレンダーですね!!!! ということでこの記事は、ラクーンが共催参加させていただいている「めぐろLT」というイベントのアドベントカレンダーの記事になります。 ここ半期の取り組みについて 2023年5月、コロナが5類になったこともありエンジニア界隈のオフラインでの勉強会が盛んになっていました。 ラクーンも例に漏れず、外部とのタッチポイントを増やしたいという考えから、ここ半年ぐらいで外部勉強会への参加や開催を積極的に行っていました。 やっていた内容は主に下記になります。 技術イベントの共催・主催 外部勉強会での登壇 特に「外部勉強会での登壇」についてですが、 202
株式会社ラクーンホールディングスのエンジニア/デザイナーから技術情報をはじめ、世の中のためになることや社内のことなどを発信してます。 pythonnumpyfftdftmatplotlibフーリエ変換高速フーリエ変換ナイキスト周波数標本化定理 こんにちは。早く業務に慣れたい開発チーム入社1年目の髙垣です。 急ですが皆さん。ふと、音をフーリエ変換したい時ってありませんか? ありますよね。 でも、「フーリエ変換って学校で計算式で習ったけど、結局は何をしているんだ?」となることありませんか? そこで今回は計算式なんてほっといて、Pythonを使ってフーリエ変換が何をやっているのか体験してみましょう! 環境構築 下記リポジトリをクローンしてください https://github.com/takaT6/fft-tutorial クローンができたら下記のライブラリをインストールしてください↓ pip
こんにちは。 技術戦略部のあずまです。 先日、社内でChatGPT勉強会&生成系AI LT大会を開催しましたので、その様子を今回はお伝えしたいと思います。 弊社ラクーンホールディングスでは、日ごろから多数の勉強会が開催されているのですが内容の専門性から全社に告知をして行う勉強会はあまり多くありません。 しかし、今回の勉強会は幅広い職種に活かせる内容と言う事で全社的に告知を行いました。 最終的に集まった人数は120名以上(出席+ウェビナー参加)で任意参加の勉強会としては過去最大級のイベントとなりました。 まず初めのChatGPT勉強会では、私、あずまが「今日から始めるChatGPTの使い方と活用例」をテーマに発表しました。 便利な使い方の共有はもちろんのこと、ChatGPTを使用するうえで重要な、SiriやAlexaに代表されるAIアシスタントとの違い(最新情報に弱い、天気などは分からない)
株式会社ラクーンホールディングスのエンジニア/デザイナーから技術情報をはじめ、世の中のためになることや社内のことなどを発信してます。 開発研修 スクラムはロールプレイングゲーム!?『スクラムガイド』でルールを覚えて、Let’s game! アジャイル開発アジャイルスクラムscrum guideproduct developmentagile こんにちは。たむら@認定スクラムマスター です。 今回は、先日社内で開発に関わる事業部側メンバー(ノンエンジニア)に向けてスクラムガイドの紹介を行ったので、そのことについて書こうと思います。 イントロ さて、弊社では前TechBlogにも書いた通りアジャイル開発(スクラム)に取り組んでいます。 世間を見回しても最早全く珍しいものではなくなりましたよね! がっ、しかし! そのバイブルとも言える『スクラムガイド』をいったいどれ位の人が読んでおり、且つ内容を
勉強会イベント技術勉強会Webエンジニア勉強会教訓思考法技術的負債要件定義 こんにちは、羽山です。 今回は先日開催した弊社主催の技術イベント「Raccoon Tech Connect #1 レガシーシステムに立ち向かう技術」で登壇した内容を当ブログで公開します。 イベントのテーマは「レガシーシステムに立ち向かう」ということで、システムを長らく運用していくと自然と溜まっていく 技術的負債 との付き合い方に着目しました。 技術的負債に対する理解を深め、技術的負債を可視化することによって自然と対処される状態を作る方法を解説します。 アーカイブ映像(YouTube) スライド(Speaker Deck) 戦略シミュレーションゲームで例える 今回の主題は「技術的負債」ですが、最初はたとえ話から始めます。 みなさんは戦略シミュレーションゲームをプレイした経験がありますか? 次のスライドは戦略シミュレー
ドライバBluetoothOpenComm 情シス担当のますいです。 Shokz社製のヘッドセットOpenCommは、骨伝導で聞き取りやすい音質とノイズキャンセル性能の高いマイクが特徴で、弊社でも利用者の多い人気商品です。 ところが最近、OpenCommのマイクが認識しなくなった等の不具合を訴える利用者が度々訪れるようになりました。 症状 症状は人によって微妙に異なるのですが、 ビデオ会議で相手の音声は聞こえるが自分の音声が伝わっていない(マイク自体は認識している) ↑の症状がZoomやTeamsで出るがアプリによっては問題なく使える マイクの音量調整ができない(サウンド設定で音量コントロールバー自体が表示されない) Bluetooth接続がオーディオのみの認識でマイクが接続されない 音声がまったく出ない など、主にマイク関連がおかしくなることが多いです。 症状が発生したOpenCommを
株式会社ラクーンホールディングスのエンジニア/デザイナーから技術情報をはじめ、世の中のためになることや社内のことなどを発信してます。 こんにちは、開発チームの山下です。 業務ではスーパーデリバリーの開発を担当しています。 今回は私がスーパーデリバリーの開発で関わったサーバーサイドにおける画像編集処理でメモリ不足を防ぐノウハウを共有したいと思います。スーパーデリバリーではユーザーが任意の画像をアップロードできる機能があるため、まれに想定以上の高解像度画像が処理されてサーバーが Out Of Memory エラーを発生させることがありました。 そこで私が任されたタスクが「画像編集処理でメモリ不足を避けるために、バリデーションを追加する」です。 TL;DR サーバーサイドでの画像編集はメモリ使用量が高い操作です。 なぜなら処理される画像データはメモリ上に非圧縮のビットマップとして展開されるた
株式会社ラクーンホールディングスのエンジニア/デザイナーから技術情報をはじめ、世の中のためになることや社内のことなどを発信してます。 パフォーマンスJavaScriptHTMLフロントエンドdomcssomGoogle AnalyticsタグマネージャGoogle Analytics 4 こんにちは、羽山です。 今回は私自身が半年にわたって弊社の運営する仕入れのECサイトスーパーデリバリーで利用している各種Web広告サービスの仕組みを調査・理解して、手段を考えて、そして改善を行った成果とそのノウハウを共有します。 まず何が問題だったかというと、Web広告サービスにはGoogle広告・Facebook広告・Yahoo広告など広告サービスは多数ありますが、それらを有効に活用するには各サービスが提供している専用タグをサイトの全ページに埋め込む必要があります。 察しの良い方はすでに感づいているかと
こんにちは 技術戦略部のあずまです。 エンジニアの皆様は、ログイン機能が必要なサイトの「ログイン方法」の要件として何を思い浮かべますか? 多くの方はID/パスワードでの認証を一番に思いつくのではないかと思います。 ID/パスワード認証はポピュラーな認証方法ですが、パスワードの漏洩からの不正アクセスのリスクや忘れてしまったときの不便さがあります。 そこで今回は、Passkey認証のできるサイトの作り方をフロントエンドの実装にフォーカスしてご紹介したいと思います。 (本記事は昨年12月末に社内勉強会で行ったPasskey勉強会をもとに作成しました。) Passkeyとは? Passkeyとは、「FIDO/WebAuthn Level3」の実装につけられた名前で、スマートフォンやパソコンなどの端末に保存された認証情報を利用してパスワードレスでログインを行う機能です。 WebAuthnとは、ユーザ
例えば ga4_event_param1.name は以下のように作ります。 トリガー作成 トリガーのタイプをカスタムイベント、イベント名を ga4_event としてトリガーを作成します。 GA4イベントタグの作成 最後にイベントの記録に使うGA4イベントタグを作成します。 タグ名を GA4汎用イベント とする 設定タグにすでにある「GA4設定タグ」を指定 イベント名は {{ga4_event_name}} 変数を設定 イベントパラメータの1行目はパラメータ名に {{ga4_event_param1.name}} 、値に {{ga4_event_param1.value}} を設定 イベントパラメータの2行目はパラメータ名に {{ga4_event_param2.name}} 、値に {{ga4_event_param2.value}} を設定 イベントパラメータの3行目はパラメータ名に
株式会社ラクーンホールディングスのエンジニア/デザイナーから技術情報をはじめ、世の中のためになることや社内のことなどを発信してます。 アジャイル開発スクラムアジャイルコーチスクラムマスター開発体制 こんにちは、たむらです。 突然ですが、皆さんの組織ではアジャイル開発を行っていますか? 恐らく程度の差はあれど、かなり多くの会社でアジャイル開発を少なからず取り入れた開発を行っているのではないかと思います。 でも・・・・、それ本当にアジャイル開発になっていますか�� こんな?感想が出てくる「なんちゃってアジャイル」になってしまっていませんか? 「アジャイル開発は 納期を定めないから or 最初に要件を全て決めなくて済むから 楽だと思っている」 「アジャイル開発ではPM(プロジェクトマネージャ)をPO(プロダクトオーナー)という別称で呼ぶものだと思ってる」 「スクラムの5つのイベントをやったりやらな
デザインHowtoIllustrator デザイン戦略部のスエノです。 たびたび便利にアップデートされるIllustrator、バージョン24.3から「字形の境界に整列(24.3時はグリフバウンドに整列)」という機能が実装され、これがとてもかゆいところに手が届く良アプデでした。 知らない方も多くもったいないのでご紹介します。 イラレあるある:文字をオブジェクトの上下中央に配置できない Illustratorを使用していると「整列」ツールを使ってオブジェクト内に文字を左揃え・右揃え・上下中央揃えなどで配置するケースがあります。 しかし文字を整列してもうまく上下中央に均等配置されず、下部に余白が生まれて上寄りに配置されてしまうのがIllustratorの仕様でした。 フォントによっては余白サイズも変わり、都度の調整がとても手間です。 文字ツールはデザインする上で必ず使用するので、ほぼ全てのイラ
株式会社ラクーンホールディングスのエンジニア/デザイナーから技術情報をはじめ、世の中のためになることや社内のことなどを発信してます。 はじめまして。2021年4月に入社したエンジニアの齊藤初輝です。 今回はラクーンの新卒研修を受けた学びと感想について書きたいと思います。 新卒研修が作られた背景や研修のゴールなどは以下の記事をご覧ください。 ゼロから始める新人エンジニア研修 入社のきっかけ ラクーンへの入社を決断した1番の理由は、人が良かったからです。 ラクーンを知ったきっかけはエンジニア限定の逆求人イベントでした。 スライドを使って自己紹介し、お笑い鑑賞が趣味でおすすめのお笑い芸人さんの動画を紹介していました。 後日行った1次面接で動画の内容について話ができました。 正直見なくてもいい動画だったと思います。でもちゃんと見てくれていた。 ここなら自分もちゃんと見てもらえると思い、入社を決めま
目標設定KPIKGIMBOOKRアジャイルSMARTの法則 こんにちは、たむらです。今回は、目標設定に関するお話です。 皆さんの会社では「目標設定」がありますか?また、それにどの様に取り組んでいますか?評価に係わるから頑張ろうと思う人もいれば、毎年目標設定を憂鬱に感じる人もいるのではないでしょうか。 今回は、会社の目標そのものを分解しつつ、会社の目標や自身の目標にどの様に取り組んでいけば良いのかを考えてみたいと思います。 会社でよくある目標設定 デファクトスタンダードなMBO さて、企業の目標設定というと、MBO(Management by Objectives)がまず真っ先に出てくるかと思います。P・ドラッガーが提唱した手法で、「マネジメント層からの指示ではなく、自己管理による���ネジメント」により業務の効率化・利益の向上といった会社のニーズ達成と、従業員の能力・モチベーションの向上の両取
データベース 開発チームの下田です。 同僚と雑談でER図について話してました。 新しいメンバーを迎えるときにはER図があると便利だけど、100テーブルを超えたあたりから線が絡まりすぎて無理だよねー おそらく業務システム開発にかかわる人なら誰しもが似たような経験があるのではないでしょうか。 次のようなことができたらいいなあと、DDLからER図を生成するSPAを試作してみました。 DDLから動的にER図を作図してほしい 動的に位置関係を調整してほしい 動的に注目しているエンティティとリレーション、もう一つ先のエンティティを強調して見やすくしたい 試作のため、バグはかなり残っていると思いますがご容赦ください。 作ったもの インタラクティブに図を読む体験ができるダイナミックER図、Force Directed ER Diagramを作ってみました。 動的にDDLをパースしてER図を描画して、動的に
パフォーマンスフロントエンドGoogleGA4Google AnalyticsタグマネージャGoogle Analytics 4ユニバーサルアナリティクスRUM こんにちは、羽山です。 今回は GA4 でサイトの速度を記録 して分析する方法を紹介します。 ウェブサイトのパフォーマンス監視にはサーバー側でログに記録しやすいバックエンドの応答速度がよく利用されます。しかし昨今のウェブサイトはフロントエンドの比重が拡大しているので バックエンドの応答速度だけでは利用者の体感速度を正しく表していない という問題があります。 2023年7月終了予定のユニバーサルアナリティクス(UA)にはサイトの速度を記録してくれる機能があり、その数値にはフロントエンドの処理時間も含むため利用者の体感速度の指標として活用していた方も多いと思います。 しかし残念ながらユニバーサルアナリティクスの移行先である GA4 に
bashインフラLinuxプロセス置換ファイルディスクリプタシェルスクリプト こんにちは、羽山です。 今回はシェルスクリプトのちょっとしたクイズからファイルディスクリプタとリダイレクトの動作を解説します。 早速ですがこのシェルスクリプトの問題を解けますか? 問: bashで以下のシェルスクリプトを実行した場合に表示される文字列はどれか? ※ echo の -n は改行を出力しないオプション ( echo -n "A" > /dev/null echo -n "B" 2>&1 echo -n "C" >&2 echo -n "D" 2> /dev/null echo -n "E" 3>&1 >&2 2>&3 ) > /dev/null 選択肢: a. ABCDE g. CBD b. ABC h. BD c. ACDE i. BCDE d. BAD j. ACE e. BCE k. AC f.
株式会社ラクーンホールディングスのエンジニア/デザイナーから技術情報をはじめ、世の中のためになることや社内のことなどを発信してます。 皆さんこんにちは、川﨑です。 そろそろ新入社員が入社してくる時期ですね。新たなメンバーとの仕事にワクワクする方も多いと思います。 私は今年度に入社した新卒社員のメンターを務めました。後輩に本格的に仕事を教えるのは初めての経験だったので、後輩が配属される直前まで「将来を台無しにしたらどうしよう」と考えていました。 結果的に私がメンターをした彼は、1年目とは思えないレベルで素晴らしい技術力を身に着けてくれたので、彼の成長に多少役に立てたのかなと思います。 おそらく来年度初めてメンターとなる方々の中にも、私と同じように良いメンターになれるか不安な方がいるのではないでしょうか。 この記事では 私の経験と反省から、私が思う『メンターになるうえで意識すると良いこと』をお
GoogleGA4Google AnalyticsGoogle Analytics 4ユニバーサルアナリティクス こんにちは、羽山です。 ユニバーサルアナリティクスの終了がアナウンスされましたね。そこで本日はユニバーサルアナリティクスと Google アナリティクス 4 プロパティ(以降 GA4 と表記)を併用したり、移行する際に使われることが多い「接続済みのサイトタグ」機能について解説します。 「接続済みのサイトタグ」とは端的にはユニバーサルアナリティクスの記録用に埋め込んだタグをそのまま使って、Google Analytics の画面上の設定だけで GA4 にアクセスログを記録することができる機能です。 GA4 へ移行したいけど置き換える時間をとれないという場合に是非活用したいです。 当記事の想定読者は単に「接続済みのサイトタグ」機能を利用して GA4 に移行したいというよりも、仕組み
株式会社ラクーンホールディングスのエンジニア/デザイナーから技術情報をはじめ、世の中のためになることや社内のことなどを発信してます。 インフラLinux勉強会SQLiteNFS こんにちは、羽山です。 今回は社内で実施した勉強会をほぼそのままブログ記事にしています。 ITエンジニアたるものドキュメントを残したり勉強会を実施したり分かりやすい設計にリファクタリングしたりなど、日々 知見の伝達 を意識していると思います。主要な知見はたいていそれらの方法で満たせるのですが、しかし残念ながら中には画一的な方法では伝えにくいものもあったりします。 ところで伝統芸能や工芸の世界では技術の継承において 背中を見て学ぶ という方法が用いられることがあるようです。 これと似た手法はITエンジニアの世界にもあって、先輩エンジニアとペアプログラミングをすることで文書では伝わりにくい技術や考え方・テクニックを学ぶ
株式会社ラクーンホールディングスのエンジニア/デザイナーから技術情報をはじめ、世の中のためになることや社内のことなどを発信してます。 みなさんこんにちは、川崎です。 OpenAPI Specification(以下OpenAPI Spec)をAPI仕様書を設計するフォーマットに採用するとき この2つの選択肢があることはご存知でしょうか? コードからOpenAPI Specに準拠したスキーマファイルを生成するコードファースト API仕様書からコードを生成するスキーマファースト 私はAPI仕様書を設計するフォーマットを決めるとき、OpenAPI Specをコードファーストまたはスキーマファーストとして採用するか非常に迷い、結果的にスキーマファーストを選択しました。 似たような悩みを持つ方は私以外にもいると思うので、今回はOpenAPI Specを採用したAPI仕様書におけるコードファースト、ス
次のページ
このページを最初にブックマークしてみませんか?
『Raccoon Tech Blog [株式会社ラクーンホールディングス 技術戦略部ブログ]』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く