nextjs

tailwindをnextjsで使ってみる[Typescript]

今回はnextjsのプロジェクトにUIのデザインをいい感じにしてくれるtailwindを導入する方法を記述します。 tailwindを使うとclassに特定のclassを記述することで文字色などのレイアウトを変更できます。そのためcs...
nextjs

nextjsを始めてみる(インストールから起動して確認するまで)[Typescript]

nextjsとは nextjsは、reactベースに作られるJavascriptのフレームワークです。 また、reactとは大きく違う部分としては、フロントエンドだけでなくバックエンドのAPIについても同時に実装が可能なことです。 ...
Typescript

[Typescript]Jestでシステム日時を固定する

Jestを利用したテストを行う場合に日付を固定したい時は下記のようにします jest.useFakeTimers().setSystemTime(new Date('設定する日付').getTime()); これでテスト中のシス...
Go

[Go言語]HTTP通信を行う

goで外部のAPIからデータを取得した場合にはnet/httpパッケージを利用します 参照) 例えば下記のようなjsonファイルを返すAPIがあるとします { user_id:"1", user_name:"Tanak...
Go

[Go言語]jsonファイルを読み込む

data.jsonフォルダに下記のようなjsonファイルがあるとします { "user_id": 1, "user_name":"Tanaka" } まず、jsonファイルに対応する型を定義します `json:"...
Go

[Go言語]stringとTimeの変換

string→time.Time yyyy-mm-dd HH:mm:ss 形式の文字列を変換する場合は下記のようにします target="2022-11-11 11:00:00" time.Parse("2006-01-02 15...
Go

[Go言語]今日の日付を取得する

今日の日付を取得する now := time.Now() time.Now()で現在日付をtime.Timeの形式で取得できます ロケーションを取得する場合 location, _ := time.LoadLocatio...
Javascript

javascriptでログの出力をカスタマイズする

typescriptでコンソールログを出力する際に発生した日付などを出力する処理を紹介します 下記は「ログ内容」の形式で出力したい場合のサンプルです(日付のフォーマットのためにdayjsを利用しています) const defau...
未分類

画面に表示する文字列を多言語化する[typescript]

アプリケーションの画面などでメッセージを日本語や英語でメッセージを出しわける処理を作ってみました export const message_en = { welcome:'Welcome' } export const ...
未分類

webサイト要素、属性の取得方法

初めに今回は、webのスクレイピングが増えてきましたがその中でよく利用するCSSセレクタやXPathから特定の要素を取得する方法についてまとめます セレクタから取得する 基本的な取得方法 要素から取得 <div>のように...