並び順

ブックマーク数

期間指定

  • から
  • まで

41 - 80 件 / 2231件

新着順 人気順

appの検索結果41 - 80 件 / 2231件

  • ジャンプTOON Next.js App Router の活用〜得られた恩恵と課題〜 | CyberAgent Developers Blog

    目次 はじめに Colocation を意識した設計方針 Parallel Routes と Intercepting Routes を用いた設計パターン サーバー側に処理を寄せたことによる恩恵と課題 Next.js が抱える課題 おわりに 参考文献 はじめに ジャンプTOON のWeb版(以降、ジャンプTOON Web)の開発を担当している浅原昌大(@assa1605)です。 5 月にサービスを開始した「ジャンプTOON」は、オリジナル縦読みマンガ作品や人気作品のタテカラー版を連載する、ジャンプグループ発の新サービスです。 ジャンプTOON のフロントエンドには、Next.js を採用し開発をしています。 本記事では、Next.js の最新機能や設計パターン、Next.js を採用した恩恵と現在の課題について紹介します。 Colocation を意識した設計方針 Parallel Rou

      ジャンプTOON Next.js App Router の活用〜得られた恩恵と課題〜 | CyberAgent Developers Blog
    • Apple、App Store Small Business Program を発表

      新しいプログラムは年間収益が100万ドル以内の小規模事業者に対するApp Storeの手数料率を15パーセントに削減します カリフォルニア州クパティーノ──Appleは本日、イノベーションの加速と小規模事業者や、インディーズのデベロッパが次世代の画期的なアプリケーションをApp Storeを通じて提供することで各々のビジネスを前進させるのを手助けするために、業界をリードする新たなデベロッパ向けプログラムを発表しました。新しいApp Store Small Business Programというプログラムで、有料アプリケーションおよびApp内課金に対する手数料率を引き下げることで、App Storeを通じてデジタルグッズ&サービスを販売する大多数のデベロッパが恩恵をうけることができます。本プログラムの対象となるデベロッパは、前年の収益が100万ドル以内であれば、手数料率は15パーセントに引き

        Apple、App Store Small Business Program を発表
      • Create React Appは役割を終えました

        長らくReactの入門キットとして使われてきたCreact React App(CRA) 2023年春に正式版になった新しいReactの公式ドキュメントでは、選択肢として紹介されていません。 標準から外れたとは言え、まだ一定の役割は担えるのだろうかと思い様子を見てみました。 とりあえず試してみる まずは現状確認のために実際にプロジェクトを作ってみます。 $ npx create-react-app cra --template typescript Creating a new React app in /Users/nekoya/src/github.com/nekoya/ggg/cra. Installing packages. This might take a couple of minutes. Installing react, react-dom, and react-scr

          Create React Appは役割を終えました
        • マイクロソフト、マルチプラットフォームUIを実現する「.NET Multi-platform App UI」(MAUI)を実際にデモ。単一コードからWebとWindowsアプリを生成

          マイクロソフト、マルチプラットフォームUIを実現する「.NET Multi-platform App UI」(MAUI)を実際にデモ。単一コードからWebとWindowsアプリを生成 マイクロソフトは2月26日にオンラインイベント「.NET Conf 2021 - Focus on Windows」を開催しました。 イベントの中で同社は、マルチプラットフォームUIを実現するフレームワーク「.NET Multi-platform App UI」(以下、.NET MAUI)を用いて開発したアプリケーションをデモし、実際に単一コードから生成されたWebアプリケーションとWindowsネイティブなデスクトップアプリケーションを披露しました。 .NET 6に組み込まれる「MAUI」はマルチプラットフォームUIを実現 .NET MAUIは、今年11月に正式リリース予定の「.NET 6」に組み込まれる予

            マイクロソフト、マルチプラットフォームUIを実現する「.NET Multi-platform App UI」(MAUI)を実際にデモ。単一コードからWebとWindowsアプリを生成
          • うおぉ、今日、またしても激ヤバなAIをグーグルが発表してた!テキストから画像を生成するAI技術の発展が早すぎる。驚くべきことに、この画像はすべて下のテキストから生成されたものである。Parti:Pathways Autoregressive Text-to-Image(200億パラメータ) (pdf)https://gweb-research-parti.web.app/parti_paper.pdf

              うおぉ、今日、またしても激ヤバなAIをグーグルが発表してた!テキストから画像を生成するAI技術の発展が早すぎる。驚くべきことに、この画像はすべて下のテキストから生成されたものである。Parti:Pathways Autoregressive Text-to-Image(200億パラメータ) (pdf)https://gweb-research-parti.web.app/parti_paper.pdf
            • WordPressの開発者、「AppleからアプリにApp内課金機能を追加しないとアプデさせないと通告された」

              オープンソースのコンテンツ管理システム(CMS)「WordPress」の開発者、マット・マレンウェッグ氏は8月21日(現地時間)、自身のTwitterアカウントで、米AppleがWordPressのiOSアプリをロックしたため、しばらくアップデートできなかったとツイートした。ロック解除の条件はアプリ内課金機能の追加で、それに合意したことで同日アプリのアップデートが可能になったとしている。 WordPressは無料でブログを含むホームページを開設・運営できるサービスで、オープンソースライセンス(GPL)の下で配布されている。CMS「WordPress.org」と有料プランを含むブログサービス「WordPress.com」がある。iOSアプリからは、いずれのサービスも使える。

                WordPressの開発者、「AppleからアプリにApp内課金機能を追加しないとアプデさせないと通告された」
              • モダンな高機能ファイラー「Files」v2.4が公開 ~「Windows App SDK」移行で高速に/ファイルの展開・圧縮にかかわるコマンドも拡充

                  モダンな高機能ファイラー「Files」v2.4が公開 ~「Windows App SDK」移行で高速に/ファイルの展開・圧縮にかかわるコマンドも拡充
                • 「JupyterLab」のデスクトップアプリ「JupyterLab App」がリリース。Pythonなどに対応した統合開発環境

                  「JupyterLab」のデスクトップアプリ「JupyterLab App」がリリース。Pythonなどに対応した統合開発環境 Pythonなどに対応した統合開発環境としてWebブラウザから利用する「JupyterLab」のデスクトップアプリケーション版となる「JupyterLab App」がリリースされました。 Electronベースのマルチプラットフォーム対応となっており、Mac、Linux、Windowsに対応します。 基になったWebアプリケーションのJupyterLabは、PythonやScala、Rなどのコードを打ち込んですぐに実行できるインタラクティブなデータ解析環境であった「Jupyter Notebook」をベースとし、そこにターミナル画面の機能、ファイルブラウザ、テキストエディタなどの機能を統合。 さらにブレークポイントの設定や変数の確認などの機能を備えたビジュアルデバ

                    「JupyterLab」のデスクトップアプリ「JupyterLab App」がリリース。Pythonなどに対応した統合開発環境
                  • Next.js × AWS App Runner × AWS AppSyncで進めるクライアントファーストのWEB開発

                    2023/09/23に開催されたServerlessDays Tokyo 2023で登壇した資料です

                      Next.js × AWS App Runner × AWS AppSyncで進めるクライアントファーストのWEB開発
                    • 詳解: AWS App Runner プライベートサービス | Amazon Web Services

                      Amazon Web Services ブログ 詳解: AWS App Runner プライベートサービス この記事は Deep Dive on AWS App Runner Private Services (記事公開日: 2022 年 11 月 1 日) を翻訳したものです。 AWS App Runner は、Web アプリケーションと API サーバーを実行するためのフルマネージドサービスです。App Runner は、お客様のアカウントのインフラストラクチャをほとんどまたはまったく使用せず、安全な Web アプリケーションを構築して実行する体験をシンプルにします。ソースコードまたはコンテナイメージを提供すると、App Runner がアプリケーションコンテナをビルドしてデプロイし、裏側では自動的にスケーリングを行い、リクエストを負荷分散します。デプロイされると、App Runner

                        詳解: AWS App Runner プライベートサービス | Amazon Web Services
                      • [速報]マイクロソフト、新UIフレームワーク「.NET Multi-platform App UI」(.NET MAUI)発表。単一コードでマルチプラットフォーム対応。Microsoft Build 2020

                        [速報]マイクロソフト、新UIフレームワーク「.NET Multi-platform App UI」(.NET MAUI)発表。単一コードでマルチプラットフォーム対応。Microsoft Build 2020 オンラインイベント「Microsoft Build 2020」を開催中のマイクロソフトは、単一のソースコードでiOSやAndroid、Windows、Macなど複数のプラットフォームのユーザーインターフェイスに対応できる新しいUIフレームワーク「.NET Multi-platform App UI」(.NET MAUI)を発表しました。 With .NET 5, we begin our journey of unifying the .NET platform, bringing .NET Core and Mono/Xamarin together in one base cla

                          [速報]マイクロソフト、新UIフレームワーク「.NET Multi-platform App UI」(.NET MAUI)発表。単一コードでマルチプラットフォーム対応。Microsoft Build 2020
                        • 脱法Mac App Store - パルカワ2

                          会社のPCではMac App Storeを開くことを禁じられているのだが、例えばMac App Storeでしか配布されていないKindleとか業務中にぱっと本を確認したいときに確認できなくて不便。Xcodeは配布されてるけどログインしてWebページから探してとかしなきゃいけなくて不便。masを使うとMac App Storeでしか配布されていないアプリをインストールできる。*1 mas-cli/mas: :package: Mac App Store command line interface HomebrewのBrewfileに書くことも可能。便利ですね mas "Xcode", id: 497799835 Homebrew/homebrew-bundle: 📦 Bundler for non-Ruby dependencies from Homebrew, Homebrew Ca

                            脱法Mac App Store - パルカワ2
                          • iPhoneでファミコンからGB・64・DSまで遊べるエミュレータ「Delta」App Storeで無料配信。その場セーブや各種コントローラも対応 | テクノエッジ TechnoEdge

                            著書に『宇宙世紀の政治経済学』(宝島社)、『ガンダムと日本人』(文春新書)、『教養としてのゲーム史』(ちくま新書)、『PS3はなぜ失敗したのか』(晋遊舎)、共著に『超クソゲー2』『超アーケード』『超ファミコン』『PCエンジン大全』(以上、太田出版)、『ゲーム制作 現場の新戦略 企画と運営のノウハウ』(MdN)など。

                              iPhoneでファミコンからGB・64・DSまで遊べるエミュレータ「Delta」App Storeで無料配信。その場セーブや各種コントローラも対応 | テクノエッジ TechnoEdge
                            • Web フロントエンドの推しディレクトリ構成と Next.js App Router なコードベース | Offers Tech Blog

                              Offers を運営している株式会社 overflow の あほむ でございます。暖冬と言われつつもすっかり寒い季節ですね。おかげさまで割と走っているほうの師です。(師走) n 年ぶり n 回目の Web フロントエンド 最後にメイン開発者の立場でコードをスクラッチしたのいつだったっけ?と遡ると 2018年ごろのブログ記事 がでてきました💀 実際には 2017 年から 2018 年にかけての作品ですかね。当時の構想から読み取れる重厚かつ自己表現の感に内心苦笑いしつつ久々の新規建立です。 今回はディレクトリ構造の面から紹介していきます。 推しディレクトリの先達たち 推しディレクトリという言葉に乗っかってみたものの、ゴメンそこまでの熱感は持っていないかもしれない🥺 とはいえ先達の記事もご紹介しておきます。 今回の前提 本稿において、これらの前提に依存した論はほとんど含まれない認識ですが一応

                                Web フロントエンドの推しディレクトリ構成と Next.js App Router なコードベース | Offers Tech Blog
                              • Next.js App Router (app ディレクトリ) の逆引き辞典

                                2023/05/05 追記 v13.4.0 をもって App Router は安定版になりました! https://nextjs.org/blog/next-13-4 公式ドキュメントもベータ→正式版にマージされました。 内容が充実してきている様子ので、そちらを確認してください。 https://nextjs.org/docs 加えて、公式ドキュメントの改善で分かったポイントもいくつか修正しています。 Next.js v13 から App Router 機能 (app ディレクトリ) が新しく追加されました。 (v13.3.0 現在はベータ版です。 v13.4.0 をもって安定版になりました!) ファイルベースの Layout 機能 処理の一部を Server Component に移しバンドルサイズを削減できる 例: remark を利用した Markdown のパース が有名なところだ

                                  Next.js App Router (app ディレクトリ) の逆引き辞典
                                • 「App Store」の存在は“悪”なのか、iPhoneアプリ開発者から見るアプリストアの存在とは

                                    「App Store」の存在は“悪”なのか、iPhoneアプリ開発者から見るアプリストアの存在とは
                                  • 「フォト」アプリが爆速に ~MicrosoftがUWP→Windows App SDK移行の苦労を解説/移行の技術的ハードルは高いが、確かなメリット

                                      「フォト」アプリが爆速に ~MicrosoftがUWP→Windows App SDK移行の苦労を解説/移行の技術的ハードルは高いが、確かなメリット
                                    • 「フォートナイト」、App Storeに続きGoogle Playストアからも削除

                                      米Epic Games(以下、Epic)の人気ゲーム「Fortnite(フォートナイト)」が8月13日(現地時間)、米GoogleのアプリストアGoogle Play Storeから削除された。米AppleがApp Storeから同ゲームを削除した数時間後のことだ。 Epicは同日、フォートナイトの新機能「MEGA DROP(日本では「メガプライスダウン」)」を発表した。これはゲーム内アイテムをアプリストアの外で購入でき、その場合は最大20%の値引きをするというものだ。Epicはヘルプページで、App StoreおよびGoogle Play Storeの30%の手数料を回避できる分をユーザーに還元すると説明し、「AppleまたはGoogleが支払い手数料を今後減額した場合、Epicはお客様の割引に充てられます」としている。 Appleは同日Epicがアプリストアのガイドラインに違反したとし

                                        「フォートナイト」、App Storeに続きGoogle Playストアからも削除
                                      • 2020年のSlack App開発者が知るべき最新のSlack API仕様 | PLAID engineer blog

                                        2019年以降、Slack APIがどのように変化し何に注意すべきかについてご紹介します。主にBlock Kit、Modal、Home tabなどSlack上での新しい表現や、Granular permissionsと呼ばれる新しい権限モデルへの対応方法について詳しく説明しています。

                                          2020年のSlack App開発者が知るべき最新のSlack API仕様 | PLAID engineer blog
                                        • ロシアにてOSとマーケットを分離する法案提出。App StoreやGoogle Playなど手数料上限20%、外部アプリストアの自由化案が盛り込まれる - ゲームキャスト

                                          アプリ配信自由化・手数料引き下げをめぐる Apple、Google と Epic Games の争いが報じられて久しいなか、ロシアにてより決定的な動きが発生しようとしている。 ロシア下院にて、OSの提供者とアプリマーケットの提供者を分離し、マーケットプレイスの手数料上限を定める法案が提出されたのだ。 この法案は非常に強力で、これが成立すれば Apple や Google はロシア国内でサードパーティー製のストアを認めざるを得なくなる。 また、App Store や Google Play、PCのSteamなども巻き込んで手数料上限が20%となる。 法案の概要は下記のようになる。 1.オペレーティングシステム(以下、OS)提供者は、携帯電話、タブレット、コンピュータ、その他OS使用するデバイスにインストールされた第三者のマーケットプレイスをインストールすることを制限または禁止してはならない。

                                            ロシアにてOSとマーケットを分離する法案提出。App StoreやGoogle Playなど手数料上限20%、外部アプリストアの自由化案が盛り込まれる - ゲームキャスト
                                          • Next.js App Router での MPA フロントエンド刷新

                                            JSConf JP 2023

                                              Next.js App Router での MPA フロントエンド刷新
                                            • iOS14 で追加された App Clips の概要と作り方 - kumamotone’s blog

                                              App Clip の概要 App Clip の開発の概要 起動経路 UXについて バイナリサイズの制限 使用可能なフレームワーク プライバシーの保護 本体アプリで行うべき機能 App Clip を作成する App Clip Targetの追加 Associated Domains Entitlement の追加 コードとアセットの追加 Active Compilation Conditions 設定 サーバーとXcodeプロジェクトの変更 呼び出しの設定 アプリのリリース 出典 続き App Clip の概要 App Clipは、ユーザーが必要なときに必要な場所で、機能の一部を提供する機能です。 コーヒーショップのアプリを例に考えてみましょう。App Clipは、ドリンクを注文するだけの機能しか提供しません。 ユーザーがコーヒーショップの前を通ると、「Siri からの提案」で位置情報に基づ

                                                iOS14 で追加された App Clips の概要と作り方 - kumamotone’s blog
                                              • Thread by @TomoMachi on Thread Reader App

                                                thread#showTweet" data-screenname="TomoMachi" data-tweet="1348328615717453824" dir="auto"> シュワルツェネッガー、トランプ支持者による連邦議会襲撃への抗議「オーストリア移民の私はクリスタル・ナハトを連想します。プラウドボーイズのようなナチによるユダヤ人街襲撃です。それがアメリカにも起こりました。暴徒が壊したのは議事堂の窓やドアだけではありません」 thread#showTweet" data-screenname="TomoMachi" data-tweet="1348330291862020097" dir="auto"> 「彼らは建国の理念、民主主義も破壊したのです。私は敗戦の二年後に生まれ、民主主義を失った焼け跡で育ちました。大人たちは史上最も邪悪な政権に加担した罪悪感から酒に溺れていました。全

                                                  Thread by @TomoMachi on Thread Reader App
                                                • 実践Next.js - App Router への理解を深めるために -

                                                  Next.js の App Router を中心に解説した書籍を執筆しました。「実践 Next.js —— App Router で進化する Web アプリ開発」という本です(3/16 刊行)。本稿では書籍の概要と、App Router が何を解決するのかについて紹介します。 書籍の概要 書籍で解説しているサンプルコードは、public リポジトリで既に公開しています。前半、第 1 章〜第 4 章では App Router の基礎を抑えるための練習用リポジトリを使用します。後半、第 5 章〜第 10 章では、写真を投稿する SNS「Photo Share」という架空アプリの実践的リポジトリを使用します。 第 1 章:Next.js の基礎 第 2 章:Server Component とレンダリング 第 3 章:App Router の規約 第 4 章:Route Handler 第 5

                                                    実践Next.js - App Router への理解を深めるために -
                                                  • 高機能でスタイリッシュなファイラー「Files」が「Windows App SDK」移行でOS標準の「エクスプローラー」に対抗/パフォーマンスアップを図った「Files 2.4」プレビューを公開

                                                      高機能でスタイリッシュなファイラー「Files」が「Windows App SDK」移行でOS標準の「エクスプローラー」に対抗/パフォーマンスアップを図った「Files 2.4」プレビューを公開
                                                    • Introducing the ChatGPT app for iOS

                                                      The ChatGPT app syncs your conversations, supports voice input, and brings our latest model improvements to your fingertips. Since the release of ChatGPT, we've heard from users that they love using ChatGPT on the go. Today, we’re launching the ChatGPT app for iOS. The ChatGPT app is free to use and syncs your history across devices. It also integrates Whisper, our open-source speech-recognition s

                                                        Introducing the ChatGPT app for iOS
                                                      • Next.js(App router)における開発しやすいディレクトリ構成の例 - TechDoctor開発者Blog

                                                        初めまして、テックドクターでフロントエンド開発を担当している大瀧です。 ディレクトリ構成はコードの可読性やスケーラビリティに関わる重要な要素であると思っています。 しかし、フロントエンドのディレクトリ構成はベストプラクティスが確立されておらず、わりと悩むポイントです。 そこで今回は、Next.jsのApp routerにおいて、弊社で採用しているディレクトリ構成を共有します。この記事がディレクトリ構成に悩む開発者の助けになれば幸いです。 ディレクトリ構成の自由度が高すぎる問題 さきほど「フロントエンドのディレクトリ構成はベストプラクティスが確立されていない」と書きましたが、特にApp routerのディレクトリ構成については、公式ドキュメントで以下のように記載されています。 There is no "right" or "wrong" way when it comes to organi

                                                          Next.js(App router)における開発しやすいディレクトリ構成の例 - TechDoctor開発者Blog
                                                        • 彗星の如く登場したAWS App Runnerの特徴をまとめてみました - How elegant the tech world is...!

                                                          はじめに ご無沙汰しています。 最近ブログ更新をサボっていたのですが、本日(2021-05-19 JST)、AWSの新サービスであるApp Runnerが彗星の如くリリースされました。コンテナ技術のアップデートを追う身としてとても気になったので、早速サービスの特徴をまとめてみました。 そのサマリ内容をブログを通して皆さまにお伝えできればと思います。 App Runnerが気になる方や利用判断のお手伝いにつながれば幸いです。 注意事項 本ブログは2021-05-19時点の情報になります。 今後、サービスのアップデート次第で内容が変わる可能性がある点だけご留意いただければと思います。 Overview AWS App Runnerとは、プロダクションレベルでスケール可能なWebアプリケーションを素早く展開するためのマネージドサービスです。 GitHubと連携してアプリケーションソースコードをA

                                                            彗星の如く登場したAWS App Runnerの特徴をまとめてみました - How elegant the tech world is...!
                                                          • AWS上のNext.js App RouterとCDNキャッシュ利用の課題と解決策 - Findy Tech Blog

                                                            こんにちは。 Findy Toolsの開発をしている林です。 私たちのプロジェクトではフロントエンドのフレームワークにNext.js App Routerを使っており、AWSのECSへデプロイして運用しています。 そして、一部のレンダリングの処理が重いページのキャッシュを実装する際に、直面した課題と解決策を紹介します。 Next.jsのキャッシュ機構について 今回実現したいこと 課題と解決策 課題1: Next.jsの機能では要件に合わない 解決策1: CloudFrontのみでキャッシュ 課題2: エラーページがキャッシュされる 解決策2: Lambda@Edgeを用いたCache-Controlヘッダー制御 まとめ Next.jsのキャッシュ機構について まず、Next.jsのキャッシュ機構について簡単に説明します。 Next.jsではサーバサイドで使えるキャッシュ機構が次の3種類あり

                                                              AWS上のNext.js App RouterとCDNキャッシュ利用の課題と解決策 - Findy Tech Blog
                                                            • [速報]Azure Functions、Azure App ServiceなどがAWSやGoogle Cloud、オンプレミスなどで実行可能に、Kubernetes対応で。Microsoft Build 2021

                                                              [速報]Azure Functions、Azure App ServiceなどがAWSやGoogle Cloud、オンプレミスなどで実行可能に、Kubernetes対応で。Microsoft Build 2021 マイクロソフトは、オンラインで開催中の開発者向け年次イベント「Microsoft Build 2021」で、Azure App ServiceやAzure Functionsなど、これまでMicrosoft Azure独自だったサービスをKubernetesに対応させたことを発表しました。 これにより、以下のサービスはMicrosoft AzureだけでなくAWSやGoogle Cloudやオンプレミスなどのプラットフォームを問わず、Kubernetes環境上であれば動作するようになりました。 Azure App Service Webアプリケーションを簡単にデプロイし、スケーラ

                                                                [速報]Azure Functions、Azure App ServiceなどがAWSやGoogle Cloud、オンプレミスなどで実行可能に、Kubernetes対応で。Microsoft Build 2021
                                                              • Gamma App: Generate AI Presentations, Webpages & Docs

                                                                A new medium for presenting ideas. Powered by AI. Just start writing. Beautiful, engaging content with none of the formatting and design work. Sign up for free Meet your new design partner Create polished content with one-click templates and no-code editing

                                                                  Gamma App: Generate AI Presentations, Webpages & Docs
                                                                • 増加するAWS Fargateをどうコスト効率良く運用するか 「The Twelve-Factor App」に従った最適化 | ログミーBusiness

                                                                  AWSのソリューションアーキテクトが悩めるエンジニアの相談に乗り、「サービスを進化させるアーキテクチャの生み出し方」を伝授する「AWS Tech talk Night#3 ~TECH PLAYのエンジニアが相談!AWSソリューションアーキテクトが導く『WEBサービスを進化させるアーキテクチャ』~」。ここでアマゾンウェブサービスジャパン合同会社の福井氏・清水氏・下川氏、パーソルイノベーション株式会の鈴木氏・中村氏・青山氏が登壇。AWS Fargateの運用とコスト最適化について話します。 AWS Fargateについて清水崇之氏(以下、清水):2つ目の相談にも進みたいなと思います。2つ目に「AWS Fargateの運用とコスト最適化について」というお話をいただいています。 新しいサービスとしてAWS Fargateというものが出てきたので、こちらもAWSのSAから簡単に紹介したいなと思います

                                                                    増加するAWS Fargateをどうコスト効率良く運用するか 「The Twelve-Factor App」に従った最適化 | ログミーBusiness
                                                                  • ざっくりApp Router入門【Next.js】

                                                                    App Routerについて色々調べたので、「Page Routerからどう変わったか?」を中心にいろいろ書きます。 ※Next.jsのバージョンは13.4です 🤗Page Routerから変わった点 「これだけ抑えておけばOK」な内容についてザックリ書きます。 特別な意味を持つファイルができた Page Routerではpages直下につくったファイルがすべてルーティングされました。 ですがApp Routerでは、app直下のpage.tsxと書かれたファイルだけがルーティングの対象になります。 ほかにも、layout.tsxと書かれたファイルを置いておくと「layout.tsxでpage.tsxを自動的にラップする」ができたりします👇

                                                                      ざっくりApp Router入門【Next.js】
                                                                    • Next.jsのApp Routerを学ぶ際、shadcn/uiが参考になったという話 - Qiita

                                                                      Next.jsのApp Routerを学ぶ際に、UIライブラリを探していたところ、shadcn/uiが参考になったので紹介します。 shadcn/uiは、フレームワークやライブラリではなく、コピペで利用できるReactコンポーネントのサンプル集という立ち位置になっています。Tailwind CSSでデザインされており、React Server Components(RSC)にも対応しています。 サンプルの実装方法が参考になる点も魅力の一つです。 簡単ですがつらつらと紹介していきたいと思います。 shadcn/uiとは デモを見てるとフレームワークやライブラリなのかなと思いきやそうではなく、コピペで利用できるサンプル集という立ち位置になっています。基本的にはTailwind CSSでデザインされてるようです。 サンプルとはいえ、実装方法で参考になった箇所が結構あったのでそこも気に入ってるポイ

                                                                        Next.jsのApp Routerを学ぶ際、shadcn/uiが参考になったという話 - Qiita
                                                                      • AWS Amplify Studio – Figma to Fullstack React App With Minimal Programming | Amazon Web Services

                                                                        Front-End Web & Mobile AWS Amplify Studio – Figma to Fullstack React App With Minimal Programming AWS Amplify announces AWS Amplify Studio, a visual development environment that offers frontend developers new features (public preview) to accelerate UI development with minimal coding, while integrating Amplify’s powerful backend configuration and management capabilities. Amplify Studio automaticall

                                                                          AWS Amplify Studio – Figma to Fullstack React App With Minimal Programming | Amazon Web Services
                                                                        • AWS App RunnerがPHP/Go/.Net/Rubyのマネージドランタイムをサポート、コードを簡単にWebアプリ化してスケーラブルに実行可能

                                                                          Amazon Web Services(AWS)は、コンテナ化したWebアプリケーションのスケーラブルな実行を簡単に行える「AWS App Runner」で、PHP/Go/.Net/Rubyのマネージドランタイムをサポートしたことを発表しました。 App Runnerはコンテナ化したWebアプリケーションを簡単にデプロイし実行できるサービスです。オートスケール、ロードバランスなどの管理は全てクラウド側に任せることができるため、ユーザーはアプリケーションの開発に集中できます。 利用するには、コンテナイメージをApp Runnerにプッシュする方法に加えて、GitHubでソースコードをプッシュするとApp Runnerがそれを検知して自動的にコンテナ化し、実行してくれる機能も備えています。 ただしこれまではPython3もしくはNode.jsで実行可能なコードにしか対応しておらず、それ以外の言

                                                                            AWS App RunnerがPHP/Go/.Net/Rubyのマネージドランタイムをサポート、コードを簡単にWebアプリ化してスケーラブルに実行可能
                                                                          • 【復旧済み】はてなブックマークiOSアプリで、App Extensionsが利用できない不具合が発生しています - はてなブックマーク開発ブログ

                                                                            平素よりはてなブックマークをご利用いただきありがとうございます。 2020年3月2日(月)12時ごろにリリースした「はてなブックマークiOSアプリ」の最新バージョン(v4.6)で、App Extension(他アプリからの連携機能)が利用できない不具合が発生しています。 現在原因を調査し、対応中です。申し訳ございませんが、対応までしばらくお待ちください。 追記(2020/3/4 12:59) 3月4日(水)12時ごろにリリースした最新バージョン(4.7)で、上記の不具合を修正しております。 原因はアプリケーションの不具合でした。ご迷惑をおかけして、大変申し訳ございませんでした。再発防止に努めてまいります。 お手数ですが、アプリストアから最新版へアップデートをお願いいたします。 ▽ - iOSアプリをアップデートする

                                                                              【復旧済み】はてなブックマークiOSアプリで、App Extensionsが利用できない不具合が発生しています - はてなブックマーク開発ブログ
                                                                            • Twitter/Blueskyの自己ポストの全文検索サービスをNext.js App Router(RSC)で書きなおした方法/設計/感想

                                                                              mytweetsという自分の Twitter/Bluesky の自己ポストの全部検索サービスをNext.js App Router(RSC)で書きなおしました。 mytweets は Twitter のアーカイブや Bluesky の API を使って自分のポストを S3 に保存しておき、 S3 Selectを使って全文検索ができる自分専用の Twilog のようなサービスです。 自分の Tweets をインクリメンタル検索できるサービス作成キット と Tweets をまとめて削除するツールを書いた | Web Scratch 過去の Tweets を全文検索できる mytweets を Bluesky に対応した。自分用 Twilog みたいなもの | Web Scratch 最初は CloudFront + Lambda@Edge + Next.js Pages Router で動かし

                                                                                Twitter/Blueskyの自己ポストの全文検索サービスをNext.js App Router(RSC)で書きなおした方法/設計/感想
                                                                              • Next.js App Router から複数バックエンドを扱うための BFF + クリーンアーキテクチャ戦略

                                                                                どうも、トラハックこと、toraco株式会社の稲垣です。 複数のバックエンドを抱えるプロダクトにおいて、Next.js ( App Router ) 製 の Web アプリケーションを新規開発するにあたり、Route Handlers による BFF と、クリーンアーキテクチャを取り入れることで、バックエンドに依存しないクライアント実装を実現しました。 将来的に、通信するバックエンドが増えたり、バックエンドのアーキテクチャが変更になったとしても、クライアントの実装に修正を加えることなく移行が可能です。 さらに余談ですが、一般的な設計や実装に関しては技術記事を読まなくても生成AIに任せることができてしまう現代になっているように思います。(それが "問題ない" のかは議論の余地がありますが...) なので、この記事では以下の観点を重要視して書いていきます。 アーキテクチャ選定や設計段階で考えて

                                                                                  Next.js App Router から複数バックエンドを扱うための BFF + クリーンアーキテクチャ戦略
                                                                                • 企業専用 ChatGPT を Azure OpenAI & Web App で爆速構築する

                                                                                  セキュリティチームの ぐっちー です。今回のブログでは Azure OpenAI Service と Azure Web App Service を使って企業専用ChatGPTを爆速で構築する方法が登場したのでご紹介します。技術的な難易度で見ると、めちゃくちゃ簡単で、記事にするか迷いましたが、ここまで簡単になった感動を伝えるために書きました笑 前提条件 今回の手順にはパブリックプレビュー中の機能が含まれます。 以下の状態を前提としています。 Azure OpenAI Serviceはセットアップ(MS社への利用申請・リソースのデプロイ)済みであること。 Azure OpenAI Service、Azure Web Appsを操作する権限が割当たっている事。 本ブログの内容は、2023年6月20日時点までの情報を元に作成しておりますが、クラウドサービスの仕様変更等に伴い、将来的に状況が変化す

                                                                                    企業専用 ChatGPT を Azure OpenAI & Web App で爆速構築する