あれこれ 備忘録的な書き殴りな文書です。あしからず。 オシャンティーな技術スタックで、大きな組織でやるのも面白いと思うけど、小さな会社でレガシーなシステムやメンバーと向き合うのも悪く無いよ！ってことを伝えたいのだけど、これが楽しめる人いるかな？私は楽しいよ！ ジョインした時点の状況 開発体制 開発エンジニア（入社半年） インフラエンジニア（５年前後、QA兼ねる） 主力サービスの協力会社 0.5人月程度 会社の屋台骨の 主力事業のSaaSサービスがあるが、業務委託の0.5人月程度の工数の範囲でできる改修を行っていた。 開発エンジニアは新規機能を開発していた。 課題感 一度作られたシステムは、表(UI/UX)も、裏(システム)もレガシーな状況であった。 限られたエンジニアのリソースは、営業視点で、あったら売りやすい機能開発に費やされており、負債返却や、使い心地の改善には充てられていなかった。

はじめに エンジニアとして成長し、「つよつよエンジニア」と呼ばれて周囲から評価されるエンジニアになりたいという若手エンジニアや学生の方は多くいると思います。 私は今までで数百人以上のエンジニアと一緒に仕事をしており、その中にはベンチャーや上場企業でCTO/VPoT/テックリードといった役職についている「つよつよエンジニア」も多くいます。 (かくいう私も組織マネジメント力よりは技術力を評価されてCTOをしていますし、今もコードを書いています)。 「つよつよエンジニアになるためにはどのようなアクションをとればいいか」という視点で述べられていることは多くても「成果物にどのような特徴があるのか」という観点で述べられていることはあまり無い印象です。 成果物の特徴さえわかれば、まだ自身がそのレベルまで到達できていなくても、成果物のレベルを引き上げることができます。 （世阿弥の「風姿花伝」でも「真似る」

顧客エンゲージメントプラットフォーム「Braze」を提供するBrazeは7月12日、虎ノ門ヒルズフォーラムにてイベント「CITY×CITY JAPAN」を開催した。本記事では同日午前中に行われた基調講演「ニッポンのマーケティングを変えよう」の内容の一部をレポートする。 「カスタマーエンゲージメントの未来を考える」のセッションでは、Braze CEO兼共同創業者のビル・マグヌソン氏が、ファーストパーティーデータの重要性について説明した。 ビル氏は、同社創業以来の12年間で、モバイル環境を中心に大きな変革があったことを提示。企業は商品やサービスの購入者の体験を理解しようとし、より高い価値を提供しようと顧客情報の獲得を進めてきたが、その中で「サードパーティーデータのアイデンティティは消滅しつつある。運用にはコストがかかり、さらに個人情報保護の観点においても課題がある」と話す。 続いてビル氏は、フ

風音屋では、データエンジニア、データアナリスト、データコンサルタントを募集しています。 書籍執筆者やOSSコントリビューターなど、業界を代表する20名以上のアドバイザーと一緒にベストプラクティスを追求できる環境です。 ぜひカジュアルトークをお申し込みください。 はじめに こんにちは。廣瀬智史 (@satoshihirose) と申します。 Looker の LookML は便利ですよね。LookML はデータモデリングを抽象化してコードによる管理を可能にし、利便性を向上させました。 LookML については Google Cloud の LookMLの紹介 で次のように説明されています。 LookML は SQL データベース内のディメンション、集計、計算、データの関係を記述するための言語です。Looker は LookML で記述されたモデルを使用して、特定のデータベースに対する SQL

