ジャンプTOON Web アプリケーションの全体像〜採用技術と開発方針〜 | CyberAgent Developers Blog
目次 はじめに Next.js × GraphQL のサーバー間通信 Fastly でのコンテンツ配信とキャッシュ方針 vanilla-extract の採用とスタイリングシステム Chromatic による UI テスト / UI レビュー Datadog でのサービスモニタリング ジャンプTOON の CI/CD リリース戦略とブランチ運用の工夫 おわりに はじめに ジャンプTOON の Web 版（以降、ジャンプTOON Web）の開発を担当している2024年度新卒入社の鏑木 俊樹（かぶらき としき） @tosssssy_ です。 5 月にサービスを開始した「ジャンプTOON」は、オリジナル縦読みマンガ作品や人気作品のタテカラー版を連載する、ジャンプグループ発の新サービスです。 ジャンプTOON Web では Next.js App Router （v14.2）を採用して開発をしてお
株式会社リクルート エンジニアコース新人研修の内容を公開します！（2024年度版） | Recruit Tech Blog
はじめに こんにちは！ 2024年度新卒エンジニアの山本です！ 株式会社リクルートの新卒エンジニアは部署配属される前にBootCampと呼ばれる研修を受けることになります。 今年は約３ヶ月間の研修があり、実際に受講した立場から講座の共有や紹介を行っていきたいと思います。 研修概要 研修では、配属後で活かせるエンジニアリング技術を体系的に学ぶことができるだけでなく、ヒューマンスキル育成や事業理解といったプログラムも準備されているため、エンジニアとして様々な観点から成長できる機会になっています。 エンジニアリング技術に関しては、フロントエンド、バックエンド、モバイルアプリ、インフラ、セキュリティなど幅広い講座が用意されています。講座によっては、チーム開発や競技形式での手を動かして学ぶ講座も用意されており、より理解を深められるような講座になっています。 ヒューマンスキル育成に関しては、ロジカルシ
web3入門：web3ウォレットサービスとは？主要3サービスを徹底比較 - 電通総研 テックブログ
こんにちは。金融ソリューション事業部の姫野です。本ブログではweb3の重要な役割を担うweb3ウォレットサービス3つを解説します。前半はweb3の説明もしていますので、web3に馴染みがない方も、ぜひチェックしてみてください。 [:contents] 1. web3とは web3とはインターネットの新しい形態であり、ブロックチェーンなどの技術を活用した分散型ネットワークによってユーザーが自らのデータを直接管理できる技術です。この技術により、デジタルアイデンティティやデジタルアセット（例えば、NFTや仮想通貨）を自分のコントロール下に置くことが可能となります。 web3で重要な役割を担うウォレット（デジタルウォレット） web3の環境では、各ユーザーが後述する秘密鍵を用いて、IDと残高を個人で管理します。この管理を行うアプリケーションを一般的に「ブロックチェーンウォレット」や「web3ウォレ
GitHub Foundations合格体験記 - Alternative Architecture DOJO
はじめに 本格的なカンカン照りの厳しい暑さとなり、８月の到来となりました🌄 こんにちは！やしきんこと中屋敷です。 今回は、先日合格したGitHub Foundationsの受験体験記を書きました。 GitHub Foundationsとは GitHub Foundationsは、GitHubの公式認定資格である「GitHub Certifications」の中の資格になります。 この「GitHub Certifications」は今まで、GitHubの従業員とパートナー限定で受験できた資格でしたが、2024年1月8日から一般提供が開始されました。 特に、GitHub FoundationsはGitHubの基礎的な部分を問われる資格となっており、「GitHub Certifications」の中でも一番新しく登場した資格になります。 aadojo.alterbooth.com GitHub
AthenaとStep Functionsで特定の条件に該当するユーザーを抽出してLINE公式アカウントのオーディエンスを一括作成してみた | DevelopersIO
リテールアプリ共創部@大阪の岩田です。 LINE公式アカウントのオーディエンス作成について検証する機会があったので検証した内容について共有させて頂きます。 やること こんな構成を作ります。 何かしらのシステムが顧客の属性値とLINEユーザーIDの情報を定期的にS3バケットに出力していると想定し、出力されたファイルから条件に該当するユーザーIDを抽出し、LINEのMessaging APIを利用してユーザーIDアップロード用のオーディエンスを作成する一連の処理をStepFunctionsで構築します。 このブログではシンプルに以下のようなJSONファイルが出力されている前提とし、prefが兵庫県のユーザーIDを抽出してオーディエンスを作ってみます。 サクっと検証するのが目的なのでオーディエンス作成のAPIエンドポイントはJSON指定のエンドポイントを利用します。JSON指定のエンドポイントは
WSL2にUbuntu Desktop環境をインストールしてみた | AsTechLog
VcXsrvのインストールと設定は上記の記事をご覧ください。ただし、「Display setting」の所では、「Multiple windows」ではなく「One large window」を選択してください。 理由は、「Multiple windows」のままUbuntu Desktop環境を起動すると、フルスクリーンでUbuntuの画面が表示されてしまって扱いづらいためです。 設定が終わると、ただの黒い画面が表示されます。後ほど、ここにUbuntu Desktopが表示されます。 Ubuntu DesktopのインストールUbuntu Desktop自体は、コマンド一つでインストールできるのですが、そもそもUbuntu Desktopを動かすには、WSL2でGUIアプリが動くように設定してある必要があります。 まっさらなWSL2＋Ubuntu 20.04の状態からUbuntu Des
WSL2の仮想ハードディスクvhdxファイルを移動する - Qiita
はじめに Zybo-Z7の開発環境としてWindows版のVivadoとVitis、WSL2のUbuntu（18.04.6 LTS）にPetaLinux、Linux版のVivdoとVitisをインストールしたら、465GBのC:ドライブの空き容量が心ものなくなってしまったので、WSL2の仮想ハードディスクファイル（vhdxファイル）をD:ドライブに移動した。 やり方としては、 ディストリビューションを別領域に複製後、元のディストリビューションを削除 ディストリビューションをexportし、ディストリビューションを削除、そして、exportしたファイルをimport の２つあるので、それぞれをやってみた。 準備 起動中のUbuntuを終了する exitでWindowsターミナルを閉じただけでは、Running状態のままなので、wsl --shutdown か wsl --terminate
"AWS Organizationsのユースケースで学ぶ AWSアカウント管理のベストプラクティス"というウェビナーで登壇しました | DevelopersIO
はじめに お疲れさまです。とーちです。 2024/7/31に開催された「AWS Organizationsのユースケースで学ぶ AWSアカウント管理のベストプラクティス」というウェビナーで登壇しました。 本記事ではその際に使用した資料をご紹介します。 登壇資料 資料概要 資料の流れとしては以下の通りです AWSを運用していく上ではマルチアカウント管理が重要 しかし、やみくもにAWSアカウントをたくさん作成していると多数のアカウントを管理しきれない等の課題も マルチアカウントにおける課題を解決するのがAWS Organizations 以下の課題についてAWS Organizationsを使うとどのように解決できるかをお伝え 複数アカウントがあるとログインや権限管理が煩雑に 複数アカウント間でのベースライン設定の統一できていない 複数のアカウントがあるとAWS全体のコストの把握や最適化が難し
TiDB ServerlessとTiDB Cloud(Dedicated)どちらがいいのだろう？
はじめに PingCAPの小板橋です。はじめまして！ TiDBの入門記事から上級者編を取り扱う本アカウント第2回目はTiDB ServerlessとTiDB Cloud(Dedicated)どちらがいいのだろう？という問いに答えていきたいと思います。 TiDB ServerlessとTiDB Cloud(Dedicated)の違いは？ TiDBには、3つのラインナップが存在します。 TiDB Serverless TiDB Cloud(Dedicated) OSSで公開されているTiDB(Self-host) 今回は、このうちTiDB ServerlessとTiDB Cloud(Dedicated)の違いについてを比較していこうと思います。 なお、比較するのは現時点(2024年4月2日時点のものになります。) そもそもTiDBのアーキテクチャ まず、TiDBのアーキテクチャとしては3つのコ
Fastly と Cloud CDN の機能について比較してみた | iret.media
パフォーマンスの向上やユーザーエクスペリエンスの最適化を目的として、Contents Delivery Network（CDN） を導入している企業は少なくないと思います。 特に近年では、導入および運用管理のしやすさからクラウド型の CDN の人気が高まっています。 今回は私の経験をベースに Fastly と Google Cloud の Cloud CDN について比較を行いました。 概要 まずは、それぞれの特徴や所感についてざっくりと説明します。 Fastly は基本的に Varnish Configuration Language（VCL） を使用した制御となりますが、コンソールでのサービス構築もできるため、VCLの知識がそこまでなくても設定はできそうと感じました。 しかし、細かい設定を行いたい場合はVCLを使って記述する必要があるため、初心者のハードルは高いと感じました。 その代わ
cronをEventBridge Schedulerに移行してみた - TECHSCORE BLOG
はじめに 「Synergy!」はオンプレ環境からAWS環境へのクラウド移行を行った際に、まだ知見が十分な状態ではなく、Linuxインスタンスで実行するcronジョブはAmazon マシンイメージ(以後AMI)内に記載していました。 ところが運用において、cronジョブの変更が必要になった際にAMIの作り直しを行ったり、Auto Scaling グループの更新(Linuxインスタンスの入れ替え)などの作業を行う必要があり、工数がかかる原因となっていました。 今回は、Linuxインスタンスで実行するcronジョブをEventBridge Schedulerに移行した際の手順や、そこで得た知見などをお話しさせていただきます。 なぜ今更cronジョブのEventBridge Scheduler登録を記事にしたか？ 2022年11月10日にAmazon EventBridge Schedulerの提
AthenaでCTAS / Insert でパーティション100件超の作成で発生するエラーはIcebergでも発生するのか確認してみた | DevelopersIO
AthenaでCTAS / Insert でパーティション100件超の作成で発生するエラーはIcebergでも発生するのか確認してみた Athenaでは、CTASやInsertにてクエリ毎のパーティション作成数は最大100個に制限されています。100パーティションを超える追加が発生した場合は `HIVE_TOO_MANY_OPEN_PARTITIONS: Exceeded limit of 100 open writers for partitions/buckets` というエラーが発生します。 Icebergテーブルに対しても発生するのか確認し、回避方法も合わせて検討しました。 データ事業本部の笠原です。 Athenaでは、CTASやInsertにてクエリ毎のパーティション作成数は最大100個に制限されています。100パーティションを超える追加が発生した場合は HIVE_TOO_MAN
VSCodeとPlaywrightで始めるウェブサイトテスト自動化：初心者向け完全ガイド | Sqripts
環境 Node.js 22.4.1 VSCode 1.91.0 Playwright 1.45.1 準備 Node.jsとVSCodeのインストールは割愛させていただきます。 Playwrightのインストール VSCodeのPlaywrightの拡張機能をインストールする Playwright Test for VSCode – Visual Studio Marketplace Playwrightのインストール VSCodeのコマンドパレットを開き(Windows: shift + ctrl + p, mac: shift + command + p) Test: Install Playwright を入力、選択しPlaywrightのインストールを行います。
デバイスとアプリの完全性保証からサービスリクエストの保護まで：LINEのデバイス証明サービス 第1弾
X.509 証明書チェーン検証 アサーションキーペアがハードウェア格納型キーペアとして、デバイス内のハードウェア上の保護領域で生成されたことを証明する必要があります。デバイスの信頼の基点に基づいて生成された証明書チェーンを検証することにより、キーの真正性と証明の信頼性を保証できます。 Attestationオブジェクト内のX.509証明書チェーンは、大きく3つの証明書で構成されています。 リーフ証明書（Leaf certificate）: 証明書チェーン内の最下位証明書として生成されたアサーションキーペアの公開鍵が含まれています。メーカーが注入したデバイスの証明鍵（attestation key）で署名され、より上位の中間証明書（Intermediate certificate）でその真正性を確認できます。中間証明書（Intermediate certificate）: デバイス内に注入さ
Next.js App Router / React Server Components(RSC)を紐解いてみた - estie inside blog
デザインエンジニアの表(@HirokiOmote)です。 Next.jsでApp Routerがリリースされて、1年が過ぎました。 弊社では、@hiroppyさんを技術顧問に迎え、Frontendを中心とした長期的な技術選定にご協力いただきました。 本日は、そこで得た学びをご紹介したいと思います。 App Routerについて 2023年5月にNext.js 13.4がstableとしてリリースされ、App Routerが登場しました。 ツリー構造でのファイル配置が基本となりました。 ディレクトリ構成とルーティング page単位・feature(機能)ごとに切り分けたディレクトリ構成が可能になったため、より直感的で再利用性の高い構造が実現しました。 // App Router . ├── dashboard │ ├── components │ │ ├── button.tsx │ │ └
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
TiDB User Day 2024
Key considerations when choosing a database for your generative AI applications | Amazon Web Services
Oktaがパスワードレス認証のパスキーを解説、「セキュリティと利便性の高い機能」
Implement a rollback strategy after an Amazon Aurora MySQL blue/green deployment switchover | Amazon Web Services