【Next.js】Next プロジェクトを Dockernize する
k8s 環境に Next.js プロジェクトをデプロイすることになったので、いろいろ書いてみた。 今回は npm ではなく、yarn を使用している。 環境 ubuntu 20.04.1 Doc...
9
6
Comment0
45 search resultsShowing 1~20 results
Stocked
You need to log-in
ThinkPad E14 に Ubuntu20.04 を導入
WSL2 での Docker のつらみから Linux 機を作ろうと ThinkPad E14 を購入した。 問題なく Ubuntu を導入できたので共有。 マシンスペック Lenovo Thi...
5
0
Comment0
【Next.js】クライアントサイドでルーティングする正しいLinkコンポーネントの使い方
注: Next9.5.3以降は必要なくなりました！！！hrefのみで正しくルーティングされます。 Next.jsでのルーティングはLinkコンポーネントで行うが、正しく使わないとクライアントサイ...
3
4
Comment0
【Redux + Typescript】Formの値管理にはPartial型が生きる
Partial型 TypescriptにはPartial型というものが存在し、すべてのプロパティを省略可能にした型がある。 type User = { firstName: string; la...
1
1
Comment1
【Clean Architecture】クリーンアーキテクチャが伝えるシンプルなルール
Robert C. Martinによる「Clean Architecture 達人に学ぶソフトウェアの構造と設計」を読んだまとめ。 クリーンアーキテクチャは例の同心円の図で説明され一見複雑に見え...
0
1
Comment0
テスト駆動開発の概要を知る
Kent Beck による著書「テスト駆動開発」より、TDD の概要をまとめた。 業務でTDDを行っている者として、基本に忠実にプロジェクトを進めることの難しさをよく感じるので、よい機会になった...
4
2
Comment0
テスト駆動開発(TDD)を身に着けるために、知るべきこと
業務でテスト駆動開発(TDD)を実践するようになってから約 2 か月が経ち、現在のチームでの開発スタイルにも慣れてきました。 TDD の実践のため、ケント・ベック氏の「テスト駆動開発」を読んだと...
0
1
Comment0
【Clean Architecture】SOLID原則に再入門する
SOLID 原則を再び知る ソフトウェアシステムを構築する際、SOLID 原則と呼ばれる設計の原則が挙げられることがある。この原則は、関数やデータ構造をどのようにクラス内に組み込むかであったり、...
1
1
Comment0
Styled-Componentsで::after、::beforeのcontentを動的に変更するときの注意
タイトル通り。ハマるのでメモ。 component 任意のメッセージを疑似要素で表示するコンポーネントの例。 component import React from "React"; impor...
6
1
Comment0
【React】大きなフォームの値管理
Reactでの状態管理は主にstateを用いて行います。 フォームにインプットされた値をstateで管理することで、リアルタイムにバリデーションを行ったりすることができます。 しかし大きなフォー...
0
1
Comment0
【Next.js 9.3】getStaticPropsでmarkdownブログを高速に
Next.js 9.3 本日(2020/03/10)リリースされたNext.js 9.3では、主に静的サイト生成(Static Site Generation)の機能が追加されました。 これによ...
17
16
Comment0
【Django】Viewを簡潔に書くためのショートカット
DjangoではViewファイル内でリクエストを受け取り、処理し、レスポンスを返すロジックを記述します。 そのため、他のファイルに比べて記述量が多くなりがちです。 Django側で利用されている...
0
0
Comment0
apollo codegenの型定義生成メモ
apollo install 2020/04/02時点ではapollo 2.25.0であった。 $ yarn add apollo apollo.config.js includes には、Qu...
1
1
Comment0
【VSCode】Remote-sshで鍵の設定を行ったのにパスワードを聞かれる
VSCodeにはRemote-sshという拡張機能があり、 リモート先のファイルを普段と同じ環境で編集することが出来ます。 接続方式では鍵認証も行えるのですが、たまに鍵認証を設定してもパスワード...
4
5
Comment0
Apollo-Client のネットワークエラーを表示する
Apollo-client では 400 エラー等を受け取った際、デフォルトではエラーメッセージが表示されない。 Apollo-Client 内部でエラー処理され、エラーステータスに沿ったメッセ...
13
8
Comment0
【Next.js】ページ遷移時に表示するコンポーネント
Next.jsでページ遷移時に表示するコンポーネント。 next 9.3.0 typescript 3.7.5 useRouter nextでは、useRouterを用いてReact.FCコンポ...
17
5
Comment0
【Django】開発に地味に便利なスクリプト集
Djangoの開発ではcliを叩くことが多くなりがちですが、 オプションとか覚えてられないかつ面倒なので、よくPipenv等のタスクランナー機能を用います。 私はpoetry派なのでpoetry...
4
11
Comment0
【VSCode】PythonのlanguageServerが起動しなくなった
突然VSCode拡張、PythonのLanguageServerのダウンロードが途中で停止してしまうようになった。 タスクバーの下に以下のような表示が出たまま、進まず。 Downloading ...
2
0
Comment0
【Python】QRコードをインメモリに生成
QRコードを生成しAPI等で返したり、メール送信する場合、 一度ファイルにセーブし、それを読み出ししたりする処理が入ります。 この処理の場合、I/Oでの速度的問題や、並列処理時に問題が生じます。...
1
2
Comment0
【Python】async/awaitで非同期リクエスト
Pythonでの非同期リクエストには、asyncioモジュールを用います。 requestsパッケージを用いて、APIを非同期で叩くコードを作成してみます。 環境 Python 3.7.4 AP...
25
26
Comment1
45 search resultsShowing 1~20 results
Qiita is a knowledge sharing service for engineers.
- You can follow users and tags
- You can stock useful information
- You can make edit suggestions for articles