A library filled with Tailwind CSS UI blocks, components & templates. Browse an ever-growing UI kit inside a highly optimized app. View / copy / customize.
![Flowrift](https://cdn-ak-scissors.b.st-hatena.com/image/square/2b8491ba6cdabb6f3c2cbd9b69deb104b70d8101/height=288;version=1;width=512/https%3A%2F%2Fflowrift.com%2Fimg%2Fopen-graph.png)
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
{ "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
こんにちは。EC基盤本部 検索基盤部 検索基盤チームの有村(@paki0o)です。 みなさん、Elasticsearchのマッピングはどこまで厳密に管理されているでしょうか。 弊社では以前のテックブログでご紹介した通り、一部を除きExplicit Mappingにてデータを管理しています。 techblog.zozo.com 設定している項目は、フィールド名・タイプ・適用するアナライザなど一般的な項目であり、詳細まで詰め切れているとは言い切れない状況でした。今回、マッピング設定の変更がパフォーマンスに与える影響を検証しましたので、その内容についてご紹介いたします。 背景と課題 マッピングの設定について index doc_values enabled 3項目の比較 検証 前準備 比較項目 検証結果 平日での比較結果 休日での比較結果 考察 まとめ 背景と課題 ZOZOTOWNの商品情報イン
開発する際などにちゃんと設定したことが反映されているかなどを確認するためによく使うのでメモとして残しておきます。 Elasticsearchの情報の確認 プラグイン/モジュール一覧 インデックス一覧 インデックスのマッピング確認 1件取得 アナライザーの動作確認 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 プラグイン/モジュ
環境: 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サーバで実現したいことは3点です。 自宅以外の場所から自宅のVPNサーバ経由でインターネットにアクセスする 自宅以外の場所から自宅のファイルサーバ等の情報資産にアクセスする 上記の構築を通して、インフラの知識を深める ①について実装できたので、備忘録的に書きます。 環境 ラズパイ(Raspberry Pi 4 Model B) OS: Raspbian3.3.1 SoftEther VPN(https://ja.softether.org/) version: 4.32 So-net 光 ※固定IPサービスを利用 TP-Link ルーター AC2600 接続用端末(iPhoneSE第2世代、Pixel3a、MacBook Pro) 流れ 自宅のIPを固定化 ラズパイにSoftEtherのVPN serverをインストール Mac
どうも、CHASUKEです。 ゴールデンウィークも残り半分となってしまいました。iPhoneアプリを作成すると目標を立ててましたが、途中、少し脱線して『Raspberry Pi(ラズベリーパイ3)』をちょこまか触っておりました。 そんなわけで、今回は「RaspberryPiを初めて体験するなら、必要なものが全部詰まったスターターキットが簡単で困らない!!」ってお話です。 ラズパイ導入に、必要な機材が全てセットになったスターターキットを使ってみました。 ラズパイに興味があるけど、踏み出せてない人におすすめです。これからラズパイを導入される方の参考になれば幸いです♪ ラズベリーパイ(ラズパイ)って?ラズベリーパイとは、1枚の回路基板上に最低限の機能を持たせたコンピュータです。これでもちゃんとした、パソコンです。略してラズパイと呼ばれています。 ▼ちょっとホコリかぶっちゃってますが、我が家で昔か
この投稿は 「Django Advent Calendar 2020 - Qiita」 8日目の記事です。 akiyoko です。 この記事では、Django REST Framework(通称「DRF」)で API スキーマを自動生成する「API ドキュメンテーション」機能を簡単に利用する方法について説明します。 目次 はじめに DRF 3.12 の状況 【方法1】DRF 標準の generateschema コマンドを使ってスキーマファイルを出力する 【方法2】drf-spectacular を利用する 導入方法 Swagger UI 形式の APIドキュメント画面 ReDoc 形式の APIドキュメント画面 カスタマイズ まとめ 宣伝 検証環境 Windows 10 Home Django 3.1 Django REST Framework 3.12 はじめに Django REST
本記事はNext.jsのチュートリアルが大きく変わったためリンク切れを起こしています。 技術メモのため記事としては残しますが、リンク切れにご留意ください。 また機会があれば新チュートリアルで記事を書こうと思いますm(_ _)m こんちには。 データアナリティクス事業本部 インテグレーション部 機械学習チームの中村です。 今回は以下のNext.jsのチュートリアルをほぼ一通り(SEOのところ以外)実施しましたので、ポイントを記事化しました。 https://nextjs.org/learn/foundations/about-nextjs" チュートリアル自体は、以下のような内容が分かるものとなっています。 CRA(create-react-app)のみ使用しているとイメージしづらい、素のHTML + JavaScriptとReactの関係のイメージが分かる Reactがフレームワークではな
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く