Directus で S3 にアップロードした画像が表示できなかった問題の解決
Directus で記事を移行していて詰まった。画像が表示できず 403 エラーとなる。ちなみに画像などの静的ファイルはアプリケーション上にアップロードするわけではなく S3 上にアップロードすることにしている。
AWSDirectus
Directus にフロントエンドからアクセスする
Directus は headless CMS なので、フロントエンドから動的にコンテンツ取得、もしくは SSG のようなツールを使ってビルド時にコンテンツ取得などをして利用することになる。そこで欠かせないのが公式の SDK だ。
CMSDirectusNext.js
意外と知られていないんじゃないか話。Remix https://remix.run/ のロゴ、実は左クリックではなくて右クリックするとロゴをはじめとするブランド紹介のページ https://remix.run/brand に遷移する
Remix
React 19 の use は現場のルールが大事かも
React 19 で追加された API に use がある。でも今のところなんでも Promise をつっこめばいいわけではない感じだったりする。
Next.jsReact
若干の不安を覚える Directus の初期フォルダ構成
Directus をインストールした人がまず驚くのは、構成フォルダの少なさだろう。あまりに少なすぎて初期セットアップに失敗したのではないかと思うくらいなのだ。
CMSDirectus
About site
「よりひろいフロントエンド」はじめました
いろいろやっている自分を一言で表す言葉として「より広いフロントエンド」を思いつきました。このサイトではこの言葉を中心に ウェブ、XR、UI デザイン、バックエンド、インフラストラクチャーやその周辺のことを興味の赴くまま広くディスカバリーしていきます
About Me
「よりひろいフロントエンド」運営元 カンソクインダストリーズ では、フロントエンドを中心によろずご相談お受けいたします。お気軽にお問い合わせください。
Links of Interest
チェックしといたほうがいいページや今後取り上げようと思ったページなどを書いていきます
- callstack/react-native-visionos： A framework for building native visionOS applications using React github.comReact Native で VisionOS 向けのアプリをビルド可能にするプロダクト
- Watchman - A file watching service | Watchman github.ioMeta Platforms 製のファイル監視サービス。callstack/react-native-visionos でも使われている。