在宅で仕事や勉強をしている時間が増えてくると、ずっと無音だと寂しい気がして、できればあまり気にならないBGMや環境音があるといいなあ、と思ったことはありませんか？ ちょうど2年前にそうしたBGMなどをまとめた記事を公開したところ、大変好評でした。しかし2年も経過すると、紹介した音源の多くが配信を終了してしまっています。 そこであらためて、現在配信中の音源を集めたBGM集 2023年版を作りました。 いつアクセスしてもすぐに聞けるような、24時間365日ライブ配信をしている動画や音源をできるだけ選んでいます。仕事や勉強の役に立てていただければ幸いです。 作業用BGMの定番としてのLoFiチャンネル 落ち着いたBGMあるいはチルアウトミュージックとしてのLoFi HipHop/LoFi Beats系の音楽は、ここ1年～2年ですっかり世の中に浸透した感じがあります。 特にYouTubeでの24時

4月25日に開始した「離乳食後期の全店無料提供」の取り組みに対して、さまざまなお声をいただきました。 お声を受けてからの発言を控えておりましたのは、私たちの存在意義について想いを巡らせ、考えを深めていたからです。 改めまして、私たちがどのような想いでこの取り組みをはじめたのか、何を実現したいのかを私たちの言葉でお伝えしたいと思います。 ―――――――――― 私たちスープストックトーキョーの企業理念は、「世の中の体温をあげる」です。 スープという料理を通じて身体の体温をあげるだけではなく、心の体温をあげたい。 そんな願いを一杯のスープに込めた事業を行っています。 その理念のもと、さまざまな理由で食べることへの制約があったり、自由な食事がままならないという方々の助けになれればと「Soup for all!」という食のバリアフリーの取り組みを推進しています。 これまでの取り組みでは、 ・グルテン

🥳ゆいせき🥳 @yuiseki_ ChatGPT論破モード、少しでも脇の甘い曖昧なことを書くと速攻で論破されて、なかなか性能がいいな？ 自然数って無限に「あり」ますよね → 自然数が無限に「ある」とは言えないですね。ハイ論破 自然数って可算無限集合ですよね → これは正解なのでめちゃくちゃな論破をしてくる pic.twitter.com/uswLQi8m8R

// auth.ts import NextAuth from "next-auth" import GitHub from "next-auth/providers/github" export const { auth, handlers } = NextAuth({ providers: [GitHub] }) // middleware.ts export { auth as middleware } from "@/auth" // app/api/auth/[...nextauth]/route.ts import { handlers } from "@/auth" export const { GET, POST } = handlers // src/auth.ts import { SvelteKitAuth } from "@auth/sveltekit" impor

はじめに 自分がAWSをこれっぽっちも知らない頃、 ググって出てきたどこか知らんサイトからだと、「欲しい情報はこれじゃない」ってのが多くあった。 そんなこと繰り返していると エラー、トラブル時に即対応できない 間違って構築したせいで運用時に悪化してしまう 古いソースコードでエラーがでて動かない これで無駄な時間を過ごすことになる。 要は「ググって得たその情報で、作ったものは正しいのか？」 AWSは常にアップデートされ続ける 欲しい情報を手に入れるまで調べる時間を割くなら、 公式展開してるサイトから得たほうが正確である。 ということで、最速でAWSを攻略するサイトをまとめる。 この記事をブックマークでもしておくと、ググる手間も省けるだろう。 目次 AWSドキュメンテーション AWSサービス別資料 トレーニングライブラリ AWSブログ アーキテクチャーセンター ワークショップをする よくある質

はじめに 今回の記事では、個人の独断と偏見で2022年～2023年で必ず確認するべきGitHubのリポジトリを紹介する。私のTwitterでこれまで紹介したものもあれば、そうではないものもある。 GitHubはプログラマーにとって、普段の学習・開発を進めるうえでもっとも重要な情報源の１つである。本記事では、分野ごとに確認するべきGitHubリポジトリを紹介する。 なお、今回の記事で紹介するGitHubリポジトリの分野は以下の通り。内容はWeb開発に特化している。 確認必須 Web Python JavaScript TypeScript ちなみに、「確認必須」は分野を問わずすべてのプログラマーに役立つGitHubリポジトリを紹介している。 今回の記事を通して、年末年始の学習・開発に大いに役立ててもらえたら幸いだ。 確認必須 freeCodeCamp 世界最大規模のプログラミングメディア「f

