Building a highly-available web service without a database
If you’ve ever built a web service or a web app, you know the drill: pick a database, pick a web service framework (and in today’s day and age, pick a front-end framework, but let’s not get into that). This has been the case for several decades now, and people don’t stop to question if this is still the best way to build a web app. Many things have changed in the last decade: Disk is a lot faster
はじめに 今回のDeveloper Siteリデザインの目的は英語のコーポレートサイト（https://nulab.com/ ）とのUIを合わせることでした。旧Developer Siteのヘッダーやフッターなどの共通パーツは古いデザインのままだったため刷新する必要がありました。 旧Developer Siteのトップページ Developer Siteのトップページ 使用した技術 今回使用した技術は、静的サイトジェネレータであるAstroとユーティリティファーストのCSSフレームワークであるTailwind CSSです。 旧サイトはHugoとSCSSを用いて構成されており、今回はコンテンツはそのままで見た目のみを変更する制作だったため仕様の変更は不要でした。しかし、パフォーマンスの向上を目指し、かつ新しい技術に挑戦するためAstroとTailwind CSSを採用することにしました。 A
This leverages a starter sample available from https://github.com/microsoft/minecraft-scripting-samples/ with a simple build process and TypeScript compilation for Minecraft. From it, you can build out and expand simple gameplay styles. You can also use this project as a starter for your own scripting projects. Important Just getting started with JavaScript? You may want to check out the Scripting
ChatGPTが書いた文章を99.9％の精度で検出できる技術をOpenAIが開発している、AIで宿題をこなす学生への対抗策か？
さまざまな質問に対して精度の高い回答を出力してくれる生成AIの登場により、学生がAIを使って課題をこなす可能性が問題視されています。こういった問題に対処するため、チャットAIのChatGPTを開発するOpenAIは、ChatGPTを使って書かれた文章を99.9％の精度で検出することができるツールを開発していることがウォール・ストリート・ジャーナルの報道により明らかになりました。 Exclusive | There’s a Tool to Catch Students Cheating With ChatGPT. OpenAI Hasn’t Released It. - WSJ https://www.wsj.com/tech/ai/openai-tool-chatgpt-cheating-writing-135b755a OpenAI says it’s taking a ‘deliber
Next.jsのエラー画面が簡単＆柔軟
Webアプリケーションの開発にかかせないエラー画面ですが、Next.jsでは簡単かつ柔軟に対応することができます。今回はそんなNext.jsのエラー画面表示の解説をします。また、ムーザルちゃんねるのYouTubeに解説した動画の公開もしています。動画ではより詳細に、記事では内容をすぐ把握できるよう簡易にしています。 Next.jsのエラーハンドリング挙動 Next.jsでは予期せぬエラー（例外）が発生したら自動でキャッチしてくれます。具体的に言うと、 error.tsx というエラーコンポーネントを配置すると、自動でそのコンポーネントがレンダリングされます。 例外があると、error.tsxが表示される ネストしたエラー表示 error.tsx はどこの階層にも配置することができます。そして複数 error.tsx がある場合、エラーが発生したページコンポーネントからディレクトリの上方向に
トレーディングミュージックプレイヤー風アクリルカード ver.A トレーディングミュージックプレイヤー風アクリルカード ver.B 予約購入特典 発送予定・予約期間 参考金額 予約・購入はこちらから 「響け！ユーフォニアム」シリーズより、トレーディングアクリルカードの登場。 ※単品販売は全8種のうち、いずれか1種ランダムとなります。 ※BOX販売は8パック入りとなります。 トレーディングミュージックプレイヤー風アクリルカード ver.A DREAM SOLISTER、トゥッティ！、おもいでミュージック、キャラクターソング vol.1、キャラクターソング vol.2、キャラクターソング vol.3、キャラクターソング vol.4、ドラマCD、ラジオCD「響け！ユーフォラジオ」のCDジャケットのイラストがミュージックプレイヤー風のアクリルカードに。 トレーディングミュージックプレイヤー風アクリ
React の SSR にフレームワークの機能は必要ない React で SSR を行う際、フレームワークの機能を使わずに React の標準機能だけで実現する方法を紹介します。Next.js でも同じ方法が有効なので、これを使えば Remix への依存が本当の意味で最小になります。 Remix での一般的な方法だと SSR を行う場合、routes 直下のファイルで実装した loader 関数を使ってデータを作成し、各コンポーネント内の useLoaderData データを受け取ります。この方法だと、ページの頭でどんなデータを取得するかを決めなければならず、コンポーネントの状態に合わせて柔軟にデータを用意することが困難です。 実はそんな方法を使わずとも React には、コンポーネント側でデータを取得する機能が用意されています。もちろん React の利点を殺す ServerCompon
Rails × AWS × Shoryukenで実現する大規模動画処理システム - Pepabo Tech Portal
はじめに セキュアなアップロードとS3の活用 1. S3バケットの作成と設定 2. 署名付きURLの生成 3. クライアントサイドの実装 ShoryukenとSQSによる非同期ジョブ処理 1. Shoryukenとは 2. セキュリティスキャンワーカーの実装 3. 動画変換ワーカーの実装 4. エラーハンドリング Lambdaによるワークフロー制御 まとめと今後の展望 はじめに こんにちは！GMOペパボでエンジニアをしている@yumuです。 近年、動画コンテンツの重要性は急速に高まっており、多くのウェブサービスやアプリケーションで動画のアップロードと共有が一般的になっています。しかし、動画ファイルの取り扱いには、セキュリティ、ファイルサイズ、形式の互換性など、さまざまな技術的課題があります。 今回、私はハンドメイドECサービス「minne」において、作家が作品に関する動画をアップロードでき
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
AstroとTailwind CSSを使ってDeveloper Siteをリデザインした話 | 株式会社ヌーラボ(Nulab inc.)
Build a gameplay experience with TypeScript
「響け！ユーフォニアム」シリーズより、トレーディングアクリルカードの登場 - アニメ大好き館
ReactのSSRにフレームワークの機能は必要ない、Remixの機能に依存せずReactの標準機能でSSR
https://jp.wsj.com/articles/theres-a-tool-to-catch-students-cheating-with-chatgpt-openai-hasnt-released-it-4e18f002