はじめに こんにちは！ BASEのカートチームでバックエンドエンジニアをしている、かがの（ @ykagano ）です！ みなさん、ECカートでよく見るこのバッジをご存知ですか？（右上の赤丸部分です） これはカートに商品がいくつ入っているかを示すカートバッジです。 このカートバッジはPay IDアプリではすでに表示されていますが、これまでBASEのWebショップには表示されていませんでした。 今回はこのカートバッジをWebのショップにリリースしましたので、そのお話をしたいと思います。 カートバッジの実装方法

はじめに こんにちは、開発本部のデータ＆AIチームの24新卒の蜜澤です。 エブリーに入社してからもうすぐ1年が経つので、この1年間を振り返りたいと思います。 文字ばかりのポエムですが最後まで読んでいただけると嬉しいです！ 入社前 まず、入社する前の私の状況について触れたいと思います。 大学ではデータサイエンス学部に所属しており、主に統計学・機械学習について学んでいました。 いわゆるコンピューターサイエンスのようなことは学んだことはなく、Webやアプリの開発経験もなく、触れたことがある言語はR・Python

はじめに そもそもReactって何者？？ Reactのメリットをさくっと体感してみる マークアップの中の一部を切り出して、機能ごとにグループ化してみる 繰り返し使いたいもの（ボタンやテキストフォーム等）を共通コンポーネントとして切り出す 動的HTMLの作成 おわりに はじめに はじめまして、こんにちは。新入社員の嘉地です。 大学生になってすぐの頃、キーボードをL打ちしていたほど機械に弱かった私が、ITの道に進み、早いものでもう1年が経とうとしています。 年々、1年の経過スピードが早くなっていることに、かな

今回は、以前Difyで作成したプロトタイプ「 Dify入門ガイド：X投稿を自動生成！10分で作るブログPR効率化ワークフロー 」をGASと Azure OpenAI Service で業務アプリとして作成しました。Difyで作成したプロトタイプから、普段使いしやすいように業務アプリ化する具体的な流れについて解説していきます。 Dify版プロトタイプ プロトタイプについては、「 Dify入門ガイド：X投稿を自動生成！10分で作るブログPR効率化ワークフロー 」で紹介しています。 こちらのプロトタイプでは、「

PrivacyLabという組織でプライバシーに配慮した広告配信手法の研究、開発をしている松崎(@pp ...

今回は、「 実体験：Notion AIでブログ執筆が楽になる！3つの使い方をふんわり解説 」で紹介したタイトルとメタディスクリプション作成プロンプトを改善しました。プロンプトの紹介をしつつ、プロンプト作成の方法について紹介していきます。 プロンプト紹介 前回のプロンプトでは、タイトルとメタディスクリプションを同時に作成していました。プロンプトをより特化させるために分割しています。検証するためにサンプルとして、「 GASコード付き：URLからHTML取得＆圧縮する方法｜AI入力の最適化に 」を対象として実行

Google Apps Script（GAS）でURLから不要なタグや改行を削除した圧縮したテキスト情報を取得する方法について解説します。 圧縮の処理は以下になります。 imgタグのalt情報の分離 HTMLタグの削除 空白の削除 URLからHTMLを取得して情報を圧縮する まずは、ソースコード全体を貼ります。こちらは「URLを引数として受け取り、HTML情報を取得し、特定のタグ情報内に含まれる情報を圧縮し、テキストで返答する：返答するサンプルとなります。 function testFunction(ur

はじめに ご覧いただきありがとうございます。 2024年夏、社内ツール「CA Search」をリニュ ...

kymmt です。 先日2月10日に、一休のフロントエンド技術にフォーカスしたイベント「一休 Frontend Meetup」を開催しました。 ikyu.connpass.com 一休 Frontend Meetupとしては2年半ぶりの開催となりました。 このイベントでは一休開発チームのメンバーが登壇し、各サービスのフロントエンドについて工夫や知見を紹介しました。この記事ではイベントの様子を紹介します！ 当日のハッシュタグは #ikyu_dev でご覧になれます。 発表 『一休.com のログイン体験を支

今回は、GoogleChromeの拡張機能をサクッと作ってみようと思います。 概要 Google Chromeの拡張機能を作成する際には、主に3つの重要要素があります。 ポップアップ（popup） バックグラウンドスクリプト（background） コンテントスクリプト（content script） ポップアップ ポップアップは、ユーザーがChromeの拡張機能アイコンをクリックしたときに表示されるものです。 参考: DeepL コンテントスクリプト コンテントスクリプトは、ユーザーが閲覧しているウェブ

SCSK 岩井です。 前回はRaspberry Pi × 2台でWebサーバの冗長化を行いつつ、LED点灯を行いました。 今回はWebサーバの冗長化を踏襲しつつ、気温/気圧/湿度センサーを使って情報取得部分の冗長化をしてみたいと思います。   Raspberry PiでWebサーバ(冗長構成)を構築 Raspberry Piを2台使ってWebサーバの冗長化を行ってみたいと思います。 blog.usize-tech.com 2025.02.05   下準備 使用するRaspberry P

こんにちは　SCSK株式会社の坂木です。 ところで、社内資料の管理、効率的ですか？ 様々な形式の文書が散在し、必要な情報を探すのに時間を取られていませんか？ ファイルサーバーの奥底に埋もれどこにあるか分からない、バージョン管理が混乱する、などといった課題を抱えていませんか？ これらの非効率は、業務の生産性低下に直結します。 今こそ、社内資料の一元管理体制を見直しましょう！ ということで、 AWS Bedrockのナレッジベース を用いた資料の一括管理およびその検索方法をご紹介します！ Amazon Bed

当記事では、Google Kubernetes Engine（GKE）にデプロイした Web アプリケーション Ingress でインターネット公開する方法、またそのアプリに Cloud Armor ポリシーを設定して、アクセス元 IP アドレスを制限する方法を解説します。 概要 検証の概要 Google Kubernetes Engine とは Ingress とは Cloud Armor とは Firestore の準備 データベースの作成 データの準備 アプリケーションの準備 ソースコードの作成 m

こんにちは、サイオステクノロジーの遠藤です。 みなさん、Difyを利用して生成AIアプリ開発してますか？ノーコード・ローコードでアプリを作成できて、高度なAIアプリを素早く開発できるのが魅力的ですよね。 しかし、Dify上で作成したアプリを実際にどのように公開・活用できるのかについて、具体的な情報が少なく、戸惑うこともあるのではないでしょうか？ そこで本記事では、Difyで作成したアプリを外部に公開し、さまざまな方法で活用する方法を3つ紹介します。 シングルページWebアプリとして公開する 外部のWebア

こんにちは、サイオステクノロジーの遠藤です。 生成AIが身近になり、多くの場面で活用されるようになってきました。しかし、「もっと自分の業務に特化した情報をAIに学習させられたら…」「社内のナレッジを活かして、より正確な回答を返せたら…」と思ったことはありませんか？ そんな課題を解決するのが RAG（Retrieval Augmented Generation） という技術です。RAGを活用すると、AIが外部のデータを検索し、その情報をもとに回答を生成できるようになります。これにより、一般的な知識に基づくだ