dninomiya

import { Pipe, PipeTransform } from '@angular/core';
import marked from 'marked';
import hljs from 'highlight.js';

@Pipe({
  name: 'marked'
})
export class MarkedPipe implements PipeTransform {

  marked;

dninomiya

import { Pipe, PipeTransform } from '@angular/core';

@Pipe({
  name: 'age'
})
export class AgePipe implements PipeTransform {

  transform(value: number, args?: any): any {
    const ageDate = new Date(Date.now() - value);
    return Math.abs(ageDate.getUTCFullYear() - 1970);

dninomiya

{
  "validateIndentation": 2,
  "validateAttributeQuoteMarks": "'",
  "validateAttributeSeparator": { "separator": " ", "multiLineSeparator": "\n  " },
  "validateDivTags": true,
  "requireStrictEqualityOperators": true,
  "requireSpecificAttributes": [ { "img": [ "alt" ] } ],
  "requireSpaceAfterCodeOperator": [ "-", "=", "!=" ],
  "requireLowerCaseTags": true,
  "requireLowerCaseAttributes": true,

dninomiya

Request

fixed #

Description

Screenshot

Browser

dninomiya

対象

この記事ではSPA(Single Page Application)を開発する際の開発フローをまとめています。以下の技術、サービスを採用しています。

• Slack
• GitHub
• Angular
• Firebase
• Visual Studio Code

dninomiya

技術顧問/コンサルティング

技術顧問やコンサルティングでご用命の場合、以下の点をご確認ください。

概要

大手制作会社、人材紹介会社を経て培った開発スキルと人脈を駆使し、エンジニアのアップデートや開発チームビルディングを支援します。これから開発チームを立ち上げようという経営者や、既存の開発チームや開発フローをアップデートしたい経営者にフィットします。

プロフィール

dninomiya

import { CommonModule } from '@angular/common';
import { NgModule } from '@angular/core';
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
import { MatAutocompleteModule } from '@angular/material/autocomplete';
import { MatBadgeModule } from '@angular/material/badge';
import { MatBottomSheetModule } from '@angular/material/bottom-sheet';
import { MatButtonModule } from '@angular/material/button';
import { MatButtonToggleModule } from '@angular/material/button-toggle';
import { MatCardModule } from '@angular/material/card';
import { MatCheckboxModule } from '@angular/material/checkbox';

dninomiya

name: Build and Deploy
on:
  push:
    branches:
      - master

jobs:
  build:
    name: Build
    runs-on: ubuntu-latest

dninomiya

import { differenceInDays, format, formatDistanceToNow } from 'date-fns';
import { ja } from 'date-fns/locale';

export default function RelativeTimestamp({ date }: { date: Date }) {
  const diffInDays = differenceInDays(new Date(), date);

  if (diffInDays < 8) {
    return formatDistanceToNow(date, {
      locale: ja,
      addSuffix: true,

dninomiya

'use server';

import { authGuard } from '@/app/actions/auth';
import { db } from '@/app/actions/lib';
import { Prisma } from '@prisma/client';
import { put } from '@vercel/blob';
import { randomUUID } from 'crypto';
import { revalidatePath } from 'next/cache';
import { redirect } from 'next/navigation';
import { cache } from 'react';