Next.js 13のappディレクトリの基礎(Layout, Suspense, Data Fetching...)
Next.js 13の新機能であるappディレクトリは本記事公開時はbetaで現在も開発中ですがNext.js 13でプロジェクトを作成後にNext.jsの設定ファイルであるnext.config.jsでexperimentalとして設定を行うことで利用することができます。今後仕様が変わると思いますがappディレクトリの設定方法を中心にNext.js 13の機能説明を行っています。 プロジェクトの作成 create-next-appコマンドを利用してプロジェクトの作成を行います。プロジェクト名はnextjs-13に設定していますが任意の名前をつけてください。JavaScriptとTypeScriptのどちらかを選択することができますが本文書ではTypeScriptを選択します。プロジェクト作成時にappディレクトリを利用するかどうかも聞かれます。 % npx create-next-app
My JSON Server - Fake online REST server for teams
{ "posts": [ { "id": 1, "title": "hello" } ], "profile": { "name": "typicode" } } How toCreate a repository on GitHub (<your-username>/<your-repo>)Create a db.json fileVisit https://my-json-server.typicode.com/<your-username>/<your-repo> to access your serverNo registration. Nothing to install. ExampleYou can check the following server as an example: https://my-json-server.typicode.com/typicode/de
Elasticsearchのマッピング設定最適化によるインデキシングパフォーマンス改善への取り組み - ZOZO TECH BLOG
こんにちは。EC基盤本部 検索基盤部 検索基盤チームの有村（@paki0o）です。 みなさん、Elasticsearchのマッピングはどこまで厳密に管理されているでしょうか。 弊社では以前のテックブログでご紹介した通り、一部を除きExplicit Mappingにてデータを管理しています。 techblog.zozo.com 設定している項目は、フィールド名・タイプ・適用するアナライザなど一般的な項目であり、詳細まで詰め切れているとは言い切れない状況でした。今回、マッピング設定の変更がパフォーマンスに与える影響を検証しましたので、その内容についてご紹介いたします。 背景と課題 マッピングの設定について index doc_values enabled 3項目の比較 検証 前準備 比較項目 検証結果 平日での比較結果 休日での比較結果 考察 まとめ 背景と課題 ZOZOTOWNの商品情報イン
Elasticsearchの確認系コマンド６つ | Simple is Beautiful.
開発する際などにちゃんと設定したことが反映されているかなどを確認するためによく使うのでメモとして残しておきます。 Elasticsearchの情報の確認 プラグイン/モジュール一覧 インデックス一覧 インデックスのマッピング確認 １件取得 アナライザーの動作確認 Elasticsearchの情報の確認 curl localhost:9200/_nodes/stats?pretty メモリ使用量やインデックスの情報など様々な情報が得られます。 詳細はNodes Statsにあります。情報量が多いので例えば物理メモリの合計バイト数(ios.mem.used_in_bytes)を調べるにはjqコマンドを使ってこのようにすると簡単に確認できます。 curl localhost:9200/_nodes/stats |jq .nodes[].os.mem.used_in_bytes プラグイン/モジュ
Elasticsearch の Docker container でパスワードを指定する - Unyablog.
環境: Docker の elasticsaerch image 8.3.2 久々に Elasticsearch を Docker で立ち上げると、初期状態でセキュリティ機能が有効になっていて、そのまま curl しても認証が通らず API が打てなかった。 $ curl -k https://localhost:9200/ {"error":{"root_cause":[{"type":"security_exception","reason":"missing authentication credentials for REST request [/]","header":{"WWW-Authenticate":["Basic realm=\"security\" charset=\"UTF-8\"","Bearer realm=\"security\"","ApiKey"]}}],
日付計算（日付＋日数）
和暦入力は、明治6年1月1日のグレゴリオ暦採用以降から使用できます。 （参考） 明治は、明治45年7月30日までで、同日は大正元年7月30日でもあります。 大正は、大正15年12月25日までで、同日は昭和元年12月25日でもあります。 昭和は、昭和64年1月7日までで、平成は翌日の平成元年1月8日からです。 平成は、平成31年4月30日までで、令和は翌日の令和元年5月1日からです。 ポップアップカレンダーは、グレゴリオ暦が採用された1582年10月15日以降、利用可能です。
ラズパイ4とsoftetherで自宅にVPNサーバを構築する
ラズパイ4とsoftetherで自宅にVPNサーバを構築する 目次 環境 流れ 1. 自宅のIPを固定化 光回線を契約する 固定IPサービスを申し込む ルーターを設定 動作を確認 2. ラズパイにSoftEtherのVPN serverをインストール VPN Serverをダウンロード 実行ファイルを作成 VPN Serverのディレクトリ作成・配置 動作確認 スタートアップスクリプトへの登録 systemdに自動起動の登録 自動起動のunit-filesのstatusを確認 動作確認 3. MacbookにVPN server managerをインストールし、VPN serverを設定 VPN server managerをダウンロード VPN Server setup ラズパイへ接続 SoftEther VPN Server / Bridge Easy Setup ユーザーアカウントの
Raspberry Pi 4でDockerのインストール方法 2023年度版 | ラズパイダ
Amazonのアソシエイトとして、ラズパイダ(raspida.com)は適格販売により収入を得ています。詳しくは当サイトのプライバシーポリシーをご覧ください。 Raspberry Pi OSは他のLinuxOSとも少し異なっています。Dockerもaptでインストールできたりもしますが、だいぶ古いバージョンになっています。公式でもスクリプトでインストールせよともありました。docker-composeもpip3でインストールが望ましいので、自分の備忘録としてインストール方法を改めて残しておきます。 2023年の時点、Raspberry Pi OS 64bit bullseyeで問題ない方法です。
ラズパイ導入するならスターターキットがとても簡単って話
どうも、CHASUKEです。 ゴールデンウィークも残り半分となってしまいました。iPhoneアプリを作成すると目標を立ててましたが、途中、少し脱線して『Raspberry Pi（ラズベリーパイ3）』をちょこまか触っておりました。 そんなわけで、今回は「RaspberryPiを初めて体験するなら、必要なものが全部詰まったスターターキットが簡単で困らない！！」ってお話です。 ラズパイ導入に、必要な機材が全てセットになったスターターキットを使ってみました。 ラズパイに興味があるけど、踏み出せてない人におすすめです。これからラズパイを導入される方の参考になれば幸いです♪ ラズベリーパイ(ラズパイ)って？ラズベリーパイとは、1枚の回路基板上に最低限の機能を持たせたコンピュータです。これでもちゃんとした、パソコンです。略してラズパイと呼ばれています。 ▼ちょっとホコリかぶっちゃってますが、我が家で昔か
Django REST Framework で API ドキュメンテーション機能を利用する方法（DRF 3.12 最新版） - akiyoko blog
この投稿は 「Django Advent Calendar 2020 - Qiita」 8日目の記事です。 akiyoko です。 この記事では、Django REST Framework（通称「DRF」）で API スキーマを自動生成する「API ドキュメンテーション」機能を簡単に利用する方法について説明します。 目次 はじめに DRF 3.12 の状況 【方法１】DRF 標準の generateschema コマンドを使ってスキーマファイルを出力する 【方法２】drf-spectacular を利用する 導入方法 Swagger UI 形式の APIドキュメント画面 ReDoc 形式の APIドキュメント画面 カスタマイズ まとめ 宣伝 検証環境 Windows 10 Home Django 3.1 Django REST Framework 3.12 はじめに Django REST
【忙しい人のための】Next.js公式チュートリアルを完走してきたので記事１本で振り返る【ギュッと凝縮】 | DevelopersIO
本記事はNext.jsのチュートリアルが大きく変わったためリンク切れを起こしています。 技術メモのため記事としては残しますが、リンク切れにご留意ください。 また機会があれば新チュートリアルで記事を書こうと思いますm(_ _)m こんちには。 データアナリティクス事業本部 インテグレーション部 機械学習チームの中村です。 今回は以下のNext.jsのチュートリアルをほぼ一通り（SEOのところ以外）実施しましたので、ポイントを記事化しました。 https://nextjs.org/learn/foundations/about-nextjs" チュートリアル自体は、以下のような内容が分かるものとなっています。 CRA（create-react-app）のみ使用しているとイメージしづらい、素のHTML + JavaScriptとReactの関係のイメージが分かる Reactがフレームワークではな
The Jira Cloud platform REST API
This resource represents Jira issues. Use it to: create or edit issues, individually or in bulk. retrieve metadata about the options for creating or editing issues. delete an issue. assign a user to an issue. get issue changelogs. send notifications about an issue. get details of the transitions available for an issue. transition an issue. Archive issues. Unarchive issues. Export archived issues.
Flutter Project Structure: Feature-first or Layer-first?
Flutter Project Structure: Feature-first or Layer-first? When building large Flutter apps, one of the first things we should decide is how to structure our project. This ensures that the entire team can follow a clear convention and add features in a consistent manner. So in this article we'll explore two common approaches for structuring our project: feature-first and layer-first. We'll learn abo
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Djangoで管理する全文検索エンジン | ドクセル
Code-tunnel on server (Raspberry Pi) as service (daemon) is going offline · Issue #8211 · microsoft/vscode-remote-release
Django (GeoDjango, Docker)で現在地に近い店舗検索できるようになるまでやったこと
mermaidで書かれた図の形式変換コマンドをdocker imageにまとめた - Qiita
https://hub.docker.com/r/yamada28go/mermaid.cli.jp
https://pythonworld.io/blogs/how-to-implement-firebase-authentication-in-django-and-dango-rest-framework
A beginners guide to building a Flask API with Prisma