はい、こんにちは、私です。 カタールW杯はアルゼンチンの優勝で終わりました。御覧になった方は知っているとは思いますが、あまりに、あまりに素晴らしい試合でした。自分が見たサッカーの試合ではベスト３に入ります。試合前のストーリー、試合内容、監督の采配、試合後のアルゼンチンの熱狂、それら全てが素晴らしい、本当に素晴らしい試合でした。 あまりに素晴らしい試合だったので、備忘録もかねて試合のレビューを残しておこうと思いました。未だにあの試合の余韻が抜けてません。それほどの試合でした。 一生のうちに、数試合しか見れないであろう、そんなスポーツ史上に残る試合であったと思います。 試合前のストーリー、メッシの旅の終わりとムバッペ伝説の始まり 先にこの試合の前のストーリーの話から始めたいと思います。 カタールW杯はサッカー界を長い事牽引し続けた二人のスーパースター、そして今後長らくサッカー界を牽引するであろ

はじめに カスタマーエンゲージメントとは Brazeとは Brazeの導入を検討した経緯について ゲストの家族構成、地域、興味に合ったパーソナライズされたメッセージが送れていない モバイルアプリのローンチに合わせて、アプリ内でのエンゲージメント、WEB、メール、LINE等のチャネルを跨いだ一貫したゲストとのコミュニケーションが取れていない ゲストが予約・購入しようとして途中で離脱してしまったが、そのタイミングでリアルタイムにメッセージを送れていない Braze導入にあたって実施したこと BrazeとGTM(Google Tag Manager)の統合 Brazeと連携させるためのGTM設定 ユーザの識別 ユーザのメール情報 各画面毎のカスタムタグ設定 Brazeの設定 カスタムイベントの作成 キャンバスの設定 キャンバスの構築 Braze導入後にサービスにもたらされた効果 最後に はじめに

React + TypeScript + Three.js を使って「200行ぐらいで書ける」簡単な3Dゲームを作ってみたthree.jsTypeScriptゲーム制作React作ってみた はじめに かけだしバックエンドエンジニアのhiです。 最近、JavaScriptで簡単に3D描画ができるライブラリ「Three.js」に興味を持って触っていました。どうせならなんか作ろうと思い簡単なゲームを作成してみました。よかったら見てやってください。 ゲーム↓ ソース↓ 作成環境 React：18.2.0 TypeScript：4.7.4 Three.js：0.143.0 作り方 0.前提 作り方を理解するには、React、TypeScript、Three.jsがある程度わかるぐらいの知識が必要となります。 特にReact、TypeScriptの知識がないと「???」ってなるので事前に他の記事などで

仕様 特定フォルダ以下にある画像を全て比較 jpeg、pngを対象 （zipの中にあるものも含む） 似ている画像をグルーピングしてjsonに出力 どうやって「似ている画像」を判定する？ 画像専用のハッシュを計算して比較します md5やsha256など、一般的なハッシュ関数だと 少しの違いでも全く違う値になります 画像専用のハッシュでは 少しの違いなら「同じ or 似ている値」になります これなら「解像度違い」「ロゴが入ってるだけの違い」なども判定できます この技術自体、解説されてるサイトやブログはいくつかありますが Perceptual Hashを使って画像の類似度を計算してみる - ユニファ開発者ブログ がわかりやすいと思うので掲載しておきます 「似ている」という判定 いずれの画像ハッシュ法でもやることは同じで、以下をやるだけです 同じ画像ハッシュ法でImageAとImageBそれぞれの

