Jiwon Min Developer

スタイルガイド

これはJekyllで作成した私のGitHub Pagesブログの最初の投稿です。備忘録のようなものだとお考えください。 久しぶりに文章を書くと、以前のスタイルを忘れてしまい、様々なスタイルが混在してしまうことがあります。 そのような乱雑さを防ぎ、文章作成の練習も兼ねて、この投稿を書くことにしました。 韓国語のフォントで見るともっと綺麗かもしれませんが、ブラウザのデフォルトフォントでも問題ありません。 現時点では、英語フォントのスタイルのみが追加されています。 CSSの部分は、ページを管理していく中で少しずつ変わっていくかもしれません。 この投稿はスタイルに関するものなので、特に面白い話はありません。 これから徐々に面白い話も追加していく予定です。

style guide

1. コード

@RestController
@RequiredArgsConstructor
public class MemberController {
 
    private final MemberService memberService;
 
    @GetMapping("/members")
    public List<MemberResponseDto.ListDto> getMemberList(){
        return memberService.findAll();
    }
 
    @PostMapping("/members")
    public Long createMember(@RequestBody MemberRequestDto.CreateDto createDto){
        return memberService.createMember(createDto.getName(), createDto.getAge());
    }
}
import { evaluate } from '@user/opensource-library';

evaluate('[1, 2, 3] |> map(_ + 1) |> sum');

evaluate('puts("Hello, world")', { puts: console.log.bind(console) });

Vivamus velit nulla, consectetur vel velit at, aliquet sodales arcu. Duis laoreet risus sapien. Praesent vestibulum leo et neque varius, nec sagittis velit rutrum. Etiam scelerisque id lorem elementum tempus. Curabitur eget orci mollis, efficitur ligula id, vulputate tortor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean maximus dolor non hendrerit placerat. Nam erat metus, malesuada pharetra ultricies sed, consequat ut nisi.

<?php

$solution = file_get_contents(__DIR__ . '/solution.openai');

proxy_run($solution, cwd: __DIR__);

proxy_test($solution);

evaluate('1.. |> filter(_ % 2) |> take(3);');
#[macro_export]
macro_rules! T {
    [INT] => { $crate::lexer::TokenKind::Integer };
    [+]   => { $crate::lexer::TokenKind::Plus };
    [||]  => { $crate::lexer::TokenKind::PipePipe };
    // ..
}

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla varius cursus commodo. Aliquam nec sem efficitur, efficitur leo at, eleifend nibh. Vestibulum ut malesuada odio, vel lacinia magna. Nullam eget lobortis dui. Integer sollicitudin urna sit amet magna consectetur iaculis. Sed ac tristique tellus. Aenean at auctor risus. Ut a urna venenatis, tempor purus vitae, sollicitudin mauris. In finibus, ante eu tempor efficitur, est orci vehicula nulla, vel scelerisque justo magna molestie ligula. Mauris ac risus in tortor ultrices laoreet sit amet nec nibh. Quisque risus diam, blandit quis euismod dignissim, lobortis eu ex. Proin varius, enim vehicula sollicitudin bibendum, massa lectus pretium eros, vel congue quam justo sit amet tortor.

2. リンク

Blue Square

3. 画像

Coding
Coding
Coding
Coding
Coding

Nulla eu libero ut dui volutpat luctus. Nulla tempor mi at venenatis commodo. Nulla eget posuere ligula. Duis varius quis urna in efficitur. Vivamus rhoncus neque ac justo commodo, vel commodo purus laoreet. Mauris efficitur vehicula sem, ut lobortis mauris consequat non. Donec condimentum sem nunc, imperdiet ornare purus hendrerit vitae. Suspendisse bibendum scelerisque tempus. Quisque nisl lectus, aliquam sed sem ut, venenatis ultricies dui.

Shadow

4. 動画

5. リスト

  1. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent quis nisi id massa aliquam accumsan. Donec ac massa non orci placerat aliquet eget in erat. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  2. Fusce quis nulla viverra, tincidunt est non, tristique orci. Sed dictum elit eu egestas consequat. Aliquam pellentesque lectus quis leo eleifend porttitor. Duis consectetur erat quis justo molestie ultrices.
  3. Phasellus molestie justo in vestibulum facilisis. Ut id dui eleifend, auctor tellus eu, vestibulum ante. Aenean at ex pretium, mattis metus sit amet, luctus ex. Proin congue arcu eu ultricies iaculis.
  4. Ut gravida enim sit amet condimentum blandit. Nullam et ligula luctus, vulputate sem vel, pharetra nulla. Cras at lacus at nulla tincidunt luctus vitae a tellus. Nullam quis dui vitae elit congue convallis eget nec nibh.
  5. In nec mi non eros malesuada sollicitudin. Proin sed neque non justo efficitur suscipit. Cras accumsan odio ut nisl faucibus varius sit amet quis lacus. Nunc id nibh vehicula, iaculis mauris ut, maximus lorem.
  • Lorem ipsum dolor - sit amet, consectetur adipiscing elit. Praesent quis nisi id massa aliquam accumsan. Donec ac massa non orci placerat aliquet eget in erat. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  • Fusce quis nulla - viverra, tincidunt est non, tristique orci. Sed dictum elit eu egestas consequat. Aliquam pellentesque lectus quis leo eleifend porttitor. Duis consectetur erat quis justo molestie ultrices.
  • Phasellus molestie justo - in vestibulum facilisis. Ut id dui eleifend, auctor tellus eu, vestibulum ante. Aenean at ex pretium, mattis metus sit amet, luctus ex. Proin congue arcu eu ultricies iaculis.
  • Ut gravida enim - sit amet condimentum blandit. Nullam et ligula luctus, vulputate sem vel, pharetra nulla. Cras at lacus at nulla tincidunt luctus vitae a tellus. Nullam quis dui vitae elit congue convallis eget nec nibh.
  • In nec mi - non eros malesuada sollicitudin. Proin sed neque non justo efficitur suscipit. Cras accumsan odio ut nisl faucibus varius sit amet quis lacus. Nunc id nibh vehicula, iaculis mauris ut, maximus lorem.

6. 引用

森で木が倒れたとき、音はするのでしょうか? 純粋関数が不変の戻り値を生成するためにローカルデータを変更することは、許されるのでしょうか?

7. 表

Lorem ipsum Curabitur Pellentesque
Spring Authorization Server Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam quis dui vitae elit congue convallis eget nec nibh. Java 17.0.3
TypeORM Pellentesque et leo nec felis pharetra maximus. SpringBoot Java 18.x
Class Validation Curabitur maximus sem a elit egestas, interdum egestas sapien mattis. NestJS 10.4.10
Spring HATEOAS Morbi ac mi id nulla iaculis facilisis non nec lacus. Integer pharetra augue non ex malesuada, non blandit arcu malesuada. Java Java 21.x

8. Iframe

CodePenでAmit (@ghaste)によるペン Waves Hello: css onlyを見る。