こんにちは。クルーズ株式会社CTOの鈴木です。   過去のテックブログにて「今後を見据えてFlutterの検証を始めた話」でも触れたとおり、インフラ構成を変える構想を今考えています。 あらためて要点でいうと、 MVC アーキテクチャ 、特にテンプレートエンジンの利用をやめるサーバは API の結果のみを返し、ブラウザの場合はフロントエンド フレームワーク がHTMLを組み立てブラウザに返すというものです。 上記を実現するものとしてフロントエンド フレームワーク の導入を検討しているというのが今回の話です。

はじめに 対象読者 TL;DR OpenAPI Specificationとは OASを導入することの何が嬉しい？ 1. プロダクトごとにAPI仕様書を記述するツールやフォーマットがバラバラでスイッチングコストがかかる 2. 記述量が増えると動作が重くなる 3. API仕様変更の伝達漏れの多発 導入までの課題 1. OASの調査に時間をかけすぎた 2. OASのデメリット全てに対応策を講じようとしてしまったこと 導入して１年、開発環境は改善されたのか？ おわりに はじめに ラク スフロントエンド開発2課の

みなさん、こんにちは。AWS ソリューションアーキテクトの小林です。 9月26日に、オンラインイベント「 AWS Innovate 」が開催されます。このイベントは定期的に開催しているものですが、今回のテーマは「Migrate. Modernize. Build.」です。変化が早い時代に対応するためには、生成AIをはじめとする新しい技術の活用を視野に入れつつ、自分達も素早く変化することが必要です。今回のAWS Innovateではアジリティ、俊敏性を高めるためのヒントをお届けします。無料でご参加頂けますの

マイページ開発の背景 ユーザー情報の閲覧、変更がSafieViewerの1ページとして存在していた セッション管理はアプリケーション間で共通であるにもかかわらず、ログイン画面が各アプリケーションに存在し、個別にメンテナンスされていた アプリケーションのラインナップが増えていく中で、各アプリケーションの相互遷移ができない 課題に対するアプローチ マイページの開発 利用中のアプリケーション一覧の表示 ユーザー情報、デバイス・契約情報、明細の閲覧 ログイン機能をマイページに統合する 共通ヘッダーの開発 ログイン

こんにちは。金融ソリューション事業部の姫野です。 1. 今回実装する内容 1.1 実装内容のキーポイント 1.2 ユーザー体験の流れ 1.3 ガス代について 2. 利用サービス 2.1 thirdwebサービス 2.1.1 Connect 2.1.2 Engine 2.1.3 Drop（ERC1155） 2.1.4 React SDK 2.2 その他 3. 実装詳細 3.1 配布用のNFTコントラクトの作成 3.1.1 thirdwebへウォレットでログイン（or 新規作成） 3.1.2 コントラクトの作

チームの管理情報を溜めていたオンプレ基盤で動く NetBox を Amazon Elastic Container Service へ AWS Cloud Development Kit を用いて移植しました。 今まで NetBox をオンプレで動かしていた際には以下のような運用の難しさがありました。 DB も Docker コンテナによって管理されており、冗長化もなかったため DB コンテナが落ちてしまうとサービス提供できなくなる可能性があった Docker Compose で動かしているので、サービス

GenieeのCTO孟です。 だいぶ前から生成AIを用いた開発効率を上げる方法を模索してきました。 社内ではGitHub Copilotの導入は比較的成功したかなと思います。 Copilotだけでもコードの補完まではしてくれて、とても快適です。 しかし、チャットで指示するだけで開発をしてくれるまでには至りませんでした。 Claude 3.5 Sonnetがリリースされた後、思った以上に凄かったので、自分のお気に入りの使い方をいくつか紹介したいと思います。 なぜClaude 3.5 Sonnetが良いのか？

こんにんちは。 フロントエンド開発グループのいっちーです。 ココナラでは新規サービスの立ち上がりに伴い、ヘッダやフッタといったすべてのサービスで利用される共通UIの需要が高まってきております。 今回はその課題解決に向けて現在進行している取り組みについてのお話になります。 課題感 すべてのサービスで共通のUIとして実装されているヘッダ、フッタに変更が生じた場合、すべてのサービス（リポジトリ）で修正する必要がありその都度対応していくのがものすごく大変なのは想像に難くないかと思います。 そこで共通UIを外部に切

本ブログは、株式会社ユビタスと Amazon Web Services Japan が共同で執筆いたしました。 株式会社ユビタス は、NVIDIA の投資を受けたテクノロジー企業で、世界有数の GPU 仮想化とクラウドストリーミング技術を有しています。クラウドと AI 分野での最高のサービスを提供することを目指しています。ユビタスは、台湾大学や東京大学などの著名大学と協力し、繁体字・日本語の大規模言語モデル（LLM）を学習させるほか、AI キャラクターソリューション「 UbiONE 」を立ち上げ、ブランド

こんにちはミイダス Tech Officeです。 ミイダス株式会社のテックチームが直近で開発した機能を現場のエンジニアから共有する「 MIIDAS Tech LIVE 」 第6回目の開催となる今回は3つのリリース情報をお届けしました。 採用マッチングサービス「ミイダス」は、独自の診断ツールで採用のミスマッチを減らす中途採用サービスです。メインの採用関連の機能に加え、診断や研修、組織サーベイの支援金の検索機能など、幅広い機能開発が行われています。 MIIDAS Tech LIVE #6 (2024/06/2

はじめに 皆様、こんにちは。クラウドエース フロントエンド・UI/UX部の河野と申します。 今回は、新卒研修の成果物として開発した Next.js ウェブアプリケーションのデプロイ過程で、Firebase App Hosting で実際にデプロイをした経験をご紹介できればと思います。 この記事を通じて、最新のクラウドテクノロジーがもたらす可能性と、実践的な知見を皆様と共有できればと幸いです。 Firebase App Hosting について 動的な Next.js と Angular アプリケーションの

こんにちは クラウドエース株式会社 フロントエンド・UI/UX 部の雪村です。 Google Maps Platform の Maps JavaScript API に Photorealistic 3D Maps 機能が追加されました。 （2024/6/17 現在 pre-GA（一般提供前）の試験運用版です。） 今回はこの機能を React Google Maps ライブラリを使用してお試しする方法をご紹介します。 ! ここでご紹介する方法はアルファ版の機能を試験的に導入するための手順です。 本番環境で

はじめに PGliteの概要 PGliteの特徴 PGliteを試す ブラウザで使う PGliteの速度計測 まとめ はじめに こんにちは！エンジニア２年目のTKDSです！ 今回はPGliteについて調べてみました！ 概要・使い方・速度実験・まとめの内容で記事は構成されています。 使ってみた結果として、軽量高速であり色々使いみちがありそうなツールだと感じました。 ぜひ最後まで読んでいただけると幸いです。 PGliteの概要 PGliteは、 PostgreSQL をWebAssembly（WASM）に コ

この記事は、リレーブログ企画「24新卒リレーブログ」の記事です。 はじめに こんにちは。初めまして、新卒1年目の塚崎です。 現在、ジョブローテの1期目として、第一開発チーム（ https://engineering.nifty.co.jp/blog/26940 ）でとあるサイトをリニューアルするプロジェクトを進めています。このリニューアルではフロントエンドでNext.jsを採用し、バックエンドではGraphQLを採用しています。今回のリニューアルで私は主にフロントエンドの実装を担当しているのですが、Gra

目次 はじめに Colocation を意識した設計方針 Parallel Routes と Int ...