ソーシャルデータバンク テックブログのフィード
https://zenn.dev/p/sdb_blog
ソーシャルデータバンク株式会社の開発チームです。インフラ、品質、UI/UX、DevOpsなど様々な活動に取り組んでいます。
フィード

触って学べる図解:デザインの3つの道具「天秤・スポットライト・虫めがね」を体験してみた
ソーシャルデータバンク テックブログのフィード
はじめにこんにちは!最近デザインを勉強していて、とてもためになった本がありました。『なるほどデザイン』 という書籍です。この本では、デザインで使える 7つ道具 が紹介されています。今回はその中から、自分が実際に使ってみて 特に効果があった3つ を厳選しました。大事度天秤 — 情報の優先順位を決めるスポットライト — 主役を目立たせる虫めがね — 細部の解像度を上げるこの3つを クリックで Before/After を体験できるインタラクティブ図解 で、ざっくり理解してみましょう! まずは触ってみよう!百聞は一見にしかず。まずは下のカードをクリックしてみ...
1日前

触って学べる図解:extendsとTraitの違いをロボット工場で例えてみた
ソーシャルデータバンク テックブログのフィード
はじめにこんにちは!オブジェクト指向を勉強していると、必ず出てくる extends(継承) と Trait(トレイト)。「なんとなくわかるけど、どう使い分けるの?」って思いませんか?今回は、ロボット工場に例えながら、クリックして遊べるインタラクティブな図解で、この2つの違いをざっくり理解してみましょう! まずは触ってみよう!百聞は一見にしかず。まずは下のカードをクリックしてみてください👇 extends(継承)とは?extends は、親クラスの設計図を丸ごと引き継いで、新しいクラスを作る仕組みです。class Robot { public funct...
7日前

Geminiを育てて自分に最適な説明をさせる方法
35
ソーシャルデータバンク テックブログのフィード
はじめにこんにちは!皆さんはAIに質問して、「うーん、なんか説明がわかりにくいな...」って思ったことありませんか?僕もLaravelやVue.jsを勉強していて、ChatGPTやGeminiに質問することが多いんですが、時々「専門用語が多すぎて逆にわからん!」ってなることがあります。今回は、Google製AI「Gemini」を使って、自分にとってわかりやすい説明をしてもらう方法を紹介します。ポイントは「AIを育てる」という考え方です💎 🤖AIは神じゃないまず大前提として、AIは神ではありません。ある程度それは理解してくれている人が多いと思いますが重要なのが、質...
7日前

半信半疑なら作ってみた方が早い時代——自主開発したグローバル検索で気づいたこと
ソーシャルデータバンク テックブログのフィード
※本機能は現在、開発・検証環境でのみ利用可能であり、本番環境では提供されていません。 グローバル検索とはこれ。⌘K で起動して、キーワードを入力するとページや機能を横断的に検索できるあれ。いろいろなサービスに組み込まれていて、Notionなどでも使えます。 作ろうと思った理由以前に社内でプロダクトのデモ発表をした際、「自分の担当機能がどれだったか忘れてしまい、探すのが大変だった」という声をいただいたことがあった。確かに僕ら開発側は毎日ドメインの用語に触れて慣れてるけど、初めて運用する人は何が何だかわからないのでは?と改めて考えるきっかけになった。そこでグローバル検...
7日前

JS不要!CSSだけでサイトに画面遷移アニメーションを付けてみる
ソーシャルデータバンク テックブログのフィード
こんにちは、ik2mです。皆さんはカッチョイイサイト作りをしたいと思ったことはありますか?私はあります。学生の頃はWebフロントエンドのキラキラ感に惚れ込んで自分のサイトを作ったりしていました。(黒歴史)その中でも特にこだわりたかったのが画面遷移(トランジション)のアニメーションです。SPAでのルーティング時の画面遷移アニメーションは、Vue や React などのフレームワークで対応されていることが多いです。一方、MPA(通常のページ遷移)では画面遷移アニメーションを実装するのが少し大変でした。最近ではブラウザ側のView Transitions APIという仕組みで画面遷...
20日前

エンジニア歴1年強たって、初めてRedis触ってみた
ソーシャルデータバンク テックブログのフィード
はじめにエンジニアとして社会に解き放たれてから、はじめてRedisというものに触れたので、Redisつらつらと書いていこうと思います(今更かよ感)。なお、本記事はまだまだ駆け出しの身分が書いている記事ゆえ、色々なところに記載ミスや認識違いなどがあるかと思います。そのような場合は、あたたかくコメントにてご指摘いただければ幸いです。また、下記項目も予めご理解いただけますと幸いです!本記事はredisへの理解を深めるために今回の記事とあまり関係のない部分はたくさんAIさんにコードを書いてもらっています。本記事で取り上げる例は、実務で僕が出会った部分に絞って紹介をしています。発...
25日前

localhostのWebhook検証はCloudflareTunnelsを使うとよさそう
ソーシャルデータバンク テックブログのフィード
皆さんはサーバーで稼働するちょっとした自分用ツールを作りたいときはどうしていますか?Cloudflare Workersにデプロイしますか?AWS Lambdaを使いますか?こういった軽量なツールにはサーバーレス環境が適していますが、私はフロントエンド開発が好きなので、Next.jsやNuxt.jsで作りVercelでデプロイという手段をよくとります。そのため、開発中はlocalhostでサーバーを立ち上げ、ローカル環境で挙動確認をするのが恒例です。localhostの利点はデプロイの手間もなく、手軽に確認できることですね。ただし、localhostだけの環境構築では検証できな...
2ヶ月前

【アーキテクチャConference 2025】スポンサー参加レポート
ソーシャルデータバンク テックブログのフィード
こんにちは。ソーシャルデータバンクのik2mです。昨年になってしまいましたが、ソーシャルデータバンクは2025年11月19日に開催されたアーキテクチャConference 2025のスポンサー参加をしました。その時のレポートをお届けします。 🎪 アーキテクチャConference 2025とはアーキテクチャConference 2025は、ファインディ株式会社が主催する技術カンファレンスです。「アーキテクチャの構想・判断・構築にまつわるリアルな知見を共有し、多角的な視点から設計判断への理解を深める」ことを目的としています。https://architecture-con.fin...
2ヶ月前

TiDB CloudでPoCやってみた
ソーシャルデータバンク テックブログのフィード
こんにちは、zinです🦑今回、約2ヶ月間かけてTiDB Cloudを使ったPoCを実施しました。本記事では、その検証内容と結果についてご紹介します。 TiDBとはTiDBは、PingCAP様が開発するオープンソースの分散型NewSQLデータベースです。MySQL互換性を持ちながら、水平スケーリングやHTAPアーキテクチャなどの特徴を備えています。https://docs.pingcap.com/ja/tidbcloud/ PoC実施の背景弊社サービスの Liny では Amazon Aurora MySQLを使用していますが、以下のような課題を抱えています。巨大テーブ...
2ヶ月前

ド初心者がメール送信機能実装した話
ソーシャルデータバンク テックブログのフィード
はじめまして。文系未経験でエンジニアを始めた者です。今回は、そんなド初心者がLaravelでメール処理機能を実装した話を記事にしてみました!これから未経験でエンジニアになりたいという人の希望になればと思います。 実装の流れ今回、環境構築は割愛します。ちなみにDockerを使用しました。 1 artisanコマンドでMailableクラスを作成ここでは実際に送る「メールの内容(件名や本文)」を定義しています。そしてBladeテンプレート(emails.reminder.blade.php)を使ってHTMLメールを組み立てます。このBladeテンプレートは元からあるもので...
3ヶ月前

エンジニア歴1年半経って少し実装になれたので、SOLID原則を理解してみる
ソーシャルデータバンク テックブログのフィード
はじめにみなさん、おはこんばんにちは!メリークリスマスです!!Social Databank Advent Calendar 2025 の25日目です。エンジニアとして社会に解き放たれてから、約一年半くらい経ったので、ちょっと前々から興味があったSOLID原則について、つらつらと書いていこうと思います。なお、本記事はまだまだ駆け出しの身分が書いている記事ゆえ、色々なところに記載ミスや認識違いなどがあるかと思います。そのような場合は、あたたかくコメントにてご指摘いただければ幸いです。また、この記事の執筆にあたって下記2冊を大変参考にしております。とても面白い書籍なので是非読...
3ヶ月前

RunPodを使って推論を動かす
ソーシャルデータバンク テックブログのフィード
この記事は Social Databank Advent Calendar 2025 の24日目です。OpenAI、Google、Anthropic、Microsoft…… 名だたる企業が、誰でも簡単に AI を使えるサービスを次々と提供しています。一方で、「自分で用意したモデルを動かしたい」となった途端、話は急に難しくなります。 壁はいくつかありますが、その中の1つが GPU です。昨今はメモリ価格の高騰が続き、NVIDIAでも減産のニュースが流れています。 個人が気軽にGPUを買える時代は、正直かなり怪しく...
3ヶ月前

Chrome拡張を作って、日常のちょっとした不便を減らしてみた話
ソーシャルデータバンク テックブログのフィード
こんにちは!ソーシャルデータバンク株式会社・エンジニアリング部のくすみです。Social Databank Advent Calendar 2025 23 日目の記事です! Chrome 拡張を作って、日常のちょっとした不便を減らしてみた話最近、Chrome で作業していると「タブ多すぎでは?」と思う瞬間が増えてきました。気づくと 20 個以上開いていて、「あとで読むやつ」「今は使ってないやつ」が大量に残っているという状態です。分かってはいるんですが、集中しているとつい増やしてしまうんですよね。だったらもう、自分で気をつけるのをやめて、Chrome に見張らせようと...
3ヶ月前

DynamoDBのリトライとログについて考える for PHP
ソーシャルデータバンク テックブログのフィード
Social Databank Advent Calendar 2025 の22日目です。今年あったビッグイベントといえば10/20にus-east-1で発生したDynamoDBの大規模障害ですね。https://aws.amazon.com/jp/message/101925/他にも、最近だと(あまり騒ぎになりませんでしたが) 12/10にもap-northeast-1でエラー率が上昇するという問題が起きました。弊社サービスの Liny でもDynamoDBを利用しており、約40テーブルが存在しています。現在の実装ではリトライが考慮されている部分とされていない部分(=SDKデ...
3ヶ月前

学生最後に最高学年として向き合ったエンジニアインターンで見えたもの
ソーシャルデータバンク テックブログのフィード
!Social Databank Advent Calendar 2025 の 21 日目です。 はじめに現在、情報系の修士2年生です。学生生活も残りわずかとなり、Social Databankでのエンジニアインターンも一区切りを迎えました。学生最後にインターン内で最高学年という立場になり、「組織運営」や「チームのテックリード」として向き合うことになりました。その中で、自分の役割や視点がどのように変わっていったのかに焦点を当てて振り返ります。!Social Databankのインターンでは、30〜40人ほどの学生が主体となり、複数の案件を並行して進めています。基本的に...
3ヶ月前

【Laravel / PHP】デバッグ初心者が覚えるべきログ出力4選
ソーシャルデータバンク テックブログのフィード
Social Databank Advent Calendar 2025 の20日目です。こんにちは!Chiharuです🪶私は現在、新卒1年目で未経験からエンジニアに挑戦しています!今回は、私がずっと苦戦している 「デバッグ」 についてお話しします。コーディングをしていると、必ずと言っていいほど「なんでエラーが出るの?」「なんで思った通りに動かないの?」という壁にぶつかりますよね。私自身も、エラーが出ている理由が分からず、長時間悩んでしまったことが何度もあります。(今思うと、そのときはエラー文をちゃんと読まず、データの中身を見ることもせずに、ただコードを眺めて「分からない…」...
3ヶ月前

アクターモデルによる分散システム設計 - Proto.Actor(Go)
ソーシャルデータバンク テックブログのフィード
はじめにSocial Databank Advent Calendar 2025 の20日目です。先日開催された Architecture Conference 2025 で、加藤潤一さんによる「メッセージ駆動が可能にする結合の最適化」というセッションを聴講しました。セッションの中で登場した位置透過性という概念がとても印象に残りました。また、弊社では現在、ボトルネックになりがちな Aurora MySQL から分散型 NewSQL である TiDB への移行 PoC を進めています。この取り組みからも分散システムへの個人的関心が高まっており、アプリケーション層においても分散シス...
3ヶ月前

2年目エンジニアが新人メンターをして、気付いた学び
ソーシャルデータバンク テックブログのフィード
Social Databank Advent Calendar 2025 の 19 日目です。半年間、新人エンジニアのメンターをやって気付いた学びを書こうと思います。自分は 2 年目エンジニアでメンターを担当するのは初めてだったため、事前に Udemy で 1on1 や OJT のやり方を一通り勉強しました。「ちゃんと準備したし、これでいけるだろう」と思っていたのですが、実際にはあまりうまくいきませんでした。この記事では、Udemy で学んだことと、実際にやってみてうまくいかなかったこと、そして半年間メンターを担当して分かった自分なりの知見を共有したいと思います。 Udemy ...
3ヶ月前

Laravel + Vue 3 Docker 開発環境構築手順
ソーシャルデータバンク テックブログのフィード
■ はじめにSocial Databank Advent Calendar 2025 の 18 日目です。こんにちは。エンジニアの西崎です。今回は laravel・vue3 の開発環境を作る手順を記事にまとめていきたいと思います。 1. ディレクトリ作成 ディレクトリ構成laravel-vue-app/├─ backend/ # PHP(Laravelなど)│ ├─ Dockerfile│ └─ ...├─ frontend/ # Vue3 + TS│ ├─ Dockerfile│ ├─ package....
3ヶ月前

Github Container RegistryにマルチアーキテクチャイメージをPushして運用してみる
ソーシャルデータバンク テックブログのフィード
この記事は Social Databank Advent Calendar 2025 の 17 日目の記事です。 はじめに皆さんは Github Container Registry というものをご存知でしょうか?Github Container Registry (以降、GHCR) は、GitHub が提供するコンテナイメージのホスティングサービスで、Docker イメージや OCI イメージを簡単に管理・配布できるプラットフォームです。かなりざっくりに言ってしまえば、皆さんお馴染みの Docker Hub の Github 版のようなものです。逸般の誤家庭な我が家には不定...
3ヶ月前