本記事は ブログ書き初めウィーク 最終日の記事です。 📝 8日目② ▶▶ 本記事 📅 はじめに SPA(Single Page Application)とは SPAの基本的な仕組み SPA開発に適したフレームワーク Vue.jsとは Vueの構成 今回利用した環境 Node.jsのインストール Vue CLIのインストール npm (Node Package Manager) Vue.jsで使用できるUIフレームワーク BootstrapVue Vuetify 実装例 モーダル画面の作成 画面表示 まとめ

はじめまして、株式会社タップルのKoigramでサーバーサイド開発を担当している安田航希(@_kok ...

1. はじめに こんにちは、クラウドエース第三開発部の秋庭です。 前回の記事では、Identity Platform の多要素認証を活用する方法をご紹介しました。今回は Identity Platform のテナント機能についてご紹介できればと思います。 前回の記事はこちらになります。 https://zenn.dev/cloud_ace/articles/c65abf3ca87336 現代のアプリケーション開発において、セキュリティとユーザー管理は極めて重要です。特に、複数の顧客や組織を一元的に管理する

こんにちは！ サービス開発部の木伏と申します。 突然ですが皆さん、日々の開発環境はどのツールで管理していますか？ 僕は今までNode.jsならばnvm、Pythonならばpyenvを使用していましたがそれぞれ単独の場合はまだしも、複合的な仮想環境を作成したい場合少し煩わしさを感じていました。 Dockerを使えばいいという話でもありますが、そこまでしなくとも……という場面は往々にしてあったりします。 そんなある日、mise(正式名称はmise-en-place)という環境管理ツールに出会って使用感が結構良

はじめに クラウドエース第三開発部の角谷（かどたに）です。 Google Apps Script（以下、GAS）を使用した開発において、多言語対応をやってみたのでその方法を紹介します。 対象読者 GAS 開発を行っている方（特に ASIDE を使用する方） GAS で多言語対応を行いたい方 ASIDE 環境で外部の npm パッケージを使用したい方 手順 前提条件 Node.js がインストールされている 手順 1. ASIDE で GAS の開発環境を構築 今回は ASIDE というフレームワークを用い

DynamoDBも当初はマネージドとしてシンプルでしたが要求が増えるにつえ複雑になってきました。 ＊ソフトウェアでは良くあることで、そして新しくシンプルなものが生まれ新しいサイクルが始まる モデリングなどはドキュメントを見ていただきつつ、この記事では間違えやすい抑えていただきたいポイントを解説します on-demandモードを使う 初期設定はprovisionedモードになりがちですが固定料金を取られます。また、トラフィックが読めないとき、増減激しいときもあるでしょう on-demandモードが無難です(

1. はじめに こんにちは、クラウドエース第三開発部の秋庭です。 今回は Identity Platform の活用方法についてご紹介できればと思います。 現代の Web アプリケーションにおいて、ユーザーの認証と管理は重要な要素です。IDaaS である Identity Platform を活用することで、これらの機能を効率的にアプリケーションに組み込むことが可能です。 今回の記事ではフロントエンドとバックエンドの SDK、双方の出来ることの違いを軸に、これらの使い分けについて紹介したいと思います。 以

こんにちは。本日は サイオステクノロジーのアドベントカレンダー「サイオス社員が今年一年で新たに学んだ技術」の最終日の内容をお届けします。 今回のテーマ、MCP( Model Context Protocol ) はチャット AI が外部のサービスを操作できるようにするツールです。 今回は Claude Desktop を使った MCP の入門としてファイル操作と Notion ページの編集を試してみました。 Claudeには基本無料で使うことができますが、最新のモデルClaude3.5 Sonnetは比較

LINEヤフー Advent Calendar 2024の記事です。 こんにちは。Developer Relationsの藤原です。 2024年12月8日（日）にWebサービスの高速化を図るチュー...

こんにちは！クラウドエースの河野です。 この記事では Firebase Genkit と Next.js を使って、生成 AI を活用したシンプルな Web アプリを構築する方法を、初心者にも分かりやすく解説します。 ! Firebase Genkit は現在ベータ版です（2024年12月16日時点、バージョン v0.9）。 今後の更新において下位互換性がない変更が加えられる可能性がある点にご注意ください。 このガイドで得られるもの Firebase Genkit を使った生成 AI 機能の効率的な実装方

株式会社エス・エム・エス Advent Calendar 2024 シリーズ 2の12月19日の記事です。カイポケリニューアルプロジェクトでエンジニアリングマネージャーをしている荒巻( @hotpepsi )です。この記事では、カイポケリニューアルプロジェクトでのフロントエンドチームの2年間の活動をお伝えしたいと思います。 qiita.com フロントエンドチームの発足 2022年末、ユースケースをもとに、フロントエンドとバックエンドそれぞれで開発していくことになり、フロントエンドチームが発足しました。

はじめに AppStreamの認証でCognitoを利用する方法がAWSハンズオンで公開されています。 ただし、公開されてから時間が経っているため、Lambdaのコードが古くてそのままでは動きません。 そこで、コードを最新化してみました。 AWSハンズオン AWSハンズオンはこちらです。 aws.amazon.com 修正内容 Lambdaで現在利用できるNode.js v18～となっている Node.jsで使用しているAWS SDK for JavaScriptのバージョンがv2からv3になるので、それ

この記事は、 ニフティグループ Advent Calendar 2024  19日目の記事です。 はじめに おはようございます。IWSです。 少しいきなりにはなるのですが、みなさんはずんだもんは好きですか？好きですよね？ 前々からゲーム実況の動画などで活躍していたり、「Cevio AI Song」 や 「NEUTRINO」 なども出て歌うずんだもんがいたりと見かける機会が多くなったのではないかと思います。 私も 「VOICEPEAK 東北きりたん」 を購入して一緒についてきた ずんだもん を喋ら

この記事は、 ニフティグループ Advent Calendar 2024 17日目の記事です。 はじめに こんにちは！新卒1年目の佐藤です。 現在ジョブローテの２期目で、基幹システムグループにて代理店様向けの申込ツールの開発・運用を主に行っています。 私が担当している開発の１つに ドキュメントのMarkdown化 があります。 この開発ではStarlightというフレームワークを使用したので、これについて紹介したいと思います！ 背景 チームの設計書管理について 私が現在所属しているチームでは前までExce

この記事は CyberAgent Developers Advent Calendar 2024 1 ...