Skip to content

Instantly share code, notes, and snippets.

View souri-t's full-sized avatar

YOSUKE HIYOSHI souri-t

4 followers · 7 following
  • Tokyo, Japan
View GitHub Profile
@souri-t
souri-t / SelectableTableCell.tsx
Last active November 14, 2023 01:27
import { Select, SelectChangeEvent, TableCell } from "@mui/material";
/**
* 選択可能なテーブルセルのプロパティ
* @param param0
* @returns
*/
type Props = {
onchange?: (e: SelectChangeEvent<unknown>, child: React.ReactNode) => void;
children?: React.ReactNode;
@souri-t
souri-t / EditableTableCell.tsx
Last active November 13, 2023 16:23
import { TableCell } from "@mui/material";
/**
* 編集可能なテーブルセルのプロパティ
*/
type Props = {
onInput?: (e: React.FormEvent<HTMLTableCellElement>) => void;
children?: React.ReactNode;
sx?: React.CSSProperties;
size?: "small" | "medium";
@souri-t
souri-t / Parent.md
Created April 14, 2023 12:55

要素数が増減する場合は、以下のようにして処理を行うことができます。

[HttpPut("{id}")]
public async Task<IActionResult> Put(int id, [FromBody] Parent parent)
{
    if (id != parent.Id)
    {
        return BadRequest();
    }
@souri-t
souri-t / DatePickerSample.md
Last active April 12, 2023 07:16

@material-ui/pickersではなく、@mui/x-date-pickersを使用してDatePickerを作成する方法について説明します。

  1. @mui/x-date-pickersのインストール

まずはじめに、Reactのプロジェクトに@mui/x-date-pickersをインストールします。

npm install @mui/x-date-pickers
@souri-t
souri-t / gist:12577b96a639bb3e09dc1ada8e4d939c
Created April 7, 2023 11:53
c
メンバーにサブクラスが含まれる場合、値が空でないことを確認するためには、サブクラスの各メンバーに対しても同様の処理を行う必要があります。また、個別にメンバーを見るよりも、反射を使用してクラスのすべてのメンバーをチェックすることができます。
以下は、反射を使用してクラスのすべてのメンバーが空でないことを確認するコードの例です。
```csharp
public static bool CheckAllMembersAreNotEmpty(object obj)
{
// オブジェクトがnullの場合はfalseを返す
if (obj == null)
{
@souri-t
souri-t / EntityFrameworkCoreCips.md
Created March 15, 2023 14:57

Entity Framework Coreで以下のように1対多の関係を持つクラスがあります。 Parent.ParentIdが外部キーです。 コントローラーのGetメソッドでParentの配列を取得する際にChild.nameを含んで取得する方法を教えて下さい。

public class Parent { public string name; public List childs; }

public class Child {

@souri-t
souri-t / Linux基盤のBlazorでWindows認証.md
Created March 9, 2023 17:12

Blazorアプリ上でWindows認証を実装するためには、以下の手順を実行する必要があります。

  1. ASP.NET Core Identityパッケージをインストールします。
dotnet add package Microsoft.AspNetCore.Identity
  1. Startup.csファイル内に、以下のようにConfigureServicesメソッドを作成します。
@souri-t
souri-t / Windows認証をBlazorで実装する方法.md
Last active March 9, 2023 17:13

BlazorアプリでWindows認証を実装するには、以下の手順に従ってください。

ASP.NET CoreのWindows認証を有効にする まず、ASP.NET CoreアプリケーションでWindows認証を有効にする必要があります。これは、アプリケーションのStartup.csファイルのConfigureServicesメソッドで行うことができます。次のように、AddAuthenticationメソッドを呼び出して、Windows認証を有効にします。

scss Copy code services.AddAuthentication(IISDefaults.AuthenticationScheme); Blazorアプリで認証を使用する 次に、Blazorアプリで認証を使用できるようにします。これには、BlazorアプリのApp.razorファイルで、AuthorizeViewコンポーネントを使用することが含まれます。AuthorizeViewコンポーネントは、ユーザーが認証されている場合にコンポーネントを表示し、認証されていない場合に非表示にします。

@souri-t
souri-t / ResizableTable.razor
Last active March 7, 2023 11:30
@page "/"
<table class="table" ref="tableRef">
<thead>
<tr>
<th style="position:relative;" @onmousedown="@MouseDownHandler" @onmousemove="@MouseMoveHandler" @onmouseup="@MouseUpHandler">列1</th>
<th style="position:relative;" @onmousedown="@MouseDownHandler" @onmousemove="@MouseMoveHandler" @onmouseup="@MouseUpHandler">列2</th>
<th style="position:relative;" @onmousedown="@MouseDownHandler" @onmousemove="@MouseMoveHandler" @onmouseup="@MouseUpHandler">列3</th>
<th style="position:relative;" @onmousedown="@MouseDownHandler" @onmousemove="@MouseMoveHandler" @onmouseup="@MouseUpHandler">列4</th>
</tr>
@souri-t
souri-t / gist:270dcc20a815a43440e39bde808d4cf6
Created March 7, 2023 10:59
ResizableTable.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>可変サイズのテーブル</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
<style>
th.resize {
position: relative;
cursor: ew-resize;