AppleやNike、Teslaといった誰もが知る大企業のWebレイアウトを、CSSで再現するテクニック集がTwitterで投稿され、話題となっています。 CSSのみで表現できる目からウロコのテクニックが中心で、あの驚くようなエフェクトも実はシンプルな数行のコードで表現されていたりします。 コピペできるCSSコードと一緒に、デモサンプルも確認してみましょう。CSSで解決できるテクニック、増えています。 「これどうやる？」アップルやナイキなど大企業Webサイトで利用中のレイアウト再現CSSテクニック集 ノーコードでレスポンシブなデザインを構築できる Builder.io のCEO @Steve8708は、有名サイトで使われている魅力的なレイアウトが、どのように作成されているのか、コピー用のサンプルコードと一緒にみじかい動画で詳しく紹介しています。 ユーザーの視線を奪うアニメーションやレイアウ

大阪オフィスの玉井です。 本記事は2022年7月12日に開催された Braze FORGE Japan 2022 に関するものです。 Braze FORGEでは、イベントをより楽しんでもらうために、イベント専用のスマホアプリが用意されています。 当イベントでは、アプリを使ったイベントが施策が用意されていました。今回、私も現地に赴き、実際にアプリを使った施策に参加してみたので、そちらの模様をお届けします。 イベント専用アプリについて 位置情報を用いた顧客体験（CX） こちらのアプリですが、イベントのセッション情報の確認等といった、通常の機能は当然ながらありました。 しかし、このスマホアプリの一番の目玉は位置情報を用いた顧客体験です。 会場のどこかにクーポンが隠されたスポットが存在しており、そこに（スマホアプリをインストールした状態で）近づくと、アプリにプッシュ通知が届き、ドリンク等と交換でき

Braze主催リアル・イベントが7月12日に竹芝で開催　カスタマーエンゲージメントの最先端を体験！　メルカリ・KFCも登壇決定 統合型カスタマーエンゲージメントプラットフォームを提供するBraze株式会社は7月12日、東京ポートシティ竹芝で日本初開催となるイベント「FORGE Japan 2022」( https://ter.li/zpz54a )を開催する。当日はマーケティングのグローバル最新トレンドや、日本ケンタッキー・フライド・チキン（以下、KFC）やメルカリUSなどの事例を紹介するほか、国際的な広告賞で3冠を獲ったバーガーキングUSのキャンペーンを会場で“体感”できる。Brazeの菊地真之社長に最先端のリアルタイムマーケティングの現状やイベントの詳細について話を聞いた。 国内外のトップブランドに選ばれる理由 ――まずは御社の事業内容や提供サービスについて教えてください。 当社は統合

こんにちは。サーバーワークス こけし部 部長でCS課の坂本（@t_sakam）です。前回に続いて、Serverless Frameworkの話題です。 前回は、Serverless Frameworkのドキュメントに沿って、簡単に使い方を確かめてみました。今回は、API GatewayやDynamoDBをからめた使い方をみてみたいと思います。 Serverless Frameworkを使うと、設定ファイルのserverless.ymlに必要な設定を書いて「serverless deploy」とコマンドを打つだけで、必要なリソースの作成ができます。Lambdaファンクションのデプロイだけでなく、API GatewayとDynamoDBのリソース作成もServerless Frameworkでやってしまいましょう。 Serverless Frameworkのアップデート サービスの作成 必要な

はじめに 私は個人開発で一山当てたいと常々思っていて、そのためにいくつかヒットしそうなサービスのアイデアがあります。エンジニアであればアイデアを具現化することに躊躇してはいけないと思うわけですが、一度リリースしてしまうとランニングコストが発生するわけで、仮に全く人気がでなかったとしたらランニングコスト分の赤字を垂れ流すことになります。 一方、個人開発者というのはおそらく誰しも夢見がちなので、リリース後バズったりしてユーザーが大量に押し寄せてきてしまってサーバーダウンする可能性も考えてしまいます。 その結果、「全く誰も来なくてランニングコストが赤字になったらどうしよう」という不安と「めちゃくちゃバズってしまってサーバーダウンしてチャンスを逃したらどうしよう」という不安が、心の中でせめぎ合うことになります。 そこで、今回はその2つの不安を一気に解消する「使われなければランニングコストが限りなく