Next.jsとAuth0で会員制メディアを作る【1. 認証編】
こんにちは、柴田です。 今回は「会員制メディア」のチュートリアルを全3回に分けてお届けします。 === 認証編ページ作成編完成編=== 会員制メディアは、一部の記事は会員しか見れないような形式のメディアです。 ビジネスでは近年よくあるユースケースであり、もしかしたら個人ブログに導入してみても一風変わっていて面白いかもしれません。 また、応用すれば課金しないと見れない記事のような仕組みも作れると思います。 今回想定している仕様は以下の通りです。 記事一覧画面と全公開記事（/public配下）は事前生成をしておき、静的に配信する会員向け記事（/private配下）はログイン済みユーザーのみ閲覧可能とし、SSRで配信する Next.jsを用いてJamstackとSSRの合わせ技を行い、認証にはAuth0を用います。 1. Next.jsプロジェクトを用意まずは、Next.jsのプロジェクトを作成
PxView - React Native製のpixivブラウザ
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました 多くの絵描きさんが集まっているpixiv。公式にもスマートフォンアプリは提供されていますが、自分好みじゃないという方もいるでしょう。特に広告などが入っていると気になってしまう人はいるでしょう。 そんな方はPxViewを使ってみてはいかがでしょう。React Nativeで作られたAndorid/iOS用のpixivクライアントです。 PxViewの使い方 起動した直後の画面です。多数のイラストがタイル上に並んで表示されます。 マンガも同じようにタイル上に並んで閲覧できます。 イラスト詳細。 説明書き。 ランキングも確認できます。 プロフィール。 検索もできます。 PxViewはpixivの閲覧系であれば殆どのことができると思われます。オープンソースなのでさらにPxViewをベースに
expo.ioを使ってリアルタイムにReact Nativeアプリを開発する - マルシテイア
1年ぶり3度目のReact Native入門してるんだけど、expo.ioっていうサービスがメッチャ便利そうだったので紹介します。 何がどう便利かっていうと、 ケーブルなしで、実機の動作確認ができる もちろんコード変更も即座に反映される 開発版アプリの配布がワンタッチでできる 便利なReactコンポーネントもついてくる youtu.be expo.io とは React Nativeでのアプリ開発を支援するサービスです。 公式サイトはこちら。めっちゃ素朴…… expo.io expoは create-react-native-app XDE expo client といったツールを公開しています。 create-react-native-app: アプリの雛形を作るCLIツール XDE: アプリ開発を支援するデスクトップアプリ。実機のログをみたり、アプリを再起動したりできる expo cl
electronでbabel + reactを直接使えるようにするまで - Qiita
さくっとelectronでbabel呼び出すところまでが良さそうな情報無くて錯綜した。 一旦出来たのでメモ （ビルド＆配布あたりまでは行ってないが、まず動く感じのところまでなのでご了承） 出来上がりが見たい場合はこれ (もう記事より古くなってるので多分参考になりません） https://github.com/suisho/example-electron-babel/ 構成 好みだがこんな感じにしている $ tree -I node_modules . ├── app │ ├── client │ │ ├── Foo.jsx │ │ └── main.jsx │ ├── index.html │ └── index.js └── package.json コード本体は./app以下に固めている。トップ階層に入れておくと後でgulpfileとか膨れてきた時に汚い感
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - mattwyskiel/LicensesKit: A simple way to list third-party licenses in your iOS apps
